@extends('layout')

@section('title','Pre - Inscripción')

@section('content')

  <script type="text/javascript">
        
       function mostrar_p(){


              if(document.getElementById('ars_p').checked == false) {     

               document.getElementById('nombre_p').style.visibility="hidden";
               
               document.getElementById('dni_p').style.visibility="hidden";
               document.getElementById('titulo_dni_p').style.visibility="hidden";

               document.getElementById('tel_p').style.visibility="hidden";
               document.getElementById('titulo_tel_p').style.visibility="hidden";

               document.getElementById('legajo_p').style.visibility="hidden";
               document.getElementById('titulo_legajo_p').style.visibility="hidden";

               document.getElementById('cc_p').style.visibility="hidden";
               document.getElementById('titulo_cc_p').style.visibility="hidden";

               document.getElementById('interno_p').style.visibility="hidden";
               document.getElementById('titulo_interno_p').style.visibility="hidden";
              }else{

               document.getElementById('nombre_p').style.visibility="visible";
               

               document.getElementById('dni_p').style.visibility="visible";
               document.getElementById('titulo_dni_p').style.visibility="visible";

               document.getElementById('tel_p').style.visibility="visible";
               document.getElementById('titulo_tel_p').style.visibility="visible";

               document.getElementById('legajo_p').style.visibility="visible";
               document.getElementById('titulo_legajo_p').style.visibility="visible";
                
               document.getElementById('legajo_p').style.visibility="visible";
               document.getElementById('titulo_legajo_p').style.visibility="visible";

               document.getElementById('cc_p').style.visibility="visible";
               document.getElementById('titulo_cc_p').style.visibility="visible";

               document.getElementById('interno_p').style.visibility="visible";
               document.getElementById('titulo_interno_p').style.visibility="visible";
              }
             
          }

          function mostrar_m(){


              if(document.getElementById('ars_m').checked == false) {     

               document.getElementById('nombre_m').style.visibility="hidden";
               
               document.getElementById('dni_m').style.visibility="hidden";
               document.getElementById('titulo_dni_m').style.visibility="hidden";

               document.getElementById('tel_m').style.visibility="hidden";
               document.getElementById('titulo_tel_m').style.visibility="hidden";

               document.getElementById('legajo_m').style.visibility="hidden";
               document.getElementById('titulo_legajo_m').style.visibility="hidden";

               document.getElementById('cc_m').style.visibility="hidden";
               document.getElementById('titulo_cc_m').style.visibility="hidden";

               document.getElementById('interno_m').style.visibility="hidden";
               document.getElementById('titulo_interno_m').style.visibility="hidden";
              }else{

               document.getElementById('nombre_m').style.visibility="visible";
               

               document.getElementById('dni_m').style.visibility="visible";
               document.getElementById('titulo_dni_m').style.visibility="visible";

               document.getElementById('tel_m').style.visibility="visible";
               document.getElementById('titulo_tel_m').style.visibility="visible";

               document.getElementById('legajo_m').style.visibility="visible";
               document.getElementById('titulo_legajo_m').style.visibility="visible";
                
               document.getElementById('legajo_m').style.visibility="visible";
               document.getElementById('titulo_legajo_m').style.visibility="visible";

               document.getElementById('cc_m').style.visibility="visible";
               document.getElementById('titulo_cc_m').style.visibility="visible";

               document.getElementById('interno_m').style.visibility="visible";
               document.getElementById('titulo_interno_m').style.visibility="visible";
              }
             
          }

          function mostrar_t(){


              if(document.getElementById('ars_t').checked == false) {     

               document.getElementById('nombre_t').style.visibility="hidden";
               
               document.getElementById('dni_t').style.visibility="hidden";
               document.getElementById('titulo_dni_t').style.visibility="hidden";

               document.getElementById('tel_t').style.visibility="hidden";
               document.getElementById('titulo_tel_t').style.visibility="hidden";

               document.getElementById('legajo_t').style.visibility="hidden";
               document.getElementById('titulo_legajo_t').style.visibility="hidden";

               document.getElementById('cc_t').style.visibility="hidden";
               document.getElementById('titulo_cc_t').style.visibility="hidden";

               document.getElementById('interno_t').style.visibility="hidden";
               document.getElementById('titulo_interno_t').style.visibility="hidden";
              }else{

               document.getElementById('nombre_t').style.visibility="visible";
               

               document.getElementById('dni_t').style.visibility="visible";
               document.getElementById('titulo_dni_t').style.visibility="visible";

               document.getElementById('tel_t').style.visibility="visible";
               document.getElementById('titulo_tel_t').style.visibility="visible";

               document.getElementById('legajo_t').style.visibility="visible";
               document.getElementById('titulo_legajo_t').style.visibility="visible";
                
               document.getElementById('legajo_t').style.visibility="visible";
               document.getElementById('titulo_legajo_t').style.visibility="visible";

               document.getElementById('cc_t').style.visibility="visible";
               document.getElementById('titulo_cc_t').style.visibility="visible";

               document.getElementById('interno_t').style.visibility="visible";
               document.getElementById('titulo_interno_t').style.visibility="visible";
              }
             
          }
    </script>   

