@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/pagoservicios') }}">Pago de
                        servicios</a></li>
            </ol>
        </div>
        <!-- End Breadcrumb Area -->

        <div class="card mb-30">
            {{-- <div class="card-body">
                <!-- Ejemplo de alerta de éxito -->
                <div class="alert alert-success alert-dismissible fade show" role="alert" style="display: none;"
                    id="alerta-registro-exito">
                    <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>

                <!-- Ejemplo de alerta de actualización -->
                <div class="alert alert-success alert-dismissible fade show" role="alert" style="display: none;"
                    id="alerta-actualizacion">
                    <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>

                <!-- Ejemplo de alerta de error -->
                <div class="alert alert-danger alert-dismissible fade show" role="alert" style="display: none;"
                    id="alerta-error-registro">
                    <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>

                <!-- Ejemplo de alerta de eliminación -->
                <div class="alert alert-danger alert-dismissible fade show" role="alert" style="display: none;"
                    id="alerta-eliminacion">
                    <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>
            </div> --}}

            <div class="card-body">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3>Registro de pagos de servicios varios</h3>
                    <div class="btn-group" role="group" align="right">
                        <a href="{{ url('/admin/operaciones/consultausuario') }}" 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>Tipo&nbsp;Servicio</th>
                                <th>Curso-Servicio</th>
                                <th>N#&nbsp;Cuenta&nbsp;Banco</th>
                                <th>N#&nbsp;Operación</th>
                                <th>Monto</th>
                                <th>Fecha&nbsp;Pago</th>
                                <th>Observación</th>
                                <th>Opciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- Ejemplos de registros -->
                            <tr>
                                <td>1</td>
                                <td>Juan Pérez<br>DNI: 12345678</td>
                                <td>Curso</td>
                                <td>Matemáticas Avanzadas</td>
                                <td>0123456789</td>
                                <td>123456</td>
                                <td>S/. 200.00</td>
                                <td>15/08/2024</td>
                                <td>Pago completo</td>
                                <td>
                                    <div class='btn-group' role='group'>
                                        <a href='registerpagoservicio_edit.php?dat=1'><button class='btn btn-success btn-xs'
                                                title='Editar Registro'><i class='bx bx-pencil'></i></button></a>
                                        <a href='#' class='btn btn-danger btn-xs' title='Eliminar Registro'
                                            onClick='return confirmar2()'><i class='bx bx-trash'></i></button></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>María Gómez<br>DNI: 87654321</td>
                                <td>Servicio</td>
                                <td>Preparación Física</td>
                                <td>9876543210</td>
                                <td>654321</td>
                                <td>S/. 150.00</td>
                                <td>16/08/2024</td>
                                <td>Pago en dos cuotas</td>
                                <td>
                                    <div class='btn-group' role='group'>
                                        <a href='registerpagoservicio_edit.php?dat=2'><button class='btn btn-success btn-xs'
                                                title='Editar Registro'><i class='bx bx-pencil'></i></button></a>
                                        <a href='#' class='btn btn-danger btn-xs' title='Eliminar Registro'
                                            onClick='return confirmar2()'><i class='bx bx-trash'></i></button></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>Carlos Sánchez<br>DNI: 11223344</td>
                                <td>Curso</td>
                                <td>Programación Web</td>
                                <td>1029384756</td>
                                <td>789012</td>
                                <td>S/. 250.00</td>
                                <td>17/08/2024</td>
                                <td>Ninguna observación</td>
                                <td>
                                    <div class='btn-group' role='group'>
                                        <a href='registerpagoservicio_edit.php?dat=3'><button class='btn btn-success btn-xs'
                                                title='Editar Registro'><i class='bx bx-pencil'></i></button></a>
                                        <a href='#' class='btn btn-danger btn-xs' title='Eliminar Registro'
                                            onClick='return confirmar2()'><i class='bx bx-trash'></i></button></a>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                        <tbody>
                            <tr>
                                <td colspan='6'>&nbsp;</td>
                                <td><b>S/. 600.00</b></td>
                                <td colspan='3'>&nbsp;</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>






    </main>
@endsection