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


<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
 <div class="box">
            <div class="panel-heading"><center><h4><strong>Cierre Proceso Admitidos</strong></h4></center></div> 
       
  <br>
  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  
  {{ Form::open(['route' => 'list', 'method' => 'GET', 'class' => 'form-inline pull-right']) }}

  <div class="form-group">
   {{ Form::select('Institutos_id', $sedeofertas, null, ['class'=>'form-control', 'id' => 'sedee', 'placeholder' => 'Institutos/Extensión']) }} 
   </div> &nbsp;&nbsp;
              
                   <div class="form-group">  
   
          
            {{ Form::select('ModoIngreso_Id', array(), null, ['class'=>'form-control', 'id' => 'modoingre','placeholder' => 'Modo ingreso']) }}
           
            </div>

            &nbsp;&nbsp;&nbsp;<br><br>
                   <div class="form-group">  
   
          
            {{ Form::select('Especialidad_id', array(), null, ['class'=>'form-control', 'id'=>'curso1','placeholder' => 'Especialidad']) }}
           
            </div>

         
                  
  
          <button type="submit" id="submit" class="btn btn-default">
            <span class="fa fa-search">&nbsp;</span>
          </button>
                                       
  </div>
                        
{{ Form::close() }}

                <div class="panel-body">

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

 $(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: '/Especialidad/'+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();
   }

})

 
});


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



</script>
@endsection