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

@section("contenido")
    <!--begin::Row-->
    <div class="row gx-5 gx-xl-10">
        <div class="card">
            @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
            <form action="{{route("admin::usuario.insertar")}}" method="post">
                @csrf
                <div class="card-body ">
                    <div class="col-md-6">
                        <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}}">{{$tipoIdentificacion->tipo_identificacion}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6">
                        <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="{{ old('identificacion') }}" required />
                        <div id="loader_cedula" style="display: none;">
                            <i class="fas fa-spinner fa-spin"></i> Cargando...
                        </div>
                        <div id="error_cedula" class="text-info" style="display: none;">
                            <i class="fas fa-close text-info"></i> Cedula no encontrada...
                        </div>
                    </div>
                    <div class="fv-row mb-4">
                        <label for="nombre" class="form-label  required">Nombre(s)</label>
                        <input type="text" class="form-control form-control-lg" name="nombre" id="nombre"  value="{{ old('nombre') }}" required/>
                    </div>
                    <div class="fv-row mb-4">
                        <div class="row">
                            <div class="col-md-6">
                                <label for="primer_apellido" class="form-label  required">Primer apellido</label>
                                <input type="text" class="form-control form-control-lg" name="primer_apellido" id="primer_apellido" value="{{ old('primer_apellido') }}" required/>
                            </div>
                            <div class="col-md-6">
                                <label for="segundo_apellido" class="form-label ">Segundo apellido</label>
                                <input type="text" class="form-control form-control-lg" name="segundo_apellido" id="segundo_apellido" value="{{ old('segundo_apellido') }}"  />
                            </div>
                        </div>
                    </div>

                    <div class="fv-row mb-4">
                        <div class="row">
                            <div class="col-md-4">
                                <label for="puesto" class="form-label required ">Puesto</label>
                                <input type="text" class="form-control form-control-lg" name="puesto" id="puesto" value="{{old('puesto')}}" required />
                            </div>
                            <div class="col-md-8">
                                <label for="correo" class="form-label required ">Correo</label>
                                <input type="email" class="form-control form-control-lg" name="correo" id="correo" value="{{old('correo')}}" required />
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="col-md-12 text-center">
                            <button class="btn btn-sm btn-success" type="submit">
                                <i class="fas fa-save pe-2"></i> Guardar
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

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

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