@extends("estudiante.layout.layout")
@section("styles")
    @php
        $titulo = "Perfil de estudiante";
        $modulo = "Estudiante";
        $vista="Perfil";
    @endphp
    <title>{{getenv("APP_NAME")}} | {{$titulo}}</title>
@endsection

@section("contenido")

    @include("estudiante.perfil.components.header")
    @include("estudiante.perfil.components.links")
    <div class="row g-5 g-xxl-12">
        <div class="col-xl-12">
            <div class="card mb-5 mb-xxl-12">
                <div class="card-body pb-0">
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <h4>El registro tiene los siguientes errores.</h4>
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    @if (session('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <strong>{{ session('success') }}</strong>
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    @endif
                    <form class="form" action="{{route("estudiante::actualizarBasicos")}}" method="post">
                        @csrf
                        <div class="row mb-4">
                            <div class="col-md-3">
                                <label class="form-label required" for="tipo_identificación_id">Tipo de identificación</label>
                                <label class="text-info">Solo administración </label>
                                <select class="form-select form-select-lg mt-1" data-control="select2" disabled>
                                    @foreach($tiposIdentificaciones as $tipoIdentificacion)
                                        <option value="{{$tipoIdentificacion->id}}"
                                                @if($tipoIdentificacion->id==$estudiante->tipo_identificacion_id) selected @endif >
                                            {{$tipoIdentificacion->tipo_identificacion}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label for="identificacion" class="form-label  required">Numero de identificación</label>
                                <label class="text-info">Solo administración </label>
                                <input type="text" class="form-control form-control-lg" value="{{ $estudiante->identificacion}}" disabled />
                            </div>
                        </div>
                        <div class="row mb-4">
                            <div class="col-md-4">
                                <label for="nombre" class="form-label  required">Nombre(s)</label>
                                <label class="text-info">Solo administración </label>
                                <input type="text" class="form-control form-control-lg" value="{{ $estudiante->nombre}}" disabled/>
                            </div>
                            <div class="col-md-4">
                                <label for="primer_apellido" class="form-label  required">Primer apellido</label>
                                <label class="text-info">Solo administración </label>
                                <input type="text" class="form-control form-control-lg" value="{{ $estudiante->primer_apellido}}" disabled/>
                            </div>
                            <div class="col-md-4">
                                <label for="segundo_apellido" class="form-label ">Segundo apellido</label>
                                <label class="text-info">Solo administración </label>
                                <input type="text" class="form-control form-control-lg"  value="{{ $estudiante->segundo_apellido }}" disabled/>
                            </div>
                        </div>
                        <div class="row mb-4">
                            <div class="col-md-3">
                                <label class="form-label required" for="tipo_nacionalidad_id">Nacionalidad</label>
                                <label class="text-info">Solo administración </label>
                                <select  class="form-select form-select-lg mt-1" disabled>
                                    <option value=""></option>
                                    @foreach($tiposNacionalidades as $tipoNacionalidad)
                                        <option value="{{ $tipoNacionalidad->id }}" @if($estudiante->tipo_nacionalidad_id == $tipoNacionalidad->id) selected @endif>
                                            {{ $tipoNacionalidad->tipo_nacionalidad }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label required" for="sexo">Sexo</label>
                                <label class="text-info">Solo administración </label>
                                <select name="tipo_sexo_id" id="tipo_sexo_id" class="form-select form-select-lg mt-1" data-control="select2" disabled>
                                    @foreach($tiposSexos as $tipoSexo)
                                        <option value="{{ $tipoSexo->id }}" @if($estudiante->tipo_sexo_id== $tipoSexo->id) selected @endif>
                                            {{ $tipoSexo->tipo_sexo }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label for="nacimiento" class="form-label required">Fecha nacimiento</label>
                                <label class="text-info">Solo administración </label>
                                <input type="date" class="form-control form-control-lg" value="{{ $estudiante->nacimiento }}" disabled />
                            </div>
                            <div class="col-md-2">
                                <label for="edad" class="form-label">Edad</label>
                                <label class="text-info">Solo administración </label>
                                <input type="number" class="form-control form-control-lg" readonly value="{{$estudiante->edad }}"  disabled />
                            </div>
                        </div>
                        <div class="row mb-4">
                            <div class="col-md-2">
                                <label for="ruta_id" class="form-label required ">Ruta</label>
                                <label class="text-info">Solo administración </label>
                                <select class="form-select form-select-lg mt-1" disabled required>
                                    @foreach($rutas as $ruta)
                                        <option value="{{ $ruta->id }}" @if($estudiante->ruta_id == $ruta->id) selected @endif>
                                            {{ $ruta->ruta }} -
                                            {{ $ruta->recorrido }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label for="celular" class="form-label required" inputmode="numeric"> Celular</label>
                                <input type="tel" maxlength="8" class="form-control form-control-lg input-telefono" name="celular"  id="celular" value="{{$estudiante->celular }}" required  />
                            </div>
                            <div class="col-md-3">
                                <label for="telefono" class="form-label ">Teléfono</label>
                                <input type="tel" maxlength="8" class="form-control form-control-lg input-telefono" name="telefono" id="telefono" value="{{$estudiante->telefono }}"  />
                            </div>
                            <div class="col-md-4">
                                <label for="correo" class="form-label required ">Correo</label>
                                <input type="email" class="form-control form-control-lg" name="correo" id="correo" value="{{$estudiante->correo }}" required />
                            </div>
                        </div>

                        <div class="fv-row mb-4">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="provincia_id" class="form-label required ">Provincia</label>
                                    <select name="provincia_id" id="provincia_id" class="form-select form-select-lg provincia_id" data-control="select2" data-placeholder="Seleccione..." data-allow-clear="false" data-hide-search="true" required >
                                        <option value=""></option>
                                        @foreach($provincias as $provincia)
                                            <option value="{{$provincia->id}}"
                                                    @if($provincia->id == $estudiante->distrito?->canton?->provincia_id) selected @endif>
                                                {{$provincia->provincia}}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-2">
                                    <label for="canton_id" class="form-label required ">Cantón</label>
                                    <select name="canton_id" id="canton_id" class="form-select form-select-lg canton_id" data-control="select2" data-placeholder="Seleccione..." data-allow-clear="false" data-hide-search="true" required >
                                        @foreach($cantones as $canton)
                                            <option value="{{$canton->id}}" @if($canton->id==$estudiante->distrito->canton_id) selected @endif>{{$canton->canton}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-2">
                                    <label for="distrito_id" class="form-label required ">Distrito</label>
                                    <select name="distrito_id" id="distrito_id" class="form-select form-select-lg distrito_id" data-control="select2" data-placeholder="Seleccione..." data-allow-clear="false" data-hide-search="true" required >
                                        @foreach($distritos as $distrito)
                                            <option value="{{$distrito->id}}" @if($distrito->id==$estudiante->distrito_id) selected @endif>{{$distrito->distrito}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <label for="direccion" class="form-label required ">Dirección exacta</label>
                                    <input type="text" class="form-control form-control-lg" name="direccion" id="direccion" value="{{$estudiante->direccion}}"  required/>
                                </div>
                            </div>

                        </div>

                        <div class="d-flex justify-content-center my-10">
                            <button type="submit" id="bnt_submit" class="btn btn-primary">
                                <span class="indicator-label">Actualizar datos</span>
                                <span class="indicator-progress">Por favor espera...
                                    <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                                </span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@section("scripts")
    @vite(['resources/js/global/validaciones.js'])

    <script> window.urlGetCantones = "{{ route('direccion.get.cantones',':provincia') }}";</script>
    <script> window.urlGetDistritos = "{{ route('direccion.get.distritos',':canton') }}";</script>
    @vite(['resources/js/global/seleccionarDistrito.js'])
@endsection