@extends('template.main')

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

@section('cabecera')
<script>
    $(document).ready(function () {
        $("#modalidad").change(function(){
            var plan = $("#plan").val();
            var modalidad = $("#modalidad").val();
            $.ajax({
                data: {"modalidad": modalidad},
                type: "GET",
                url: "{{ route('alumnos.nivel') }}",

                beforeSend: function(){
                    $('#carreraElemento').html("<center><img src=\"{{ asset('img/loading.gif') }}\" style=\"max-width: 100px\"></center>");
                },

                success: function(response){

                    $('#carreraElemento').html(response);

                }
            });
            $.ajax({
                data: {"plan": plan, "tipoEstudio": tipoEstudio},
                type: "GET",
                url: "{{ route('alumnos.plan.generacion') }}",

                beforeSend: function(){
                    $('#salidaGeneracion').html("<center><img src=\"{{ asset('img/loading.gif') }}\" style=\"max-width: 100px\"></center>");
                },

                success: function(response){

                    $('#salidaGeneracion').html(response);

                }
            });

        });

        $("#plan").change(function(){
            var plan = $("#plan").val();
            var tipoEstudio = $("#modalidad").val();
            var carrera = $("#carrera").val();

            $.ajax({
                data: {"plan": plan, "tipoEstudio": tipoEstudio, "carrera": carrera},
                type: "GET",
                url: "{{ route('alumnos.plan.generacion') }}",

                beforeSend: function(){
                    $('#salidaGeneracion').html("<center><img src=\"{{ asset('img/loading.gif') }}\" style=\"max-width: 100px\"></center>");
                },

                success: function(response){

                    $('#salidaGeneracion').html(response);

                }
            });
        });


        $("#ActaNacimientoDocumento").click(function(){
            if($("#ActaNacimientoDocumento").prop('checked')){
              $("#actaNacimientoFile").removeAttr("disabled");

            } else{
                $("#actaNacimientoFile").attr("disabled","disabled");

            }
        });
        $("#CertificadoBachilleratoDocumento").click(function(){
            if($("#CertificadoBachilleratoDocumento").prop('checked')){
                $("#certificadoBachilleratoFile").removeAttr("disabled");

            } else{
                $("#certificadoBachilleratoFile").attr("disabled","disabled");

            }
        });
        $("#CertificadoSecundariaDocumento").click(function(){
            if($("#CertificadoSecundariaDocumento").prop('checked')){
                $("#certificadoSecundariaFile").removeAttr("disabled");

            } else{
                $("#certificadoSecundariaFile").attr("disabled","disabled");

            }
        });
        $("#CURPDocumento").click(function(){
            if($("#CURPDocumento").prop('checked')){
                $("#curpFile").removeAttr("disabled");

            } else{
                $("#curpFile").attr("disabled","disabled");

            }
        });
        $("#CartaCompromisoDocumento").click(function(){
            if($("#CartaCompromisoDocumento").prop('checked')){
                $("#cartaCompromisoFile").removeAttr("disabled");

            } else{
                $("#cartaCompromisoFile").attr("disabled","disabled");

            }
        });
        $("#FichaInscripcionDocumento").click(function(){
            if($("#FichaInscripcionDocumento").prop('checked')){
                $("#fechaInscripcionFile").removeAttr("disabled");

            } else{
                $("#fechaInscripcionFile").attr("disabled","disabled");

            }
        });
        $("#INEDocumento").click(function(){
            if($("#INEDocumento").prop('checked')){
                $("#ineFile").removeAttr("disabled");

            } else{
                $("#ineFile").attr("disabled","disabled");

            }
        });
        $("#ComprobanteDomicilioDocumento").click(function(){
            if($("#ComprobanteDomicilioDocumento").prop('checked')){
                $("#comprobanteDomicilioFile").removeAttr("disabled");

            } else{
                $("#comprobanteDomicilioFile").attr("disabled","disabled");

            }
        });
        $("#CertificadoMedicoDocumento").click(function(){
            if($("#CertificadoMedicoDocumento").prop('checked')){
                $("#certificadoMedicoFile").removeAttr("disabled");

            } else{
                $("#certificadoMedicoFile").attr("disabled","disabled");

            }
        });
        $("#CertificadoLicenciaturaDocumento").click(function(){
            if($("#CertificadoLicenciaturaDocumento").prop('checked')){
                $("#certificadoLicenciaturaFile").removeAttr("disabled");

            } else{
                $("#certificadoLicenciaturaFile").attr("disabled","disabled");

            }
        });

        $("#TituloLicenciaturaDocumento").click(function(){
            if($("#TituloLicenciaturaDocumento").prop('checked')){
                $("#tituloLicenciaturaFile").removeAttr("disabled");

            } else{
                $("#tituloLicenciaturaFile").attr("disabled","disabled");

            }
        });
        $("#CedulaLicenciaturaDocumento").click(function(){
            if($("#CedulaLicenciaturaDocumento").prop('checked')){
                $("#cedulaLicenciaturaFile").removeAttr("disabled");

            } else{
                $("#cedulaLicenciaturaFile").attr("disabled","disabled");

            }
        });
    });
