@extends('template.main')

@section('titulo','Agregar Nuevo Personal para Titulación')

@section('cabecera')
    <script>
        $(document).ready(function () {
            $("#modalidad").change(function(){
                var plan = $("#plan").val();
                var modalidad = $("#modalidad").val();
                $.ajax({
                    data: {"modalidad": modalidad,"parametro":2},
                    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);

                    }
                });

            });


            $("#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">Competencias</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 Personal para Titulaci&oacute;n</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="2" hidden>
                    <div class="row">
                        <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\u00F1\u00D1 ]+" 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\u00F1\u00D1 ]+" 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>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>* 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 Academico</label>
                            <select name="tipoCarrera" id="modalidad" class="form-control" required>
                                <option value="">Seleccione una opción</option>
                                @foreach($nivelEducativo 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-6">
                            <label> Observaci&oacute;n</label>
                            <input type="text" value="{{ old('obs') }}" onkeyup="javascript:this.value=this.value.toUpperCase();" maxlength="100" name="obs" class="form-control">
                        </div>

                         <div class="col-lg-3">
                            <label>* Total a Pagar</label>
                            <input type="number" name="totalPagar" value="{{ old('totalPagar') }}" class="form-control" step="any" min="0" max="999999999" required class="form-control" >
                        </div>

                        <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>
                        </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