@extends('admin.layout.master')

@section('content')
    <main>
        <!-- Breadcrumb Area -->
        <div class="breadcrumb-area">
            <h1>Dashboard</h1>
            <ol class="breadcrumb">
                <li class=""><a href="{{ url('/admin') }}"><i class='bx bx-home-alt'
                            style="font-size: 18px;color: #F31519;"></i></a></li>
                <li class=""><a href="{{ url('/admin') }}">Principal </a></li>
                <li class="">&nbsp;&nbsp;/ Otras Operaciones</li>
                <li class="">&nbsp;&nbsp;/ <a href="{{ url('/admin/operaciones/devolucion') }}">Registro de
                        Devoluciones</a></li>
            </ol>
        </div>
        <!-- End Breadcrumb Area -->

        <div class="card mb-30">
            {{-- <div class="card-body">
                <!-- Alerta de registro exitoso -->
                <div class="alert alert-success alert-dismissible fade show" role="alert" id="alert-nuevoreg"
                    style="display: none;">
                    <strong>Mensaje!</strong> Se registró satisfactoriamente.
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <!-- Alerta de actualización exitosa -->
                <div class="alert alert-success alert-dismissible fade show" role="alert" id="alert-update"
                    style="display: none;">
                    <strong>Mensaje!</strong> Los datos del registro se modificaron.
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <!-- Alerta de error en registro -->
                <div class="alert alert-danger alert-dismissible fade show" role="alert" id="alert-erroreg"
                    style="display: none;">
                    <strong>Mensaje!</strong> No se realizó el registro, campos vacíos, verifique nuevamente.
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <!-- Alerta de eliminación exitosa -->
                <div class="alert alert-danger alert-dismissible fade show" role="alert" id="alert-delete"
                    style="display: none;">
                    <strong>Mensaje!</strong> Se eliminó el registro satisfactoriamente.
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <!-- Alerta de archivo demasiado grande -->
                <div class="alert alert-warning alert-dismissible fade show" role="alert" id="alert-gran"
                    style="display: none;">
                    <strong>Mensaje!</strong> El archivo que intenta subir es muy grande.
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <!-- Alerta de formato de archivo incorrecto -->
                <div class="alert alert-warning alert-dismissible fade show" role="alert" id="alert-forma"
                    style="display: none;">
                    <strong>Mensaje!</strong> El archivo que intenta subir tiene otro formato, solo archivos JPG, JPEG, PNG
                    & GIF son permitidos.
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div> --}}

            <div class="card-body">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3>Registro de devoluciones varios</h3>
                    <div class="btn-group" role="group" align="right">
                        <a href="{{ url('/admin/operaciones/consultadevolucion') }}" class="btn btn-info rounded-pill"><i class='bx bxs-pencil'></i>
                            Nuevo Registro</a>
                    </div>
                </div>
            </div>

            <div class="card-body">
                <div class="table table-responsive">
                    <table id="tblUser" class="table" cellspacing="0" cellpadding="0" width="100%">
                        <thead>
                            <tr>
                                <th>N.</th>
                                <th>Usuario</th>
                                <th>Concepto</th>
                                <th>F. Devolución</th>
                                <th>Monto</th>
                                <th>Imagen</th>
                                <th>Fecha registro</th>
                                <th>U. registro</th>
                                <th>Opciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- Ejemplo de datos estáticos -->
                            <tr>
                                <td>1</td>
                                <td>Juan Pérez<br>DNI: 12345678</td>
                                <td>Devolución de inscripción</td>
                                <td>15/08/2024</td>
                                <td>S/. 200.00</td>
                                <td>
                                    <a href="#" data-toggle="modal" data-target="#basicModalcompro1"
                                        class="btn btn-outline-primary"><i class="bx bx-image"></i></a>
                                </td>
                                <td>15/08/2024</td>
                                <td>Admin</td>
                                <td>
                                    <div class='btn-group' role='group'>
                                        <a href='registerpagodevolu_edit.php?dat=1'><button class='btn btn-success btn-xs'
                                                title='Editar Registro'> <i class='bx bx-pencil'></i> </button></a>
                                        <a href='deletepagodevolu.php?dat=1' class='btn btn-danger btn-xs'
                                            title='Eliminar Registro'><i class='bx bx-trash'></i> </a>
                                    </div>
                                </td>
                            </tr>

                            <!-- Modal de imagen -->
                            <div class="modal fade" id="basicModalcompro1" role="dialog" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">Imagen del pago realizado</h5>
                                            <button type="button" class="close" data-dismiss="modal">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <img class='img-responsive' src='uploads/imagen1.jpg'
                                                alt="Imagen del comprobante">
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary"
                                                data-dismiss="modal">Cerrar</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <tr>
                                <td>2</td>
                                <td>María Gómez<br>DNI: 87654321</td>
                                <td>Devolución de examen</td>
                                <td>14/08/2024</td>
                                <td>S/. 150.00</td>
                                <td>
                                    <a href="#" data-toggle="modal" data-target="#basicModalcompro2"
                                        class="btn btn-outline-primary"><i class="bx bx-image"></i></a>
                                </td>
                                <td>14/08/2024</td>
                                <td>Admin</td>
                                <td>
                                    <div class='btn-group' role='group'>
                                        <a href='registerpagodevolu_edit.php?dat=2'><button class='btn btn-success btn-xs'
                                                title='Editar Registro'> <i class='bx bx-pencil'></i> </button></a>
                                        <a href='deletepagodevolu.php?dat=2' class='btn btn-danger btn-xs'
                                            title='Eliminar Registro'><i class='bx bx-trash'></i> </a>
                                    </div>
                                </td>
                            </tr>

                            <!-- Modal de imagen -->
                            <div class="modal fade" id="basicModalcompro2" role="dialog" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">Imagen del pago realizado</h5>
                                            <button type="button" class="close" data-dismiss="modal">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <img class='img-responsive' src='uploads/imagen2.jpg'
                                                alt="Imagen del comprobante">
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary"
                                                data-dismiss="modal">Cerrar</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </main>
@endsection