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

        <div class="card mb-30">
            <!-- Mensajes de alerta estáticos -->
            <div class="card-body">
                <div class="alert alert-success alert-dismissible fade show" role="alert" id="alert-nuevo"
                    style="display:none;">
                    <strong>Mensaje!</strong> Registro de llamada registrado satisfactoriamente.
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="alert alert-success alert-dismissible fade show" role="alert" id="alert-editado"
                    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>
                <div class="alert alert-danger alert-dismissible fade show" role="alert" id="alert-error1"
                    style="display:none;">
                    <strong>Mensaje!</strong> Ocurrió un error al subir el archivo.
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>


            <div class="card-body">
                <h3>Historial de registro de llamadas</h3>
                <p><a class="btn btn-warning" href="datallamadas.php">Descargar data registro de llamadas <span
                            class="bx bxs-download"></span></a></p>

                <div class="table table-responsive">
                    <table id="tblUser" class="table" cellspacing="0" cellpadding="0" width="100%">
                        <thead>
                            <tr>
                                <th colspan="13" align="center">Se filtro por: Juan Pérez</th>
                            </tr>
                            <tr>
                                <th>N.</th>
                                <th>Fecha&nbsp;Hora Registro</th>
                                <th>Usuario</th>
                                <th>Dni</th>
                                <th>N#.Celular</th>
                                <th>Estado&nbsp;LLamada</th>
                                <th>Detalle</th>
                                <th>Oper.&nbsp;LLamada</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- Ejemplo de datos estáticos -->
                            <tr>
                                <td>1</td>
                                <td>2024-08-15&nbsp;10:30 AM</td>
                                <td>Juan Pérez</td>
                                <td>12345678</td>
                                <td>987654321</td>
                                <td>Completada</td>
                                <td>Llamada de seguimiento exitosa.</td>
                                <td>Operador1</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>2024-08-14&nbsp;11:15 AM</td>
                                <td>María López</td>
                                <td>87654321</td>
                                <td>987654322</td>
                                <td>No contestada</td>
                                <td>No hubo respuesta, se intentará de nuevo.</td>
                                <td>Operador2</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>


    </main>
@endsection