<div class="container">

   <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">Planilla de Solicitud </div>
                  <div class="card-body">

                    <form method="POST" enctype="multipart/form-data" action="{{ route('pre_etars.store') }}" >
                       @csrf
                        

                     
                  @if (Session::has('message'))
                   <div class="text-danger">
                   {{Session::get('message')}}
                   </div>
                  <hr />
                  @endif

                   @if (session('mensaje_error'))
                  <div class="alert alert-warning" align="center">
                    <strong>ATENCION! </strong> {{ session('mensaje_error') }}
                  </div>
                  @endif

                 <div class="input-group input-group-default mb-1">
                  <div style="width: 120px;" class="input-group-prepend">
                    <span style="width: 120px;" class="input-group-text" id="inputGroup-sizing-default">DNI</span>
                  </div>
                  <input maxlength="5"  type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
               
                  <div style="width: 120px;" class="input-group-prepend">
                    <span style="width: 120px;" class="input-group-text" id="inputGroup-sizing-default">Apellido y Nombre</span>
                  </div>
                  <input type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
                </div>
                                 <div class="input-group input-group-default mb-1">
                  <div style="width: 120px;" class="input-group-prepend">
                    <span style="width: 120px;" class="input-group-text" id="inputGroup-sizing-default">Email</span>
                  </div>
                  <input type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
               
                  <div style="width: 120px;" class="input-group-prepend">
                    <span style="width: 120px;" class="input-group-text" id="inputGroup-sizing-default">Sexo</span>
                  </div>
                  <select id="sexo" class="custom-select" name="sexo" value="{{ old('sexo') }}">

                     
                                      <option value="">Seleccionar</option>
                                      <option value="M">Masculino</option>
                                      <option value="F">Femenino</option>                                      
                                    </select>  
                </div>
                                 <div class="input-group input-group-default mb-1">
                  <div style="width: 120px;" class="input-group-prepend">
                    <span style="width: 120px;" class="input-group-text" id="inputGroup-sizing-default">Nacionalidad</span>
                  </div>
                  <input type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
                </div>
                                 <div class="input-group input-group-default mb-1">
                  <div style="width: 120px;" class="input-group-prepend">
                    <span style="width: 120px;" class="input-group-text" id="inputGroup-sizing-default">Dirección</span>
                  </div>
                  <input type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
                </div>
                                 <div class="input-group input-group-default mb-1">
                  <div style="width: 120px;" class="input-group-prepend">
                    <span style="width: 120px;" class="input-group-text" id="inputGroup-sizing-default">C.Postal</span>
                  </div>
                  <input type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
                </div>
                                 <div class="input-group input-group-default mb-1">
                  <div style="width: 120px;" class="input-group-prepend">
                    <span style="width: 120px;" class="input-group-text" id="inputGroup-sizing-default">Localidad</span>
                  </div>
                  <input type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
                </div>
                                 <div class="input-group input-group-default mb-3">
                  <div style="width: 120px;" class="input-group-prepend">
                    <span style="width: 120px;" class="input-group-text" id="inputGroup-sizing-default">Ajuntar Archivo</span>
                  </div>
                 
                  <input id="certificado" name="certificado" aria-label="Sizing example input" type="file" class="form-control" aria-describedby="inputGroup-sizing-default">

                </div>


                 <div class="input-group input-group-default mb-3">
                  <div  class="input-group-prepend">
                    <span  class="input-group-text" id="inputGroup-sizing-default">Tilde las opciones que indican al Mayor Responsable a Cargo del Menor - En caso de ser trabajador/a del ARS complete: Legajo - Centro Costo - Teléfono</span>
                  </div>
                 
                </div>

              
      

                <!--padre-->
                 <div class="input-group input-group-default mb-1">
                 <div class="input-group-prepend">
                  <div class="input-group-text">
                    <input id="ars_p" name="ars_p" type="checkbox" onchange="" value="1"  onClick='mostrar_p();' aria-label="Checkbox for following text input">
                  </div>
                </div>
  
                  <div style="width: 55px;" class="input-group-prepend"  >
                    <span  style="width: 55px;" class="input-group-text" id="inputGroup-sizing-default">Padre</span>
                  </div>
                  <input id="nombre_p" name="nombre_p" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">
                          
                  <div id="titulo_dni_p" name="titulo_dni_p" class="input-group-prepend" style="visibility:hidden;">
                    <span class="input-group-text" id="inputGroup-sizing-default">DNI</span>
                  </div>
                  <input id="dni_p" name="dni_p" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">

                  <div id="titulo_tel_p" name="titulo_tel_p" class="input-group-prepend" style="visibility:hidden;">
                    <span class="input-group-text" id="inputGroup-sizing-default">Tel. Personal</span>
                  </div>
                  <input id="tel_p" name="tel_p" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">

                  <div id="titulo_legajo_p" name="titulo_legajo_p" class="input-group-prepend" style="visibility:hidden;">
                    <span  class="input-group-text" id="inputGroup-sizing-default">Legajo</span >
                  </div>
                  <input id="legajo_p" name="legajo_p" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">

                  <div id="titulo_cc_p" name="titulo_cc_p" class="input-group-prepend" style="visibility:hidden;">
                    <span class="input-group-text" id="inputGroup-sizing-default">C.C.</span>
                  </div>
                  <input id="cc_p" name="cc_p" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">
                  <div id="titulo_interno_p" name="titulo_interno_p" class="input-group-prepend" style="visibility:hidden;">
                    <span class="input-group-text" id="inputGroup-sizing-default">Tel.Int.</span>
                  </div>
                  <input id="interno_p" name="interno_p" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">

                </div>

                <!--fin padre-->
                <!--madre-->

                  <div class="input-group input-group-default mb-1">
                 <div class="input-group-prepend">
                  <div class="input-group-text">
                    <input id="ars_m" name="ars_m" type="checkbox" onchange="" value="1"  onClick='mostrar_m();' aria-label="Checkbox for following text input">
                  </div>
                </div>
  
                  <div style="width: 55px;" class="input-group-prepend"  >
                    <span  style="width: 55px;" class="input-group-text" id="inputGroup-sizing-default">Madre</span>
                  </div>
                  <input id="nombre_m" name="nombre_m" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">
                          
                  <div id="titulo_dni_m" name="titulo_dni_m" class="input-group-prepend" style="visibility:hidden;">
                    <span class="input-group-text" id="inputGroup-sizing-default">DNI</span>
                  </div>
                  <input id="dni_m" name="dni_m" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">

                  <div id="titulo_tel_m" name="titulo_tel_m" class="input-group-prepend" style="visibility:hidden;">
                    <span class="input-group-text" id="inputGroup-sizing-default">Tel. Personal</span>
                  </div>
                  <input id="tel_m" name="tel_m" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">

                  <div id="titulo_legajo_m" name="titulo_legajo_m" class="input-group-prepend" style="visibility:hidden;">
                    <span  class="input-group-text" id="inputGroup-sizing-default">Legajo</span >
                  </div>
                  <input id="legajo_m" name="legajo_m" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">

                  <div id="titulo_cc_m" name="titulo_cc_m" class="input-group-prepend" style="visibility:hidden;">
                    <span class="input-group-text" id="inputGroup-sizing-default">C.C.</span>
                  </div>
                  <input id="cc_m" name="cc_m" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">
                  <div id="titulo_interno_m" name="titulo_interno_m" class="input-group-prepend" style="visibility:hidden;">
                    <span class="input-group-text" id="inputGroup-sizing-default">Tel.Int.</span>
                  </div>
                  <input id="interno_m" name="interno_m" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">

                </div>
                <!--fin madre-->

                 <!--tutor-->

                   <div class="input-group input-group-default mb-1">
                 <div class="input-group-prepend">
                  <div class="input-group-text">
                    <input id="ars_t" name="ars_t" type="checkbox" onchange="" value="1"  onClick='mostrar_t();' aria-label="Checkbox for following text input">
                  </div>
                </div>
  
                  <div style="width: 55px;" class="input-group-prepend"  >
                    <span  style="width: 55px;" class="input-group-text" id="inputGroup-sizing-default">Tutor/a</span>
                  </div>
                  <input id="nombre_t" name="nombre_t" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">
                          
                  <div id="titulo_dni_t" name="titulo_dni_t" class="input-group-prepend" style="visibility:hidden;">
                    <span class="input-group-text" id="inputGroup-sizing-default">DNI</span>
                  </div>
                  <input id="dni_t" name="dni_t" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">

                  <div id="titulo_tel_t" name="titulo_tel_t" class="input-group-prepend" style="visibility:hidden;">
                    <span class="input-group-text" id="inputGroup-sizing-default">Tel. Personal</span>
                  </div>
                  <input id="tel_t" name="tel_t" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">

                  <div id="titulo_legajo_t" name="titulo_legajo_t" class="input-group-prepend" style="visibility:hidden;">
                    <span  class="input-group-text" id="inputGroup-sizing-default">Legajo</span >
                  </div>
                  <input id="legajo_t" name="legajo_t" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">

                  <div id="titulo_cc_t" name="titulo_cc_t" class="input-group-prepend" style="visibility:hidden;">
                    <span class="input-group-text" id="inputGroup-sizing-default">C.C.</span>
                  </div>
                  <input id="cc_t" name="cc_t" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">
                  <div id="titulo_interno_t" name="titulo_interno_t" class="input-group-prepend" style="visibility:hidden;">
                    <span class="input-group-text" id="inputGroup-sizing-default">Tel.Int.</span>
                  </div>
                  <input id="interno_t" name="interno_t" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" style="visibility:hidden;">

                </div>
                <!--fin hermano-->                   

                      <div class="clearfix" align="center">
                              <div class="col-md-5 float-left" >
                                 <a class="btn btn-outline-info btn-block" href="{{ route('dato_ingresado') }}" >
                                  Ir al Listado de Consulta
                                </a>    

                              </div>
                              <div class="col-md-5 float-right">
                                  <button type="submit" class="btn btn-outline-success btn-block">
                                  Ingresar Solicitud de Pre Inscripción
                                  </button>   

                              </div>                              
                      </div>

                    
                    </form>
                </div>
            </div>
        </div>
    </div>  
</div>

@endsection