@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-header d-flex justify-content-between align-items-center">
                <h3>Registro de llamadas</h3>
            </div>

            <div class="card-body">
                <form role="form" method="post" action="registerllamada.php" enctype="multipart/form-data">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group has-success">
                                <label for="inputMarca">Ingresar Datos</label>
                                <input type="text" class="form-control" name="busqueda"
                                    placeholder="Ingrese DNI/Nombres/Celular" required />
                            </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="form-group has-success text-center">
                                <label>&nbsp;</label>
                                <button class="btn btn-primary btn-default" name="buscar" type="submit"><i
                                        class="bx bx-save"></i> Registrar</button>
                            </div>
                        </div>
                    </div>
                </form>
                <hr>
            </div> --}}

            <div class="card mb-30">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3>Consultar dato</h3>
                </div>
                <div class="card-body">
                    <form role="form" method="post" action="resultados.php">
                        <div class="col-sm-6">
                            <div class="form-group row">
                                <label for="inputEmail3" class="col-sm-6 col-form-label">Consultar Datos</label>
                                <div class="col-sm-6">
                                    <input type="text" class="form-control" name="busqueda"
                                        placeholder="Ingrese Numero Celular" required>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group row">
                                <button name="buscar" type="submit" class="btn btn-primary"><i class="bx bx-search"></i>
                                    Consultar</button>
                                <a href="llamadas.php" class="btn btn-danger"><i class="bx bx-trash"></i> Cancelar</a>
                            </div>
                        </div>
                    </form>
                </div>

                <!-- Ejemplo de resultado encontrado -->
                <div class="card-body">
                    <div class="col-sm-12">
                        <hr>
                        <h3>Registro de LLamada</h3>
                    </div>
                    <form method="post" action="insertllamada.php">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="col-sm-12">
                                    <div class="form-group row">
                                        <label for="inputEmail3" class="col-sm-6 col-form-label">Nombre Docente</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" name="nombres"
                                                placeholder="Nombres completos" value="Juan Pérez" required>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-12">
                                    <div class="form-group row">
                                        <label for="inputEmail3" class="col-sm-6 col-form-label">Docente DNI</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" name="dniprofe"
                                                placeholder="DNI Docente" value="12345678">
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-12">
                                    <div class="form-group row">
                                        <label for="inputEmail3" class="col-sm-6 col-form-label">Docente Escala</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" name="escala"
                                                placeholder="Escala" value="III Escala">
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-12">
                                    <div class="form-group row">
                                        <label for="inputEmail3" class="col-sm-6 col-form-label">Celular /
                                            Telefono</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" name="celprofe"
                                                placeholder="Celular / Telefono" value="987654321" required>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-12">
                                    <div class="form-group row">
                                        <label for="inputPassword3" class="col-sm-6 col-form-label">Status LLamada</label>
                                        <div class="col-sm-6">
                                            <select name="estatus" class="form-control" required>
                                                <option value="">..:: Seleccione LLamada ::..</option>
                                                <option value="1">Completada</option>
                                                <option value="2">No contestada</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="col-sm-12">
                                    <div class="form-group row">
                                        <label for="inputPassword3" class="col-sm-6 col-form-label">Fecha</label>
                                        <div class="col-sm-6">
                                            <input type="date" maxlength="50" value="2024-08-15" class="form-control"
                                                name="fechaA" required />
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-12">
                                    <div class="form-group row">
                                        <label for="inputPassword3" class="col-sm-6 col-form-label">Hora</label>
                                        <div class="col-sm-6">
                                            <input type="time" maxlength="50" value="10:30" class="form-control"
                                                name="horaA" required />
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-12">
                                    <div class="form-group row">
                                        <label for="inputPassword3" class="col-sm-2 col-form-label">Detalle</label>
                                        <div class="col-sm-10">
                                            <textarea class="form-control" name="observa" rows="6" required>Llamada de seguimiento exitosa.</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="offset-sm-4 col-sm-10">
                                <button type="submit" class="btn btn-primary"><i class="bx bx-save"></i>
                                    Registrar</button>
                                <a href="llamadas.php" class="btn btn-danger"><i class="bx bx-share"></i> Cancelar</a>
                            </div>
                        </div>
                    </form>
                    <br>
                    <p><b>Lista de Cursos Activos</b></p>
                    <div class="table table-responsive">
                        <table class="table">
                            <thead>
                                <tr style="background: #EB0509; color: #fff;">
                                    <th>Curso</th>
                                    <th>F. Activación</th>
                                    <th>F. Vencimiento</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Matemáticas Avanzadas</td>
                                    <td>2024-01-01</td>
                                    <td>2024-12-31</td>
                                </tr>
                                <tr>
                                    <td>Física Cuántica</td>
                                    <td>2024-03-15</td>
                                    <td>2024-09-15</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <hr>
                    <p align="center">
                        <font size="+1"><b>3 Últimos Registros</b></font>
                    </p>
                    <div class="table table-responsive">
                        <table class="table table-striped">
                            <thead>
                                <tr style="background-color: #0B09BC; color: #fff;">
                                    <th>Fecha LLamada</th>
                                    <th>Usuario</th>
                                    <th>Celular</th>
                                    <th>Estado</th>
                                    <th>Detalle</th>
                                    <th>Registro User</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>2024-08-15&nbsp;10:30 AM</td>
                                    <td>Juan Pérez</td>
                                    <td>987654321</td>
                                    <td>Completada</td>
                                    <td>Llamada de seguimiento exitosa.</td>
                                    <td>Operador1</td>
                                </tr>
                                <tr>
                                    <td>2024-08-14&nbsp;11:15 AM</td>
                                    <td>María López</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>


        </div>


    </main>
@endsection