@extends("admin.layout.layout")
@section("styles")
    @php
        $titulo = "Ajustes";
        $modulo = "Ajustes";
        $vista="Encargado";
    @endphp
    <title>{{getenv("APP_NAME")}} | {{$titulo}}</title>
@endsection

@section("contenido")
    <!--begin::Row-->
    <div class="row gx-5 gx-xl-10">
        <div class="card">
            <div class="card-body">
                @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("admin::encargado.guardar", $id)}}" method="post">
                    @csrf
                    <div class="row mb-4">
                        <div class="col-md-2">
                            <label class="form-label required" for="tipo_identificación_id">Tipo de identificación</label>
                            <select name="tipo_identificacion_id" id="tipo_identificacion_id" class="form-select form-select-lg mt-1" data-control="select2" data-placeholder="Seleccione..." data-allow-clear="false" data-hide-search="true" required>
                                @foreach($tiposIdentificaciones as $tipoIdentificacion)
                                    <option value="{{$tipoIdentificacion->id}}"   @if($tipoIdentificacion->id==$id->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>
                            <input type="text" class="form-control form-control-lg input-cedula" name="identificacion" id="identificacion" value="{{ $id->identificacion }}" required />
                        </div>
                        <div class="col-md-4">
                            <label for="parentesco" class="form-label  required">Parentesco</label> <small class="description text-info">Por ejemplo madre, padre, abuela materna.-</small>
                            <input type="text" class="form-control form-control-lg" name="parentesco" id="parentesco" value="{{ $id->parentesco }}" required/>
                        </div>
                    </div>
                    <div class="row mb-4">
                        <div class="col-md-12">
                            <label for="nombre_completo" class="form-label  required">Nombre completo</label>
                            <input type="text" class="form-control form-control-lg" name="nombre_completo" id="nombre_completo"  value="{{ $id->nombre_completo }}" required/>
                        </div>
                        <div class="row mt-4">
                            <div class="col-md-4">
                                <label class="form-label required" for="tipo_nacionalidad_id">Nacionalidad</label>
                                <select name="tipo_nacionalidad_id" id="tipo_nacionalidad_id" class="form-select form-select-lg mt-1" data-control="select2" data-placeholder="Seleccione..." data-allow-clear="false" data-hide-search="true" required>
                                    <option value=""></option>
                                    @foreach($tiposNacionalidades as $tipoNacionalidad)
                                        <option value="{{ $tipoNacionalidad->id }}"   @if($tipoNacionalidad->id== $id->tipo_nacionalidad_id) selected @endif >
                                            {{ $tipoNacionalidad->tipo_nacionalidad }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label for="ocupacion" class="form-label required">Ocupación</label>
                                <input type="text" class="form-control form-control-lg" name="ocupacion" id="ocupacion" value="{{ $id->ocupacion }}" required />
                            </div>
                            <div class="col-md-4">
                                <label for="lugar_trabajo" class="form-label required">Lugar de trabajo</label>
                                <input type="text" class="form-control form-control-lg" name="lugar_trabajo" id="lugar_trabajo" value="{{ $id->lugar_trabajo }}" required/>
                            </div>
                        </div>
                        <div class="row mt-4">
                            <div class="col-md-4">
                                <label for="celular" class="form-label required">Celular</label>
                                <input type="tel" maxlength="8" class="form-control form-control-lg input-telefono" name="celular"  id="celular" value="{{ $id->celular }}" required  />
                            </div>
                            <div class="col-md-6">
                                <label for="correo" class="form-label required">Correo</label>
                                <input type="text" class="form-control form-control-lg" name="correo" id="correo" value="{{ $id->correo }}" required/>
                            </div>
                            <div class="col-md-12">
                                <label for="direccion" class="form-label required">Dirección</label>
                                <input type="text" class="form-control form-control-lg" name="direccion" id="direccion" value="{{ $id->direccion }}" required/>
                            </div>
                        </div>
                        <div class="col-2 pb-2">
                            @can("Estudiante encargado borrar")
                                <a href="{{route("admin::encargado.borrar",$id->id)}}">
                                    <button class="btn btn-sm btn-danger mt-7" type="button">
                                        <i class="fas fa-trash pe-2"></i> Eliminar encargado
                                    </button>
                                </a>
                            @endcan
                        </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">Editar encargado</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>
@endsection

@section("scripts")
    <script> window.url_buscar_cedula = "{{ route('admin::buscar.cedula.general',':cedula') }}";</script>

    <script>
        $(document).ready(function() {

            $("#tipo_identificacion_id").on("change", function() {
                if ($(this).val() == 1) {
                    // r.enableValidator("identificacion");
                    $("#identificacion").addClass("input-cedula");
                    $("#identificacion").val("");
                    $(identificacion).attr("maxlength", 9);
                    $(identificacion).attr("minlength", 9);
                } else {
                    //r.disableValidator("identificacion");
                    $("#identificacion").removeClass("input-cedula");
                    $(identificacion).attr("maxlength", "");
                    $(identificacion).attr("minlength", "");

                }
            })
        });
    </script>

    @vite(['resources/js/global/validaciones.js'])
    @vite(['resources/js/encargado/buscarCedula.js'])

@endsection