@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;/ Libro</li>
                <li class="">&nbsp;&nbsp;/ <a href="{{ url('/admin/libro') }}">Envío de libros</a></li>
            </ol>
        </div>
        <!-- End Breadcrumb Area -->

        <div class="card mb-30">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h3>Registro de Envío de Libros</h3>
            </div>
            <div class="card-body">
                <form method="post" action="insertenviolib.php">
                    <div class="form-group row">
                        <label for="inputEmail3" class="col-sm-2 col-form-label">Nombre Docente</label>
                        <div class="col-sm-5">
                            <input type="hidden" class="form-control" name="iddoce" value="12345"> <!-- Valor de ejemplo -->
                            <input type="text" class="form-control" name="nombres" placeholder="Nombres completos" value="Juan Pérez" disabled>
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Libro</label>
                        <div class="col-sm-5">
                            {{-- <input type="text" class="form-control" name="libroname" placeholder="Ingrese Libro" required autofocus> --}}
                            <!-- Aquí se ha descomentado la selección del curso -->
                            <select name='cursocer' class='form-control' required>
                                <option value='' selected>..:: Seleccione Curso ::..</option>
                                <option value='1'>Matemáticas Básicas</option>
                                <option value='2'>Historia Universal</option>
                            </select>
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Agencia Envío</label>
                        <div class="col-sm-5">
                            <select class="form-control" name="agencia">
                                <option value=""> Seleccione</option>
                                <option value="Civa">Civa</option>
                                <option value="Angel Divino">Angel Divino</option>
                                <option value="Transporte Chiclayo">Transporte Chiclayo</option>
                                <option value="Agencia Flores">Agencia Flores</option>
                                <option value="Movil Tours">Movil Tours</option>
                                <option value="Entrafesa">Entrafesa</option>
                                <option value="Linea">Linea</option>
                                <option value="Turismo Jaen">Turismo Jaen</option>
                                <option value="Universo">Universo</option>
                                <option value="Profesa">Profesa</option>
                                <option value="Crucero Jaen">Crucero Jaen</option>
                                <option value="Tepsa">Tepsa</option>
                                <option value="Cruz del Sur">Cruz del Sur</option>
                                <option value="Transporte Flores">Transporte Flores</option>
                                <option value="Oltursa">Oltursa</option>
                                <option value="Transporte Delgado Rodriguez">Transporte Delgado Rodriguez</option>
                                <option value="El Dorado">El Dorado</option>
                                <option value="Transporte Shalom">Transporte Shalom</option>
                                <option value="Transporte Lucerito">Transporte Lucerito</option>
                                <option value="Turismo Dias">Turismo Dias</option>
                                <option value="Ilucan">Ilucan</option>
                                <option value="Turismo Chota">Turismo Chota</option>
                                <option value="Transporte Lucerito">Transporte Lucerito</option>
                                <option value="El Cumbe">El Cumbe</option>
                                <option value="Burga Express">Burga Express</option>
                                <option value="Servis Piura">Servis Piura</option>
                                <option value="TRC Express">TRC Express</option>
                                <option value="Olva Courier">Olva Courier</option>
                              </select>
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Dirección Envío</label>
                        <div class="col-sm-5">
                            <input type="text" maxlength="255" class="form-control" name="direenvio" placeholder="Dirección de Envío" />
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Fecha Envío</label>
                        <div class="col-sm-5">
                            <input type="date" maxlength="50" value="2024-08-20" class="form-control" name="fechaenvio" />
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Hora Envío</label>
                        <div class="col-sm-5">
                            <input type="time" class="form-control" name="horaenvio" value="14:30" />
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Tipo Documento</label>
                        <div class="col-sm-5">
                            <select class="form-control" name="tipodoc">
                                <option value="">Seleccione</option>
                                <option value="Boleta">Boleta</option>
                                <option value="Factura">Factura</option>
                            </select>
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Número Documento</label>
                        <div class="col-sm-5">
                            <input type="text" maxlength="50" class="form-control" name="numdoc" placeholder="Número Documento" />
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Número Remito</label>
                        <div class="col-sm-5">
                            <input type="text" maxlength="100" class="form-control" name="numremi" placeholder="Número Remito" />
                        </div>
                    </div>
        
                    <!-- Sección de departamento, provincia y distrito -->
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Departamento Envío</label>
                        <div class="col-sm-5">
                            <select id="country_id" class="form-control" name="depanom" required>
                                <option value="">..:: Selecciona Departamento ::..</option>
                                <option value="1">Lima</option>
                                <option value="2">Arequipa</option>
                            </select>
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Provincia Envío</label>
                        <div class="col-sm-5">
                            <select id="state_id" class="form-control" name="idhijo" required>
                                <option value="">..:: Selecciona Provincia ::..</option>
                            </select>
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Distrito Envío</label>
                        <div class="col-sm-5">
                            <select id="city_id" class="form-control" name="idnieto" required>
                                <option value="">..:: Selecciona Distrito ::..</option>
                            </select>
                        </div>
                    </div>
        
                    <!-- Sección de estado y observaciones -->
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Estado</label>
                        <div class="col-sm-5">
                            <select class="form-control" name="estado" required>
                                <option value="">Seleccionar</option>
                                <option value="Por Enviar">Por Enviar</option>
                                <option value="Enviado">Enviado</option>
                            </select>
                        </div>
                    </div>
        
                    <!-- Sección de observación -->
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Observación</label>
                        <div class="col-sm-5">
                            <textarea class="form-control" name="observacome" placeholder="Ingresa tu observación"></textarea>
                        </div>
                    </div>
        
                    <!-- Sección de responsable del registro -->
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Responsable del registro</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" name="renvio" placeholder="Responsable de Envío" value="Carlos Gómez" readonly required />
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <div class="offset-sm-2 col-sm-10">
                            <button type="submit" class="btn btn-primary">
                                <i class="bx bx-save"></i> Registrar
                            </button>
                            <a href="{{url('/admin/libro')}}" class="btn btn-danger">
                                <i class="bx bx-trash"></i> Cancelar
                            </a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        
    </main>

    <script type="text/javascript">
        $(document).ready(function() {
          $("#country_id").change(function() {
            $.get("get_states.php", "country_id=" + $("#country_id").val(), function(data) {
              $("#state_id").html(data);
              console.log(data);
            });
          });
    
          $("#state_id").change(function() {
            $.get("get_cities.php", "state_id=" + $("#state_id").val(), function(data) {
              $("#city_id").html(data);
              console.log(data);
            });
          });
        });
      </script>
@endsection