@extends('template.main')

@section('titulo','Editar docente '.$docente->nombre)

@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"><a href="{{ route('docentes.index') }}" style="text-decoration: none; color: #1d2124; cursor: default;">Docentes</a></li>
                        <li class="breadcrumb-item active" aria-current="page"><i class="fas fa-user-tie"></i> Editar Docente</li>
                    </ol>
                </nav>
                <hr>
            </div>
            <div class="row" style="padding-left:20px;">
                <div class="col-lg-10">
                    <h3 class="contexto"> <i class="fas fa-user-tie"></i> Editar Docente</h3>
                </div>
                <div class="col-lg-1">
                    <a href="{{ route('docentes.index') }}" class="btn btn-outline-dark">Regresar</a>
                </div>
            </div>
            <div class="col-lg-12"><strong>* Campos obligatorios</strong></div>
            <div class="col-lg-12">
                <form method="post" action="{{ route('docentes.update', $docente->id) }}" autocomplete="off" enctype="multipart/form-data">
                    @csrf
                    @method('put')
                    <div class="row">
                        <div class="col-lg-3">
                            <label>Fotografía</label

                            @if($docente->foto == "")
                                <center><img src="{{ asset('img/sinperfil.png') }}" style="max-width: 150px; border: 2px solid #fff"></center>

                                @else
                                <center><img src="{{ asset('documentos/'.$docente->foto) }}" style="max-width: 150px; border: 2px solid #fff"></center>
                                @endif
                            <small id="emailHelp" class="form-text text-muted">Seleccione una fotografia solo si desea modificar la actual.</small>
                            <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="{{ $docente->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="{{ $docente->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="{{ $docente->fechaNacimiento }}" type="date" id="fecha" 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($docente->idestadonacimiento == $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($docente->idgenero == $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($docente->idestadocivil == $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="{{ $docente->telcasa }}" 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="{{ $docente->telcelular }}" 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 == $docente->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>Delegación o Municipio</label>
                            <input type="text" name="municipio" value="{{ $docente->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="{{ $docente->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="{{ $docente->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="{{ $docente->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="{{ $docente->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="{{ $docente->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($docente->idsede == $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 Educativo </label>

                            <select name="nivel" id="modalidad" class="form-control" required>
                                <option value="">Seleccione una opción</option>
                                @foreach($modalidadInfo as $modalidadInicial)
                                    @if($modalidadInicial->idnivel == $docente->idniveleducativo)
                                        <option value="{{ $modalidadInicial->idnivel }}" selected>{{ $modalidadInicial->tipo }}</option>
                                    @else
                                        <option value="{{ $modalidadInicial->idnivel }}">{{ $modalidadInicial->tipo }}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
			<div class="col-lg-3">
                            <label> Nueva Contraseña de Acceso</label>
                            <input type="password" name="clave" placeholder="Solo si cambiara la contraseña"class="form-control">
                        </div>
                        <div class="col-lg-12">
                            <br>
                            <button type="submit" class="btn btn-success"><i class="fas fa-save"></i> Guardar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection