@extends('template.main')

@section('titulo','Agregar Nuevo Docente')

@section('contenido')
    <div class="row" >
        <div class="col-lg-12">
            <div class="col-lg-12">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fas fa-home"></i> Inicio </a></li>
                        <li class="breadcrumb-item">Docentes</li>
                        <li class="breadcrumb-item active" aria-current="page"><i class="fas fa-user-tie"></i> Agregar Nuevo</li>
                    </ol>
                </nav>
                <hr>
            </div>
            <div class="col-lg-9">
                <h3 class="contexto"> <i class="fas fa-user-graduate"></i> Agregar nuevo docente</h3>
            </div>
            <div class="col-lg-12"><strong>* Campos obligatorios</strong></div>
            <div class="col-lg-12">
                <form method="post" action="{{ route('docentes.store') }}" autocomplete="off" enctype="multipart/form-data">
                    @csrf
                   <div class="row">
                       <div class="col-lg-3">
                           <label>Fotografía</label>
                           <input type="file" name="imagen" class="form-control" accept=".jpg,.png,.jpeg,.gif">
                       </div>
                       <div class="col-lg-3">
                           <label>* Nombre(s)</label>
                           <input type="text" value="{{ old('nombre') }}" onkeyup="javascript:this.value=this.value.toUpperCase();" maxlength="100" pattern="[A-Za-z ]+" title="Solo se acepta letras." name="nombre" class="form-control" required autofocus>
                       </div>
                       <div class="col-lg-3">
                           <label>Apellidos</label>
                           <input type="text" value="{{ old('apellidos') }}" onkeyup="javascript:this.value=this.value.toUpperCase();" name="apellidos" maxlength="100" pattern="[A-Za-z ]+" title="Solo se acepta letras." class="form-control">
                       </div>
                       <div class="col-lg-3">
                           <label>Fecha de nacimiento</label>
                           <input value="{{ old('fechaNacimiento') }}" type="date" name="fechaNacimiento" class="form-control" >

                       </div>
                       <div class="col-lg-3">
                           <label>Lugar de nacimiento</label>
                           <select name="nacimiento" class="form-control" >
                               <option value="">Seleccione una opción</option>
                               @foreach($entidades as $cr)
                                   @if(old('nacimiento') == $cr->idEntidad)
                                       <option value="{{ $cr->idEntidad }}" selected>{{ $cr->entidad }}</option>
                                   @else
                                       <option value="{{ $cr->idEntidad }}">{{ $cr->entidad }}</option>
                                   @endif
                               @endforeach
                           </select>
                       </div>
                       <div class="col-lg-3">
                           <label>Genero</label>
                           <select name="genero" class="form-control">
                               <option value="">Seleccione una opción</option>
                               @foreach($generos as $cr)
                                  @if(old('genero') == $cr->idgenero)
                                       <option value="{{ $cr->idgenero }}" selected>{{ $cr->genero }}</option>
                                   @else
                                       <option value="{{ $cr->idgenero }}">{{ $cr->genero }}</option>
                                   @endif
                               @endforeach
                           </select>
                       </div>
                       <div class="col-lg-3">
                           <label>Estado civil</label>
                           <select name="estadoCivil" class="form-control">
                               <option value="">Seleccione una opción</option>
                               @foreach($estadoCivil as $cr)
                                   @if(old('estadoCivil') == $cr->id)
                                        <option value="{{ $cr->id }}" selected>{{ $cr->estadoCivil }}</option>
                                   @else
                                       <option value="{{ $cr->id }}" >{{ $cr->estadoCivil }}</option>
                                   @endif
                               @endforeach
                           </select>
                       </div>
                       <div class="col-lg-3">
                           <label>Teléfono local</label>
                           <input type="text" name="telefonoLocal" value="{{ old('telefonoLocal') }}" maxlength="10" pattern="[0-9]+" title="Solo se acepta números." class="form-control">
                       </div>
                       <div class="col-lg-3">
                           <label>Teléfono celular</label>
                           <input type="text" name="telefonoCelular" value="{{ old('telefonoCelular') }}" maxlength="10" pattern="[0-9]+" title="Solo se acepta números." class="form-control">
                       </div>
                        <div class="col-lg-3">
                            <label>Estado</label>
                            <select name="estado" class="form-control">
                                <option value="">Seleccione una opción</option>
                                @foreach($estados as $estado)
                                    @if($estado->id == old('estado'))
                                        <option value="{{ $estado->id }}" selected>{{ $estado->estado }}</option>
                                    @else
                                        <option value="{{ $estado->id }}">{{ $estado->estado }}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                       <div class="col-lg-3">
                           <label>Alcaldía o Municipio</label>
                           <input type="text" name="municipio" value="{{ old('municipio') }}" onkeyup="javascript:this.value=this.value.toUpperCase();" class="form-control" maxlength="200">
                       </div>
                       <div class="col-lg-3">
                           <label>Código postal</label>
                           <input type="text" name="codigoPostal" value="{{ old('codigoPostal') }}" id="codigoPostal" maxlength="6" pattern="[0-9]+" title="Solo se acepta números." class="form-control">
                       </div>
                       <div class="col-lg-3" id="colonia">
                           <label>Colonia</label>
                           <input type="text" name="colonia" value="{{ old('colonia') }}" onkeyup="javascript:this.value=this.value.toUpperCase();" maxlength="200" class="form-control" >
                       </div>
                       <div class="col-lg-3">
                           <label>Calle y número</label>
                           <input type="text" value="{{ old('direccion') }}" onkeyup="javascript:this.value=this.value.toUpperCase();" name="direccion" maxlength="200" class="form-control">
                       </div>

                       <div class="col-lg-3">
                           <label>CURP</label>
                           <input type="text" value="{{ old('curp') }}" onkeyup="javascript:this.value=this.value.toUpperCase();" name="curp" maxlength="18" pattern="[A-Z0-9]+" title="Solo se acepta letras mayúsculas." class="form-control">
                       </div>
                       <div class="col-lg-3">
                           <label>e-Mail</label>
                           <input type="email" value="{{ old('email') }}" name="email" maxlength="100" class="form-control">
                       </div>
                       <div class="col-lg-3">
                           <label>* Sede</label>
                           <select name="sede" class="form-control" >
                               @foreach($sedes as $cr)
                                   @if(old('sede') == $cr->idsede)
                                       <option value="{{ $cr->idsede }}" selected>{{ $cr->sede }}</option>
                                   @else
                                       <option value="{{ $cr->idsede }}" >{{ $cr->sede }}</option>
                                   @endif
                               @endforeach
                           </select>
                       </div>
                       <div class="col-lg-3">
                           <label>* Nivel de estudios</label>
                           <select name="nivel" id="modalidad" class="form-control" required>
                               <option value="">Seleccione una opción</option>
                               @foreach($modalidadInfo as $cr)
                                   <option value="{{ $cr->idnivel }}">{{ $cr->tipo }}</option>
                               @endforeach
                           </select>
                       </div>

                       <div class="col-lg-3">
                           <label>Clave de Acceso</label>
                           <input type="text"  value="docente1234" class="form-control" disabled>
                           <input type="text" name="clave" value="docente1234" class="form-control" hidden>
                       </div>
                       <div class="col-lg-12">
                           <br>
                           <button type="submit" class="btn btn-success"><i class="fas fa-plus"></i> Agregar</button>
                       </div>
                   </div>
                </form>
            </div>
        </div>
    </div>
@endsection