@extends ('layouts.diseño')
@section ('contenido')

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
 <div class="box box-primary">
            <div class="panel-heading"><center><h4><strong>Actualización de Correo y Contraseña del Aspirante </strong></h4></center></div> 

  </div>

  <br>
  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  
  {{ Form::open(['route' => 'aspiante', 'method' => 'GET', 'class' => 'form-inline pull-right']) }}

  <div class="form-group">
                          {!!Form::label('Identificacion','Identificación:')!!}
                          {{ Form::text('Cedula',null, ['class'=>'form-control', 'id' => 'Cedula', 'placeholder' => '']) }} 
                   </div>    
                
                                            <button type="submit" id="submit" class="btn btn-default">
                                                <span class="fa fa-search">&nbsp;</span>
                                            </button>
                                       
                                        </div>
                        
{{ Form::close() }}


@if (!empty($datos)) 


  <form name="formulario" class="form-groub" method="POST" action="{{ route('aspiranteAct') }}">
{{Form::token()}} 
                        <table class="table table-bordered">
                    
                       
<tr>



  <th colspan="2"><input id="activaboot" type="checkbox" value="{{$datos->id}}"  name="aspirante" onclick="console_event.disabled = !this.checked" >&nbsp;&nbsp;Identificación:&nbsp; {{$datos->Cedula}} </th>

@if ($datos->confirmed == 1)
 <th colspan="2">Activación de Correo:&nbsp; Activo</th>
 @elseif ($datos->confirmed == 0)
   <th colspan="2">Activación de Correo:&nbsp; Inactivo </th>
@endif
</tr>

<tr>


  <th colspan="2">Nombres:&nbsp; {{$datos->name}}</th>



  <th colspan="2">Correo:&nbsp;{{$datos->email}} </th>


</tr>

   <!--
<tr>
@if ($datos->datos_personales == 1)
 <th colspan="2">Datos Personales:&nbsp;Completado </th>
  @elseif ($datos->datos_personales == 0)
   <th colspan="2">Datos Personales:&nbsp; Incompleto </th>
@endif
 
 
@if ($datos->datos_basicos == 1)
 <th colspan="2">Datos Basicos:&nbsp;Completado </th>
  @elseif ($datos->datos_basicos == 0)
   <th colspan="2">Datos Basicos:&nbsp; Incompleto </th>
@endif
 




</tr>

<tr>
@if ($datos->datos_academico == 1)
 <th colspan="2">Datos Academico:&nbsp;Completado </th>
  @elseif ($datos->datos_academico == 0)
   <th colspan="2">Datos Academico:&nbsp; Incompleto </th>
@endif
 
 
@if ($datos->datos_Experiencia == 1)
 <th colspan="2">Datos Experiencia:&nbsp;Completado </th>
  @elseif ($datos->datos_Experiencia == 0)
   <th colspan="2">Datos Experiencia:&nbsp; Incompleto </th>
@endif
 



</tr>

<tr>
@if ($datos->datos_socioEconomico == 1)
 <th colspan="2">Datos SocioEconomico:&nbsp;Completado </th>
  @elseif ($datos->datos_socioEconomico == 0)
   <th colspan="2">Datos SocioEconomico:&nbsp; Incompleto </th>
@endif

  
  @if ($datos->datos_vocacional == 1)
 <th colspan="2">Datos Vocacional:&nbsp;Completado </th>
  @elseif ($datos->datos_vocacional == 0)
   <th colspan="2">Datos Vocacional:&nbsp; Incompleto </th>
@endif
 
</tr>
 -->
</table>

<div class="form-group">
   {!!Form::label('Correo:')!!}
 <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
    <input id="email" type="email" class="col-md-4 form-control" name="email" placeholder="Correo Electronico" pattern=".+@gmail.com"
          title="Por favor, solo proporciona una dirección de correo preferiblemente @Gmail" value="{{ old('email') }}" >
  @if ($errors->has('email'))
               <span class="help-block">
             <strong>{{ $errors->first('email') }}</strong>
                </span>
           @endif
                            </div>
 </div> &nbsp;&nbsp;&nbsp;


 <div class="form-group">  
   
   {!!Form::label('Contraseña:')!!}
<div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
   <input  id="password" type="password" name="password" class="form-control" placeholder="Contraseña" >
@if ($errors->has('password'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('password') }}</strong>
                                    </span>
                                @endif
                            </div>   
</div>



<div class="form-group">
                      <!-- select -->
                      <div class="form-group">
                        <label>Confirmar Correo</label>
                         {{ Form::select('confirmacion', array('1' => 'SI', '0' => 'NO'), null, ['class'=>'form-control','placeholder' => 'Seleccione:', 'id'=>'confirm']) }}
                   
                      </div>

   &nbsp;&nbsp;&nbsp;

                         <!-- select -->
                         @role('admin')
                    <div class="form-group">
                         <p><input type="checkbox" name="msg[]" value="PHP" class="checkbox" />&nbsp;<font color="red">(Accione esta casilla solo si el aspirante proviene de la) </font>OPSU</p> 
                        <select id="opsu" name="OPSU" class="form-control"  disabled="disabled">
           <option>Seleccionar</option>
           <option value="1"> SI</option>
       </select>
                      </div>
  @endrole

    @role('Coordinadores')
                    <div class="form-group">
                         <p><input type="checkbox" name="msg[]" value="PHP" class="checkbox" />&nbsp;<font color="red">(Accione esta casilla solo si el aspirante proviene de la) </font>OPSU</p> 
                        <select id="opsu" name="OPSU" class="form-control"  disabled="disabled">
           <option>Seleccionar</option>
           <option value="1"> SI</option>
       </select>
                      </div>
  @endrole

  

   <div class="col-md-12">     
                 <div class="col-md-12 col-md-offset-5">
            <tr>
            <th>  
            @can('aspiranteAct')       
            <button class="btn btn-success" type="submit" name="console_event" disabled value="boton">Guardar</button>
          @endcan
           
            </div>
          </div>

       </form>


       </div>
    
      
         @else
       <br>
  <br>

