@extends('layout.sidebar')
@section('content')
    {{ HTML::script('js/admission/modify.js') }}

    {{ Form::open(array('method' => 'POST','id'=>'modify_form')) }}
    <!--/**
     * Vista para modificar los datos del nuevo aspirante(s)
     * @since   2017-11-12
     * @edit    2018-01-28<br />
     *          Fernando Salas <rfsalas@rutatec.com><br />
     *          Adición de campo ex alumno<br/>
     *          #edit1
     */-->
    {{ Form::hidden('hdnNewInstitution', action('AdmissionController@postAddInstitution', array()), array('id'=>'hdnNewInstitution')) }}
    <div class="page-header text-center" id="encabezado">
        <h3 style="text-align: center">Comisi&oacute;n de Admisiones</h3>
        <h4>Modificaci&oacute;n ficha de datos del aspirante</h4>
    </div>

    <div class="row">
        <div class=" form-group col-md-6">
            {{Form::label('school_year', 'A&ntilde;o lectivo')}}
            {{Form::select('school_year',$schoolYears,'',array('id'=>'school_year','class'=>'form-control'))}}
        </div>
        <div class="form-group col-md-6">
            <label class="control-label">Nombre del aspirante</label>
            <select id="select_aspirant" name="select_aspirant" class="form-control">
                <option value="">- Ninguno -</option>
            </select>
        </div>
    </div>
    <div id="data_aspirant" style="display: none">
        <input type="hidden" id="serial_lvl" value="">
        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingOne">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true"
                           aria-controls="collapseOne">
                            Datos del aspirante
                        </a>
                    </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label class="control-label" for="Nombres">Nombres</label><span style="color:red">*</span>
                                <input type="text" class="form-control firstname" name="first_name_asstu"
                                       id="first_name_asstu">
                            </div>
                            <div class="col-md-6 form-group">
                                <label class="control-label" for="Apellidos">Apellidos</label><span style="color:red">*</span>
                                <input type="text" class="form-control lastname" name="last_name_asstu"
                                       id="last_name_asstu">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label for="fechaNacimiento">Fecha de nacimiento</label><span style="color:red">*</span>
                                <div class='input-group date' id='startDateD'>
                                    <input id="birth_asstu" type="date" name="birth_asstu" class="form-control birth_asstu"
                                           placeholder="">
                        <span id="dateS" name="dateS" class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                                </div>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="control-label">G&eacute;nero</label><span style="color:red">*</span>
                                <select class="form-control gender_asstu" id="gender_asstu" name="gender_asstu">
                                    <option value="">Seleccione una Opción</option>
                                    <option value="MALE">Masculino</option>
                                    <option value="FEMALE">Femenino</option>
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label class="control-label" for="Nombres">Familia</label><span style="color:red">*</span>
                                <input type="text" id="family" name="family" class="form-control names">
                            </div>
                            <div class="form-group col-md-6">
                                <label class="control-label" for="Nombres">Representante</label>
                                <br>
                                <div class="row">
                                    <div class="col-md-6">
                                        <label class="radio-inline">
                                            <input type="radio" class="guardian" name="guardian" id="guardian_father" value="FATHER">
                                            Padre
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" class="guardian" name="guardian" id="guardian_mother" value="MOTHER">
                                            Madre
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" class="guardian" name="guardian" id="guardian_other" value="OTHER"> Otro
                                        </label>
                                    </div>
                                    <div class="col-md-6">
                                        <input type="hidden" class="form-control" id="otherGuardian"
                                               name="otherGuardian">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-md-12">
                                <h4 class="control-label" for="Nombres">Alumno solicita cupo en</h4>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label class="control-label">Sección</label><span style="color:red">*</span>
                                <select id="select_section" name="select_section" class="form-control select_section">
                                    <option value="">- Ninguno -</option>
                                </select>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="control-label">Nivel</label><span style="color:red">*</span>
                                <select class="form-control requestLvl" id="requestLvl" name="requestLvl">
                                    <option value="">- Ninguno -</option>
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label class="control-label">Colegio del que proviene</label><span style="color:red">*</span>
                                <br/>
                                {{Form::select('select_school', $combobox, $selected, ['class' => 'form-control select_school', 'id' => 'select_school'])}}
                                </br>
                                <button type="button" class="btn btn-default btn-sm" data-toggle="modal"
                                        data-target="#myModal">Agregar instituci&oacute;n
                                </button>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="control-label" for="Nombres">Con qui&eacute;n vive?</label><span style="color:red">*</span>
                                <select id="liveWith" name="liveWith" class="form-control liveWith">
                                    <option value="">Seleccione una Opcion</option>
                                    <option value="PARENTS">Padre y Madre</option>
                                    <option value="FATHER">Padre</option>
                                    <option value="MOTHER">Madre</option>
                                    <option value="OTHER">Otros</option>
                                </select>
                                <input type="hidden" id="liveOther" name="liveOther" class="form-control">
                            </div>
                        </div>
                        <div class="row">
                            <div class="table-responsive" id="tableSibling"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingTwo">
                    <h4 class="panel-title">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"
                           aria-expanded="false" aria-controls="collapseTwo">
                            Datos del padre y madre
                        </a>
                    </h4>
                </div>

                <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                    <div class="panel-body">
                        <div id="father">
                            <h4>DATOS DEL PADRE</h4><br>
                            <input type="hidden" id="serial_father" value="">
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="control-label">C&eacute;dula de identidad</label><span style="color:red">*</span>
                                    <input type="text" id="ciFather" name="ciFather" class="form-control ci">
                                </div>
                                <div class="form-group col-md-6">
                                    <div class="checkbox">
                                        <input class="form-control" type="checkbox" value="YES" name="exStudentFather" id="exStudentFather">
                                        <label>Es ex alumno</label>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="control-label" for="Nombres">Nombres</label><span style="color:red">*</span>
                                    <input type="text" id="fatherName" name="fatherName" class="form-control firstname">
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="control-label" for="Apellidos">Apellidos</label><span style="color:red">*</span>
                                    <input type="text" id="fatherLastName" name="fatherLastName"
                                           class="form-control lastname">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="control-label" for="email">Correo electrónico</label>
                                    <p id="fatherMail" name="fatherMail" type="email" class="form-control"></p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="control-label" for="homePhoneFather">Teléfono domicilio</label>
                                    <input type="text" id="fatherPhone" name="fatherPhone"
                                           class="form-control phoneHome">
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="control-label" for="officePhoneFather">Teléfono oficina</label>
                                    <div class="row">
                                        <div class="col-xs-8">
                                            <input type="text" id="fatherPhoneOffice" name="fatherPhoneOffice"
                                                   class="form-control officePhone">
                                        </div>
                                        <div class="col-xs-4">
                                            <input type="text" id="fatherPhoneOffice_ext" name="fatherPhoneOffice_ext"
                                                   class="form-control officePhoneExt">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="control-label" for="celPhone">Teléfono celular</label>
                                    <input type="text" id="fatherCelPhone" name="fatherCelPhone"
                                           class="form-control cellphone">
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div id="mother">
                            <h4>DATOS DE LA MADRE</h4><br>
                            <input type="hidden" id="serial_mother" value="">
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="control-label">C&eacute;dula de identidad</label><span style="color:red">*</span>
                                    <input type="text" id="ciMother" name="ciMother" class="form-control ci">
                                </div>
                                <div class="form-group col-md-6">
                                    <div class="checkbox">
                                        <input class="form-control" type="checkbox" value="YES" name="exStudentMother" id="exStudentMother">
                                        <label>Es ex alumno</label>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="control-label" for="Nombres">Nombres</label><span style="color:red">*</span>
                                    <input type="text" id="motherName" name="motherName" class="form-control firstname">
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="control-label" for="Apellidos">Apellidos</label><span style="color:red">*</span>
                                    <input type="text" id="motherLastName" name="motherLastName"
                                           class="form-control lastname">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="control-label" for="email">Correo electrónico</label>
                                    <p id="motherMail" name="motherMail" type="email" class="form-control"></p>
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="control-label" for="homePhoneMother">Teléfono domicilio</label>
                                    <input type="text" id="motherPhone" name="motherPhone"
                                           class="form-control phoneHome">
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="control-label" for="officePhone">Teléfono oficina</label>
                                    <div class="row">
                                        <div class="col-xs-8">
                                            <input type="text" id="motherPhoneOffice" name="motherPhoneOffice"
                                                   class="form-control officePhone">
                                        </div>
                                        <div class="col-xs-4">
                                            <input type="text" id="motherPhoneOffice_ext" name="motherPhoneOffice_ext"
                                                   class="form-control officePhoneExt">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="control-label" for="celPhone">Teléfono celular</label>
                                    <input type="text" id="motherCelPhone" name="motherCelPhone"
                                           class="form-control cellphone">
                                </div>
                            </div>
                        </div>
                        <br>
                        <div id="representant" hidden>
                            <h4>DATOS DEL REPRESENTANTE</h4>
                            <hr>
                            <input type="hidden" id="serial_repre" value="">
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="control-label">C&eacute;dula de identidad</label>
                                    <input type="text" id="ciRepre" name="ciRepre" class="form-control ci">
                                </div>
                                <div class="form-group col-md-6">
                                    <div class="checkbox">
                                        <input class="form-control" type="checkbox" value="YES" name="exStudentRepre" id="exStudentRepre">
                                        <label>Es ex alumno</label>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="control-label">Nombres</label>
                                    <input type="text" id="repreName" name="repreName" class="form-control firstname">
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="control-label" for="Apellidos">Apellidos</label>
                                    <input type="text" id="repreLastName" name="repreLastName"
                                           class="form-control lastname">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="control-label" for="email">Correo electrónico</label>
                                    <p id="repreMail" name="repreMail" type="email" class="form-control"></p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="control-label" for="homePhoneMother">Teléfono domicilio</label>
                                    <input type="text" id="reprePhone" name="reprePhone"
                                           class="form-control phoneHome">
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="control-label">Teléfono oficina</label>
                                    <div class="row">
                                        <div class="col-xs-8">
                                            <input type="text" id="reprePhoneOffice" name="reprePhoneOffice"
                                                   class="form-control officePhone">
                                        </div>
                                        <div class="col-xs-4">
                                            <input type="text" id="reprePhoneOffice_ext" name="reprePhoneOffice"
                                                   class="form-control officePhoneExt">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="control-label">Teléfono celular</label>
                                    <input type="text" id="repreCelPhone" name="repreCelPhone"
                                           class="form-control cellphone">
                                </div>
                            </div>
                            <br>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingThree">
                    <h4 class="panel-title">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree"
                           aria-expanded="false" aria-controls="collapseThree">
                            Datos adicionales
                        </a>
                    </h4>
                </div>
                <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                    <div class="panel-body">
                        <div class="row">
                            <div class="form-group col-md-offset-2 col-md-6">
                                <label for="vinculoColegio">{{$schoolSetup->serial_sst != 13 ? 'V&iacute;nculo con el Colegio':'¿Cómo supo del colegio?'}}</label>
                                <select name="selectLink" id="selectLink" class="form-control select"
                                        style="width: 100%">
                                    <option value="">Seleccione una opci&oacute;n</option>
                                    <option value="ANY">Ninguno</option>
                                    <option value="SONS AT SCHOOL">Hijos en el Colegio</option>
                                    <option value="TEACHER AT SCHOOL">Profesor en el Colegio</option>
                                    <option value="RE-ENTRY">Reingreso</option>
                                    @if($schoolSetup->serial_sst == 16)<option value="CJE">CJE</option>@endif
                                    <option value="BROTHER STUDENT">Hermano Alumno</option>
                                    <option value="SON EX STUDENT">Hijo exalumno</option>
                                    <option value="OTHER">Otro</option>
                                </select>
                            </div>
                            <input type="hidden" id="otherLink" name="otherLink" class="form-control">
                        </div>
                        @if($schoolSetup->serial_sst != 27)
                        <div class="row">
                            <div class="form-group col-md-offset-2 col-md-6">
                                <label for="publicidad">{{$schoolSetup->serial_sst != 13 ? 'C&oacute;mo se inform&oacute; sobre las inscripciones?':'¿Qué aspectos son importantes en la institución que tenga a cargo la educación de su hijo(a)?: '}}</label>
                                @if($schoolSetup->serial_sst != 13)
                                <select id="selectPublicity" name="selectPublicity"
                                        class="form-control select">
                                    <option value="">Seleccione una opci&oacute;n</option>
                                    <option value="FRIENDS">Amistades</option>
                                    <option value="FATHERS">Padres</option>
                                    <option value="EX STUDENT">Exalumnos</option>
                                    <option value="SOCIAL NETWORKS">Redes sociales</option>
                                    <option value="EMAIL">Correo electrónico</option>
                                    <option value="WEB">Sitio web</option>
                                    <option value="OWN ACCOUNT">Cuenta propia</option>
                                    <option value="OTHER">Otro</option>
                                </select>
                                @else
                                    <select id="selectPublicity" name="selectPublicity"
                                            class="form-control select">
                                        <option value="">Seleccione una opci&oacute;n</option>
                                        <option value="VALUES">Valores y principios</option>
                                        <option value="ENVIRONMENT">Ambiente seguro</option>
                                        <option value="ACADEMIC_LEVEL">Nivel Académico</option>
                                        <option value="TECHNOLOGY">Tegnología</option>
                                        <option value="OTHER">Otro</option>
                                    </select>
                                @endif
                            </div>
                            <input type="hidden" id="publicityOther" name="publicityOther" class="form-control">
                        </div>
                        @else
                            <div class="row">
                                <div class="col-md-offset-2">
                                    <label for="publicidad">Señale 2 medios por los cuales conoció a {{$schoolSetup->name_sst}}</label>
                                </div>
                                <div class="form-group col-md-3 col-md-offset-2">
                                    <div class="custom-control custom-radio">
                                        <input type="checkbox" class="custom-control-input" id="defaultGroupExample1" name="publicity[SOCIAL_NETWORKS]" value="SOCIAL NETWORKS">
                                        <label class="custom-control-label text-muted" for="defaultGroupExample1">Redes Sociales</label>
                                    </div>

                                    <!-- Group of default radios - option 2 -->
                                    <div class="custom-control custom-radio">
                                        <input type="checkbox" class="custom-control-input" id="defaultGroupExample2" name="publicity[EMAIL]" value="EMAIL">
                                        <label class="custom-control-label text-muted" for="defaultGroupExample2">Correo Electrónico</label>
                                    </div>

                                    <!-- Group of default radios - option 3 -->
                                    <div class="custom-control custom-radio">
                                        <input type="checkbox" class="custom-control-input" id="defaultGroupExample3" name="publicity[WEB]" value="WEB">
                                        <label class="custom-control-label text-muted" for="defaultGroupExample3">Sitio Web</label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="checkbox" class="custom-control-input" id="defaultGroupExample4" name="publicity[OWN_ACCOUNT]" value="OWN ACCOUNT">
                                        <label class="custom-control-label text-muted" for="defaultGroupExample4">Por cuenta propia</label>
                                    </div>
                                </div>
                                <div class="form-group col-md-3">
                                    <div class="custom-control custom-radio">
                                        <input type="checkbox" class="custom-control-input" id="defaultGroupExample5" name="publicity[FRIENDS]" value="FRIENDS">
                                        <label class="custom-control-label text-muted" for="defaultGroupExample5">Amistades</label>
                                    </div>

                                    <!-- Group of default radios - option 2 -->
                                    <div class="custom-control custom-radio">
                                        <input type="checkbox" class="custom-control-input" id="defaultGroupExample6" name="publicity[FAMILY]" value="FAMILY">
                                        <label class="custom-control-label text-muted" for="defaultGroupExample6">Familiares</label>
                                    </div>

                                    <!-- Group of default radios - option 3 -->
                                    <div class="custom-control custom-radio">
                                        <input type="checkbox" class="custom-control-input" id="defaultGroupExample7" name="publicity[EX_STUDENT]" value="EX STUDENT">
                                        <label class="custom-control-label text-muted" for="defaultGroupExample7">Ex alumunos</label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="checkbox" class="custom-control-input" id="defaultGroupExample8" name="publicity[OTHER]" value="OTHER">
                                        <label class="custom-control-label text-muted" for="defaultGroupExample8">Otros</label>
                                    </div>
                                </div>
                                <div class="form-group col-md-3">
                                    <div class="custom-control custom-radio">
                                        <input type="checkbox" class="custom-control-input" id="defaultGroupExample9" name="publicity[RADIO]" value="RADIO">
                                        <label class="custom-control-label text-muted" for="defaultGroupExample9">Radio</label>
                                    </div>

                                    <!-- Group of default radios - option 2 -->
                                    <div class="custom-control custom-radio">
                                        <input type="checkbox" class="custom-control-input" id="defaultGroupExample10" name="publicity[PRESS]" value="PRESS">
                                        <label class="custom-control-label text-muted" for="defaultGroupExample10">Prensa</label>
                                    </div>

                                    <!-- Group of default radios - option 3 -->
                                    <div class="custom-control custom-radio">
                                        <input type="checkbox" class="custom-control-input" id="defaultGroupExample11" name="publicity[TV]" value="TV">
                                        <label class="custom-control-label text-muted" for="defaultGroupExample11">Televisión</label>
                                    </div>
                                </div>
                            </div>
                            <div class="row" id="other-publicity" hidden>
                                <div class="form-group col-md-4 col-md-offset-3">
                                    {{Form::label('publicityOther','Registre aquí otro medio')}}
                                    <input type="text" id="publicity-other" name="publicity-other"
                                           class="form-control">
                                </div>
                            </div>
                        @endif
                        <div class="row">
                            <div class="form-group col-md-offset-2 col-md-6">
                                <label class="control-label" for="publicidad">Fecha de recepci&oacute;n de la
                                    solicitud</label>
                                <input type="text" id="dateRequest" name="dateRequest" class="form-control" value=""
                                       placeholder="aaaa-mm-dd">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <label for="Observaciones">Observaciones</label>
                                <div class="col-md-12">
                                    <textarea name="observation" id="observation" class="form-control" rows="9"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--el modal-->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog modal-md">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                    aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel" style="text-align: center">Agregar Nueva
                            Institucion</h4>
                    </div>
                    <div class="modal-body" id="modal-body">
                        <div class="form-group">
                                <label>Nombre de la nueva instituci&oacute;n: </label>
                                <input type="text" class="form-control" name="newInst" id="newInst">
                        </div>
                        <div id="message">

                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" id="saveInst" name="saveInst">Guardar</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Salir</button>
                    </div>
                </div>
            </div>
        </div>
        <!--fin modal modal-->
        <div class="row text-center">
            <button type="submit" class="btn btn-primary" id="save">Guardar</button>
        </div>
        {{ Form::close() }}
    </div>



@stop()