@extends('template.main')

@section('titulo','Examen Unico')

@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"> Examen Único </li>
                        <li class="breadcrumb-item active" aria-current="page"><i class="fas fa-user-graduate"></i> Agregar Nuevo</li>
                    </ol>
                </nav>
                <hr>
            </div>
            <div class="col-lg-12">
                <h3 class="contexto"> <i class="fas fa-user-graduate"></i> Alumnos Examen único</h3>
            </div>
            <div class="col-lg-12">
                <form method="post" action="{{ route('only.store') }}" autocomplete="off" enctype="multipart/form-data">
                @csrf
                    <div class="row">
                        <div class="col-lg-6">
                            <label>Fecha de Registro</label>
                            <input type="text" id="fecha2" name="fechaRegistro" class="form-control" readonly required>
                            <script>
                                $('#fecha2').datepicker({
                                    uiLibrary: 'bootstrap4',
                                    format: 'yyyy-mm-dd',
                                    locale: 'es-es',
                                });
                            </script>
                        </div>
                    <div class="col-lg-6">
                        <label>Nivel Academico</label>
                        <input type="text" name="nivelAcademico" class="form-control" required>
                    </div>
                    <div class="col-lg-6">
                        <label>Municipio</label>
                        <input type="text" name="municipio" class="form-control" required>
                    </div>
                    <div class="col-lg-6">
                        <label>Fecha de Presentación</label>
                        <input type="text" id="fecha" name="fechaPresentacion" class="form-control" readonly required>
                        <script>
                            $('#fecha').datepicker({
                                uiLibrary: 'bootstrap4',
                                format: 'yyyy-mm-dd',
                                locale: 'es-es',
                            });
                        </script>
                    </div>
                    <div class="col-lg-12">
                        <center><h3>NOMBRE DEL ALUMNO</h3></center>
                    </div>
                    <div class="col-lg-4">
                        <label>Apellido Paterno</label>
                        <input type="text" name="aPaterno" class="form-control" required>
                    </div>
                    <div class="col-lg-4">
                        <label>Apellido Materno</label>
                        <input type="text" name="aMaterno" class="form-control" required>
                    </div>
                    <div class="col-lg-4">
                        <label>Nombre</label>
                        <input type="text" name="nombre" class="form-control" required>
                    </div>
                    <div class="col-lg-4">
                        <center><h3>Datos Escolares</h3></center>
                    </div>
                    <div class="col-lg-4">
                        <center><h3>Datos Generales</h3></center>
                    </div>
                    <div class="col-lg-4">
                        <center><h3>Datos Laborales</h3></center>
                    </div>
                        <div class="col-lg-4">
                            <label>Edad</label>
                            <input type="number" name="edad" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Nacionalidad</label>
                            <input type="text" name="nacionalidad" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Institución o Empresa donde trabaja</label>
                            <input type="text" name="empresa" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>CURP</label>
                            <input type="text" name="curp" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Estado de Origen</label>
                            <input type="text" name="estadOrigen" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Actividad que Desempeña</label>
                            <input type="text" name="actividad" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Sexo</label>
                            <select name="sexo"  class="form-control">
                                <option value="1">Masculino</option>
                                <option value="2">Femenino</option>
                            </select>
                        </div>
                        <div class="col-lg-4">
                            <label>Estado Civil</label>
                            <select name="estadoCivil" class="form-control">
                                @foreach($estados as $es)
                                    <option value="{{ $es->id }}">{{ $es->estadoCivil }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-lg-4">
                            <label>Domicilio</label>
                            <input type="text" name="domicilioLaboral" class="form-control" required>
                        </div>

                        <div class="col-lg-4">
                            <label>Fecha de Nacimiento</label>
                            <input type="text" id="fecha1" name="fechaNacimiento" class="form-control" readonly required>
                            <script>
                                $('#fecha1').datepicker({
                                    uiLibrary: 'bootstrap4',
                                    format: 'yyyy-mm-dd',
                                    locale: 'es-es',
                                });
                            </script>
                        </div>
                        <div class="col-lg-4">
                            <label>Ocupación</label>
                            <input type="text" name="ocupacion" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Estado</label>
                            <input type="text" name="estadoLaboral" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Lugar de Nacimiento</label>
                            <input type="text" name="lugarNacimiento" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Dirección</label>
                            <input type="text" name="direccionGeneral" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Municipio</label>
                            <input type="text" name="municipioLaboral" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <center><h3>Institucion de Procedencia</h3></center>
                        </div>
                        <div class="col-lg-4">
                            <label>Colonia</label>
                            <input type="text" name="coloniaGeneral" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Localidad</label>
                            <input type="text" name="localidadLaboral" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Escuela donde realizo estudios del nivel inmediato anterior</label>
                            <input type="text" name="escuelAnterior" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Código Postal</label>
                            <input type="number" name="cPostal" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Telefono</label>
                            <input type="number" name="telefonoLaboral" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Ubicación de la Institucion</label>
                            <input type="text" name="ubicacion" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Estado</label>
                            <input type="text" name="estadoGeneral" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Correo Electronico</label>
                            <input type="email" name="emailLaboral" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Entidad</label>
                            <input type="text" name="entidad" class="form-control" required>
                        </div>
                        <div class="col-lg-6">
                            <label>Municipio</label>
                            <input type="text" name="municipioGeneral" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Municipio</label>
                            <input type="text" name="municipioProcedencia" class="form-control" required>
                        </div>
                        <div class="col-lg-6">
                            <label>Localidad</label>
                            <input type="text" name="localidadGeneral" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Localidad</label>
                            <input type="text" name="localidad" class="form-control" required>
                        </div>
                        <div class="col-lg-6">
                            <label>Telefono de Casa</label>
                            <input type="number" name="telCasa" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <center><h3>Ultimos Estudios Incompletos</h3></center>
                        </div>
                        <div class="col-lg-6">
                            <label>Telefono Celular</label>
                            <input type="number" name="telCelular" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Tiene Estudios Incompletos </label>
                            <input type="text" name="estudiosIncompletos" class="form-control" required>
                        </div>
                        <div class="col-lg-6">
                            <label>Correo Electronico</label>
                            <input type="email" name="email" class="form-control" required>
                        </div>
                        <div class="col-lg-4">
                            <label>Nombre de la Institución</label>
                            <input type="text" name="nombreInstitucion" class="form-control" required>
                        </div>
                        <div class="col-lg-9">
                            <label>Ubicación de la Institución</label>
                            <input type="text" name="ubicacionInstitucion" class="form-control" required>
                        </div>
                        <div class="col-lg-9">
                            <label>Entidad</label>
                            <input type="text" name="entidadInstitucion" class="form-control" required>
                        </div>
                        <div class="col-lg-9">
                            <label>Municipio</label>
                            <input type="text" name="municipioInstitucion" class="form-control" required>
                        </div>
                        <div class="col-lg-9">
                            <label>Localidad</label>
                            <input type="text" name="localidadInstitucion" class="form-control" required>
                        </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>
@endsection