@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;/ Administrador</li>
                <li class="">&nbsp;&nbsp;/ <a href="{{ url('/admin/reporte') }}">Reportes Generales</a>
                </li>
            </ol>
        </div>
        <!-- End Breadcrumb Area -->

        <div class="card mb-30">
            <div align="right">
                <a href="{{ url('/admin/reporte') }}"><i class="bx bx-share"></i> Regresar</a>
            </div>
            <div class="card-header d-flex justify-content-between align-items-center">
                <h4>Historial de usuarios que ingresaron al portal</h4>
            </div>
            <div class="card-body">
                <h5>Seleccione el rango de fechas para consultar</h5>
                <form role="form" method="post" action="reports.php" enctype="multipart/form-data">
                    <div class="row">
                        <div class="col-lg-3 left">
                            <div class="form-group has-success">
                                <label for="inputMarca">Fecha Desde :</label>
                                <input id="cboFechaDesdeVent" type="date" value="2024-08-01" class="form-control" name="cboFechaDesdeVent" required />
                            </div>
                        </div>
                        <div class="col-lg-3 left">
                            <div class="form-group has-success">
                                <label for="inputMarca" id="lblHasta">Fecha Hasta :</label>
                                <input id="cboFechaHastaVent" type="date" value="2024-08-20" class="form-control" name="cboFechaHastaVent" required />
                            </div>
                        </div>
                        <div class="col-lg-6 left ">
                            <div class="form-group has-success text-center">
                                <label for="inputMarca" id="lblHasta">&nbsp;<br></label>
                                <br>
                                <button class="btn btn-primary btn-default" name="consulta" type="submit">
                                    <i class="bx bx-search"></i> Consultar
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        
            <div class="card-body">
                <hr>
                <div id="" class="table table-responsive">
                    <table id="tblUser" class="table table-condensed" cellspacing="0" cellpadding="0" width="100%">
                        <thead>
                            <tr>
                                <th colspan="10" align="center">
                                    El filtro se realizó desde la fecha de inicio: 01/08/2024 hasta la fecha final: 20/08/2024
                                </th>
                            </tr>
                            <tr>
                                <th>N.</th>
                                <th>Nombres</th>
                                <th>DNI</th>
                                <th>Email</th>
                                <th>Especialidad</th>
                                <th>Celular</th>
                                <th>Departamento</th>
                                <th>Fecha/Hora Ingreso</th>
                                <th>Asistencia Curso</th>
                                <th>Ip</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>Juan Pérez</td>
                                <td>12345678</td>
                                <td>juan.perez@example.com</td>
                                <td>Educación</td>
                                <td>987654321</td>
                                <td>Lima</td>
                                <td>2024-08-15 10:30</td>
                                <td>Matemáticas Básicas</td>
                                <td>192.168.1.1</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>Laura Gómez</td>
                                <td>87654321</td>
                                <td>laura.gomez@example.com</td>
                                <td>Ingeniería</td>
                                <td>912345678</td>
                                <td>Arequipa</td>
                                <td>2024-08-16 14:00</td>
                                <td>Historia Universal</td>
                                <td>192.168.1.2</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>Carlos Rodríguez</td>
                                <td>23456789</td>
                                <td>carlos.rodriguez@example.com</td>
                                <td>Ciencias</td>
                                <td>998877665</td>
                                <td>Trujillo</td>
                                <td>2024-08-17 09:00</td>
                                <td>Química General</td>
                                <td>192.168.1.3</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        
        
       
    </main>
@endsection