@endif 
     


@endsection



@section ('scripts')
<script type="text/javascript">

$(function() {
$(".checkbox").click(function(){
$('#opsu').prop('disabled',$('input.checkbox:checked').length == 0);
});
});

$(document).ready(function() {
     //JMT:acción que permite elegir la especialidad dependiendo de la sede seleccionada
  
    
   $('#sedee').on('change', function(){
   
   var sedeId = $(this).val();
  // console.log(sedeId);
   if(sedeId) {
       $.ajax({

          url: '/modoingreso/'+sedeId,
           type:"GET",
           dataType:"json",
           beforeSend: function(){
               $('#loader').css("visibility", "visible");
           },
          
           success:function(data) {

            $('#modoingre').empty();
           
         
              // console.log(data)
                          
               $('#modoingre').append('<option value="'+ "0" +'">' + "--Seleccione--" + '</option>');
              
               $.each(data, function(key, value){
                $('#modoingre').append('<option value="'+ key +'">' + value + '</option>');

            });
           },
           complete: function(){
               $('#loader').css("visibility", "hidden");
           }
       });
      
   } else {
       $('#modoingre').empty();
   }
  
})


$('#modoingre').on('change', function(){
   
   var espeid = $(this).val();
   var select = document.getElementById("modoingre").value;
   var IDSEDE = document.getElementById("sedee").value;
  //console.log(select);
  //console.log(IDSEDE);
   if(espeid) {
       $.ajax({

          url: '/instituts/'+IDSEDE+'/'+select,
           type:"GET",
           dataType:"json",
           beforeSend: function(){
               $('#loader').css("visibility", "visible");
           },
          
           success:function(data) {

            $('select[name="Especialidad_id"]').empty();
           
         
             //  console.log(data)
                          
               $('select[name="Especialidad_id"]').append('<option value="'+ "0" +'">' + "--Seleccione--" + '</option>');
              
               $.each(data, function(key, value){
                $('select[name="Especialidad_id"]').append('<option value="'+ key +'">' + value + '</option>');

            });
           },
           complete: function(){
               $('#loader').css("visibility", "hidden");
           }
       });
      
   } else {
       $('select[name="Especialidad_id"]').empty();
   }

})

$('#modoingre').on('change', function(){
   
   var espeid = $(this).val();
   var select = document.getElementById("modoingre").value;
   var IDSEDE = document.getElementById("sedee").value;
  //console.log(select);
  //console.log(IDSEDE);
   if(espeid) {
       $.ajax({

          url: '/instituts/'+IDSEDE+'/'+select,
           type:"GET",
           dataType:"json",
           beforeSend: function(){
               $('#loader').css("visibility", "visible");
           },
          
           success:function(data) {

            $('select[name="Especialidad_a_cursar2_id"]').empty();
           
         
             //  console.log(data)
                          
               $('select[name="Especialidad_a_cursar2_id"]').append('<option value="'+ "0" +'">' + "--Seleccione--" + '</option>');
              
               $.each(data, function(key, value){
                $('select[name="Especialidad_a_cursar2_id"]').append('<option value="'+ key +'">' + value + '</option>');

            });
           },
           complete: function(){
               $('#loader').css("visibility", "hidden");
           }
       });
      
   } else {
       $('select[name="Especialidad_a_cursar2_id"]').empty();
   }

})



$('#modoingre').on('change', function(){
   
   var espeid = $(this).val();
   var select = document.getElementById("modoingre").value;
   var IDSEDE = document.getElementById("sedee").value;
  //console.log(select);
  //console.log(IDSEDE);
   if(espeid) {
       $.ajax({

          url: '/instituts/'+IDSEDE+'/'+select,
           type:"GET",
           dataType:"json",
           beforeSend: function(){
               $('#loader').css("visibility", "visible");
           },
          
           success:function(data) {

            $('select[name="Especialidad_a_cursar3_id"]').empty();
           
         
             //  console.log(data)
                          
               $('select[name="Especialidad_a_cursar3_id"]').append('<option value="'+ "0" +'">' + "--Seleccione--" + '</option>');
              
               $.each(data, function(key, value){
                $('select[name="Especialidad_a_cursar3_id"]').append('<option value="'+ key +'">' + value + '</option>');

            });
           },
           complete: function(){
               $('#loader').css("visibility", "hidden");
           }
       });
      
   } else {
       $('select[name="Especialidad_a_cursar3_id"]').empty();
   }

})

 
});




function marcar(source) 
	{
		checkboxes=document.getElementsByTagName('input'); //obtenemos todos los controles del tipo Input
		for(i=0;i<checkboxes.length;i++) //recoremos todos los controles
		{
			if(checkboxes[i].type == "checkbox") //solo si es un checkbox entramos
			{
				checkboxes[i].checked=source.checked; //si es un checkbox le damos el valor del checkbox que lo llamó (Marcar/Desmarcar Todos)
			}
		}

  
   
	}
    $("#chec").on("click", function() {  
    $(".oferta").prop("checked", this.checked);  
    });

    document.querySelector("button").onclick = function() {       
 document.querySelector("#me_pulso").checked = true;
}

 
  $(document).ready(function(){
                 
                 $("#submit").attr('disabled','disabled');
                 $("#Cedula").change(function(){
                     if($(this).val() !='')
                     {
                         $("#submit").removeAttr('disabled');
                     }
                 });
 
               });
 
 
    $(document).ready(function(){
  $('#cedula').mask('00000000');


});

</script>
@endsection