</script>
@endsection

@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">Alumnos</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-9">
                <h3 class="contexto"> <i class="fas fa-user-graduate"></i> Agregar nuevo alumno</h3>
            </div>
            <div class="col-lg-12"><strong>* Campos obligatorios</strong></div>
            <div class="col-lg-12">
                <form method="post" action="{{ route('alumnos.store') }}" autocomplete="off" enctype="multipart/form-data">
                    @csrf
                    <input type="text" name="parametro" value="1" hidden>

                    <hr>
                    <strong>Datos del Alumno</strong><br>
                    <hr>

                            <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>Delegación 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>Matrícula</label>
                           <input type="text" value="{{ old('matricula') }}" name="matricula" maxlength="30" pattern="[A-Z0-9]+" title="Solo se acepta letras mayúsculas y números." 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>

                    <hr>
                    <strong>Historial Escolar</strong>
                    <hr>

                            <div class="row">
                        <div class="col-lg-3">
                            <label>Último grado de estudios</label>
                            <input type="text" onkeyup="javascript:this.value=this.value.toUpperCase();" name="ultimoGrado" value="{{ old('ultimoGrado') }}" maxlength="100" class="form-control">
                        </div>
                        <div class="col-lg-3">
                            <label>Escuela de procedencia</label>
                            <input type="text" onkeyup="javascript:this.value=this.value.toUpperCase();" name="procedencia" value="{{ old('procedencia') }}" maxlength="100" class="form-control">
                        </div>
                        <div class="col-lg-3">
                            <label>Ubicación</label>
                            <select name="entidadEscolar" class="form-control">
                                <option value="">Seleccione una opción</option>
                                @foreach($estados as $estado)
                                    @if($estado->id == old('entidadEscolar'))
                                        <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>Municipio</label>
                            <input type="text" onkeyup="javascript:this.value=this.value.toUpperCase();" name="municipioEscolar" value="{{ old('municipioEscolar') }}" maxlength="100" class="form-control">
                        </div>
                    </div>

                    <hr>
                    <strong>Datos Laborales</strong><br>
                    <hr>

                            <div class="row">
                        <div class="col-lg-3">
                            <label>Nombre de la Empresa</label>
                            <input type="text" value="{{ old('nombreEmpresa') }}" onkeyup="javascript:this.value=this.value.toUpperCase();" maxlength="100" pattern="[A-Za-z ]+" title="Solo se acepta letras." name="nombreEmpresa" class="form-control" required autofocus>
                        </div>
                        <div class="col-lg-3">
                            <label>Actividad</label>
                            <input type="text" value="{{ old('actividad') }}" onkeyup="javascript:this.value=this.value.toUpperCase();" name="actividad" maxlength="100" pattern="[A-Za-z ]+" title="Solo se acepta letras." class="form-control">
                        </div>
                        <div class="col-lg-3">
                            <label>Teléfono</label>
                            <input type="text" name="telefonoEmpresa" value="{{ old('telefonoEmpresa') }}" maxlength="10" pattern="[0-9]+" title="Solo se acepta números." class="form-control">
                        </div>
                        <div class="col-lg-3">
                            <label>e-Mail</label>
                            <input type="email" value="{{ old('emailEmpresa') }}" name="emailEmpresa" maxlength="100" class="form-control">
                        </div>
                        <div class="col-lg-3">
                            <label>Ubicacion</label>
                            <select name="ubicacion" class="form-control">
                                <option value="">Seleccione una opción</option>
                                @foreach($estados as $estado)
                                    @if($estado->id == old('ubicacion'))
                                        <option value="{{ $estado->id }}" selected>{{ $estado->estado }}</option>
                                    @else
                                        <option value="{{ $estado->id }}">{{ $estado->estado }}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                        <div class="col-lg-6">
                            <label>Domicilio</label>
                            <input value="{{ old('domicilioEmpresa') }}" type="text" name="domicilioEmpresa" onkeyup="javascript:this.value=this.value.toUpperCase();" class="form-control" >
                        </div>
                    </div>

                    <hr>
                    <strong>Informacion Medica</strong><br>
                    <hr>

                            <div class="row">

                       <div class="col-lg-3">
                           <label>Seguro Social</label>
                           <select id="seguro" name="seguro" class="form-control">
                               <option value="">Seleccione una opcion</option>
                               <option value="IMSS">IMSS</option>
                               <option value="ISSTE">ISSTE</option>
                               <option value="ISSEMYM">ISSEMYM</option>
                               <option value="NO">No cuento con seguro medico.</option>
                               <option value="OTRO">Otro</option>
                           </select>
                       </div>
                       <div class="col-lg-3">
                           <label>¿Con que seguro cuentas?</label>
                           <input id="otro" type="text" onkeyup="javascript:this.value=this.value.toUpperCase();" name="otroSeguro" maxlength="100" class="form-control">
                       </div>
                       <div class="col-lg-3">
                           <label>¿Padeces alguna enfermedad?</label>
                           <select id="enfermedad" name="enfermedad" class="form-control">
                               <option value="">Seleccione una opcion</option>
                               <option value="1">Si</option>
                               <option value="2">No</option>
                           </select>
                       </div>
                       <div class="col-lg-3">
                           <label>¿Cual?</label>
                           <input id="cual" type="text" onkeyup="javascript:this.value=this.value.toUpperCase();" name="cual" maxlength="100" class="form-control">
                       </div>
                    </div>

                    <hr>
                    <strong>Datos del Padre/Madre o Tutor</strong><br>
                    <hr>

                            <div class="row">
                               <div class="col-lg-3">
                                   <label>Nombre Completo</label>
                                   <input type="text" value="{{ old('nombre_1') }}" onkeyup="javascript:this.value=this.value.toUpperCase();" maxlength="100" pattern="[A-Za-z ]+" title="Solo se acepta letras." name="nombre_1" class="form-control">
                               </div>
                                <div class="col-lg-3">
                                    <label>Parentesco</label>
                                    <input type="text" value="{{ old('parentesco_1') }}" onkeyup="javascript:this.value=this.value.toUpperCase();" maxlength="100" pattern="[A-Za-z ]+" title="Solo se acepta letras." name="parentesco_1" class="form-control">
                                </div>
                                <div class="col-lg-3">
                                    <label>Teléfono local</label>
                                    <input type="text" name="telefonoLocalPadres_1" value="{{ old('telefonoLocalPadres_1') }}" 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="telefonoCelularPadres_1" value="{{ old('telefonoCelularPadres_1') }}" maxlength="10" pattern="[0-9]+" title="Solo se acepta números." class="form-control">
                                </div>
                               <div class="col-lg-3">
                                   <label>e-Mail</label>
                                   <input type="email" value="{{ old('email_1') }}" name="email_1" maxlength="100" class="form-control">
                                   <input type="number" value=1 name="dato1" hidden>
                               </div>
                                <div class="col-lg-3">
                                    <label>Ocupación</label>
                                    <input type="text" value="{{ old('ocupacion_1') }}" onkeyup="javascript:this.value=this.value.toUpperCase();" maxlength="100" pattern="[A-Za-z ]+" title="Solo se acepta letras." name="ocupacion_1" class="form-control">
                                </div>
                                <div class="col-lg-6">
                                    <label>Domicilio de Trabajo</label>
                                    <input value="{{ old('domicilioPadres_1') }}" type="text" name="domicilioPadres_1" onkeyup="javascript:this.value=this.value.toUpperCase();" class="form-control" >
                                </div>
                               <!--
                               <div class="col-lg-5">
                                   <br><input id="boton1" type="button" class="btn btn-dark" value="Agregar Otro" onclick="myFunction()"    >
                               </div>
                               <div id="myDIV" style="display: none;width: 100%">
                                       <div class="col-lg-4" style="float: left">
                                           <label>Nombre Completo</label>
                                           <input type="text" value="{{ old('nombre_2') }}" onkeyup="javascript:this.value=this.value.toUpperCase();" maxlength="100" pattern="[A-Za-z ]+" title="Solo se acepta letras." name="nombre_2" class="form-control">
                                       </div>
                                       <div class="col-lg-3" style="float: left">
                                           <label>e-Mail</label>
                                           <input type="email" value="{{ old('email_2') }}" name="email_2" maxlength="100" class="form-control">
                                           <input type="number" value=2 name="dato2" hidden>
                                       </div>
                                       <div class="col-lg-5" style="float: left">
                                           <br><input id="boton2" type="button" class="btn btn-dark" value="Agregar Otro" onclick="myFunction2()">
                                       </div>
                               </div>
                               <div id="myDIV2" style="display: none;width: 100%">
                                   <div class="col-lg-4" style="float: left">
                                       <label>Nombre Completo</label>
                                       <input type="text" value="{{ old('nombre_3') }}" onkeyup="javascript:this.value=this.value.toUpperCase();" maxlength="100" pattern="[A-Za-z ]+" title="Solo se acepta letras." name="nombre_3" class="form-control">
                                   </div>
                                   <div class="col-lg-3" style="float: left">
                                       <label>e-Mail</label>
                                       <input type="email" value="{{ old('email_3') }}" name="email_3" maxlength="100" class="form-control">
                                       <input type="number" value=3 name="dato3" hidden>
                                   </div>
                               </div>
                               <script>
                                   function myFunction() {
                                       var x = document.getElementById("myDIV");
                                       var y = document.getElementById("boton1");
                                       if (x.style.display === "block") {
                                           x.style.display = "none";
                                       } else {
                                           x.style.display = "block";
                                           y.style.display = "none";
                                       }

                                   }
                                   function myFunction2() {
                                       var x = document.getElementById("myDIV2");
                                       var y = document.getElementById("boton2");
                                       if (x.style.display === "block") {
                                           x.style.display = "none";
                                       } else {
                                           x.style.display = "block";
                                           y.style.display = "none";
                                       }

                                   }
                               </script>
                                        -->
                            </div>

                    <hr>
                    <strong>Datos de Facturación</strong><br>
                    <hr>

                    <div class="row">
                        <div class="col-lg-3">
                            <label>Nombre</label>
                            <input type="text" value="{{ old('nombreFactura') }}" onkeyup="javascript:this.value=this.value.toUpperCase();" name="nombreFactura" class="form-control">
                        </div>
                        <div class="col-lg-3">
                            <label>Denominación o Razón Social</label>
                            <input type="text" value="{{ old('denominacionFactura') }}" onkeyup="javascript:this.value=this.value.toUpperCase();"  name="denominacionFactura" class="form-control">
                        </div>
                        <div class="col-lg-3">
                            <label>RFC</label>
                            <input type="text" value="{{ old('rfcFactura') }}" onkeyup="javascript:this.value=this.value.toUpperCase();"  name="rfcFactura" class="form-control">
                        </div>
                        <div class="col-lg-3">
                            <label>Régimen Fiscal</label>
                            <input type="text" value="{{ old('regimenFactura') }}" onkeyup="javascript:this.value=this.value.toUpperCase();"  name="regimenFactura" class="form-control">
                        </div>
                        <div class="col-lg-6">
                            <label>Domicilio</label>
                            <input type="text" value="{{ old('domicilioFactura') }}" onkeyup="javascript:this.value=this.value.toUpperCase();"  name="domicilioFactura" class="form-control">
                        </div>
                    </div>

                    <hr>
                    <strong>Datos de la Inscripción</strong><br>
                    <hr>

                            <div class="row">
                       <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>* Tipo de estudio</label>
                           <select name="tipoCarrera" 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" id="carreraElemento">
                           <label>* Carrera</label>
                           <select name="carrera" class="form-control" disabled>
                               <option value="">Seleccione primero un tipo de estudio.</option>

                           </select>
                       </div>
                       <div class="col-lg-3">
                           <label>* Tipo de plan</label>
                           <select name="plan" id="plan" class="form-control" required>
                                <option value="">Seleccione una opción</option>
                               <option value="Trimestral" >Trimestral</option>
                               <option value="Cuatrimestral" >Cuatrimestral</option>
                               <option value="Semestral" >Semestral</option>
                           </select>
                       </div>

                       <div class="col-lg-3">
                           <label>* Modalidad</label>
                           <select name="modalidad" class="form-control" required>
                               <option value="">Seleccione una opción</option>
                               @foreach($modalidades as $modalidad)
                                   <option value="{{ $modalidad->idModalidad }}">{{ $modalidad->modalidad }}</option>
                               @endforeach
                           </select>




                       </div>

                       <div class="col-lg-3" id="salidaGeneracion">
                           <label>* Generacion</label>
                           <select name="yearGeneracion" class="form-control" disabled>
                               <option value="">Seleccione primero un tipo de plan.</option>

                           </select>

                           <!--<input type="text" name="generacion" class="form-control" required>-->
                       </div>
                       <div class="col-lg-3">
                           <label>* Pago actual de inscripción</label>
                           <input type="number" value="{{ old('pagoInscripcion') }}" name="pagoInscripcion" min="0" max="9999" class="form-control" required>
                       </div>
                       <div class="col-lg-3">
                           <label>* Pago actual de colegiatura</label>
                           <input type="number" value="{{ old('pagoColegiatura') }}" name="pagoColegiatura" min="0" max="9999" class="form-control" required>
                       </div>
                       <div class="col-lg-3">
                           <label>* Pago actual de re-inscripción</label>
                           <input type="number" value="{{ old('pagoReInscripcion') }}" name="pagoReInscripcion" min="0" max="9999" class="form-control" required>
                       </div>
                       <div class="col-lg-3">
                           <label>* Estatus</label>
                           <select name="estatus" class="form-control" required>
                               <option value="">Seleccione una opción</option>
                               @foreach($estatus as $estatus)
                               <option value="{{ $estatus->id }}">{{ $estatus->estatus }}</option>
                               @endforeach
                           </select>
                       </div>
                       <div class="col-lg-3">
                           <label>* Tipo</label>
                           <select name="tipo" class="form-control" required>
                               <option value="">Seleccione una opción</option>
                               @foreach($tipos as $tipo)
                                   <option value="{{ $tipo->id }}">{{ $tipo->tipo }}</option>
                               @endforeach
                           </select>
                       </div>
                       <div class="col-lg-3">
                           <label>Opcion: </label>
                           <select name="opcion" class="form-control" required>
                               <option value="1">Guardar</option>
                               <option value="2">Guardar y Enviar Ficha</option>
                           </select>
                       </div>
                       <div class="col-lg-3">
                           <label><strong>Solo si enviaras la ficha</strong></label>
                           <select name="logo" class="form-control">
                               <option value="">Seleccione un logo</option>
                               @foreach($logos as $logo)
                                   <option value="{{ $logo->imagen }}">{{ $logo->nombre }}</option>
                               @endforeach
                           </select>
                       </div>
                    </div>

                    <hr>
                    <strong>Documentos</strong><br>
                    <hr>

                            <div class="row">
                       <div class="col-lg-12"><br>
                     <div class="row">
                            <div class="col-lg-2"></div>
                            <div class="col-lg-8">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="col-auto my-1">
                                            <div class="custom-control custom-checkbox mr-sm-2">
                                                <input type="checkbox" name="ActaNacimientoDocumento" value="1" class="custom-control-input" id="ActaNacimientoDocumento">
                                                <label class="custom-control-label" for="ActaNacimientoDocumento">Acta de nacimiento</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <input type="file" name="actaNacimiento" id="actaNacimientoFile" accept=".jpg,.png,.jpeg,.gif,.pdf" title="Solo se acepta imagenes JPG,PNG,GIF y documentos PDF." disabled>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="col-auto my-1">
                                            <div class="custom-control custom-checkbox mr-sm-2">
                                                <input type="checkbox" name="CertificadoBachilleratoDocumento" value="1" class="custom-control-input" id="CertificadoBachilleratoDocumento">
                                                <label class="custom-control-label" for="CertificadoBachilleratoDocumento">Certificado de bachillerato</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <input type="file" name="certificadoBachillerato" id="certificadoBachilleratoFile" accept=".jpg,.png,.jpeg,.gif,.pdf" title="Solo se acepta imagenes JPG,PNG,GIF y documentos PDF." disabled>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="col-auto my-1">
                                            <div class="custom-control custom-checkbox mr-sm-2">
                                                <input type="checkbox" name="CertificadoSecundariaDocumento" value="1" class="custom-control-input" id="CertificadoSecundariaDocumento">
                                                <label class="custom-control-label" for="CertificadoSecundariaDocumento">Certificado de secundaria</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <input type="file" name="certificadoSecundariaFile" id="certificadoSecundariaFile" accept=".jpg,.png,.jpeg,.gif,.pdf" title="Solo se acepta imagenes JPG,PNG,GIF y documentos PDF." disabled>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="col-auto my-1">
                                            <div class="custom-control custom-checkbox mr-sm-2">
                                                <input type="checkbox" name="CURPDocumento" value="1" class="custom-control-input" id="CURPDocumento">
                                                <label class="custom-control-label" for="CURPDocumento">CURP</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <input type="file" name="curpFile" id="curpFile" accept=".jpg,.png,.jpeg,.gif,.pdf" title="Solo se acepta imagenes JPG,PNG,GIF y documentos PDF." disabled>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="col-auto my-1">
                                            <div class="custom-control custom-checkbox mr-sm-2">
                                                <input type="checkbox" name="CartaCompromisoDocumento" value="1" class="custom-control-input" id="CartaCompromisoDocumento">
                                                <label class="custom-control-label" for="CartaCompromisoDocumento">Carta de compromiso</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <input type="file" name="cartaCompromisoFile" id="cartaCompromisoFile" accept=".jpg,.png,.jpeg,.gif,.pdf" title="Solo se acepta imagenes JPG,PNG,GIF y documentos PDF." disabled>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="col-auto my-1">
                                            <div class="custom-control custom-checkbox mr-sm-2">
                                                <input type="checkbox" name="FichaInscripcionDocumento" value="1" class="custom-control-input" id="FichaInscripcionDocumento">
                                                <label class="custom-control-label" for="FichaInscripcionDocumento">Ficha de inscripción</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <input type="file" name="fechaInscripcionFile" id="fechaInscripcionFile" accept=".jpg,.png,.jpeg,.gif,.pdf" title="Solo se acepta imagenes JPG,PNG,GIF y documentos PDF." disabled>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="col-auto my-1">
                                            <div class="custom-control custom-checkbox mr-sm-2">
                                                <input type="checkbox" name="INEDocumento" value="1" class="custom-control-input" id="INEDocumento">
                                                <label class="custom-control-label" for="INEDocumento">INE</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <input type="file" name="ineFile" id="ineFile" accept=".jpg,.png,.jpeg,.gif,.pdf" title="Solo se acepta imagenes JPG,PNG,GIF y documentos PDF." disabled>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="col-auto my-1">
                                            <div class="custom-control custom-checkbox mr-sm-2">
                                                <input type="checkbox" name="ComprobanteDomicilioDocumento" value="1" class="custom-control-input" id="ComprobanteDomicilioDocumento">
                                                <label class="custom-control-label" for="ComprobanteDomicilioDocumento">Comprobante de domicilio</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <input type="file" name="comprobanteDomicilioFile" id="comprobanteDomicilioFile" accept=".jpg,.png,.jpeg,.gif,.pdf" title="Solo se acepta imagenes JPG,PNG,GIF y documentos PDF." disabled>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="col-auto my-1">
                                            <div class="custom-control custom-checkbox mr-sm-2">
                                                <input type="checkbox" name="CertificadoMedicoDocumento" value="1" class="custom-control-input" id="CertificadoMedicoDocumento">
                                                <label class="custom-control-label" for="CertificadoMedicoDocumento">Certificado médico</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <input type="file" name="certificadoMedicoFile" id="certificadoMedicoFile" accept=".jpg,.png,.jpeg,.gif,.pdf" title="Solo se acepta imagenes JPG,PNG,GIF y documentos PDF." disabled>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="col-auto my-1">
                                            <div class="custom-control custom-checkbox mr-sm-2">
                                                <input type="checkbox" name="CertificadoLicenciaturaDocumento" value="1" class="custom-control-input" id="CertificadoLicenciaturaDocumento">
                                                <label class="custom-control-label" for="CertificadoLicenciaturaDocumento">Certificado de licenciatura</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <input type="file" name="certificadoLicenciaturaFile" id="certificadoLicenciaturaFile" accept=".jpg,.png,.jpeg,.gif,.pdf" title="Solo se acepta imagenes JPG,PNG,GIF y documentos PDF." disabled>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="col-auto my-1">
                                            <div class="custom-control custom-checkbox mr-sm-2">
                                                <input type="checkbox" name="TituloLicenciaturaDocumento" value="1" class="custom-control-input" id="TituloLicenciaturaDocumento">
                                                <label class="custom-control-label" for="TituloLicenciaturaDocumento">Título de licenciatura</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <input type="file" name="tituloLicenciaturaFile" id="tituloLicenciaturaFile" accept=".jpg,.png,.jpeg,.gif,.pdf" title="Solo se acepta imagenes JPG,PNG,GIF y documentos PDF." disabled>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="col-auto my-1">
                                            <div class="custom-control custom-checkbox mr-sm-2">
                                                <input type="checkbox" name="CedulaLicenciaturaDocumento" value="1" class="custom-control-input" id="CedulaLicenciaturaDocumento">
                                                <label class="custom-control-label" for="CedulaLicenciaturaDocumento">Cédula</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <input type="file" name="cedulaLicenciaturaFile" id="cedulaLicenciaturaFile" accept=".jpg,.png,.jpeg,.gif,.pdf" title="Solo se acepta imagenes JPG,PNG,GIF y documentos PDF." disabled>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="col-auto my-1">
                                            <div class="custom-control custom-checkbox mr-sm-2">
                                                <input type="checkbox" name="FotografiasInfantil" value="1" class="custom-control-input" id="FotografiasInfantil">
                                                <label class="custom-control-label" for="FotografiasInfantil">Fotografias tamaño infantil</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6"></div>

                                </div>
                            </div>
                            <div class="col-lg-2"></div>
                     </div><br>
                       <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