@extends ('layouts.diseño')
@section ('contenido')
<div class="box">
            <div class="box-header">
            <center>  <h3 class="box-title">Aspirantes con Discapacidad</h3></center>
            </div>
            {{ Form::open(['route' => 'AspRegisDisca.export', 'method' => 'GET', 'class' => 'form-inline pull-left']) }}
             <div class="form-group">
 {{ Form::select('Institutos_id', $sedeofertas, null, ['class'=>'form-control', 'placeholder' => '.:Institutos:.']) }} 
       </div>  
            <div class="form-group">
 {{ Form::select('discapacidad_id', $discapacidad, null, ['class'=>'form-control','id'=>'discapacidad', 'placeholder' => '.:Seleccione:.']) }} 
       </div>     
    
            <!--       
       <div class="form-group">
{{ Form::select('Especialidad_id', array(), null, ['class'=>'form-control','id'=>'curso1', 'placeholder' => 'Especialidad:']) }}
       </div>  -->   
                    
            <div class="form-group">
                         
                {{ Form::select('Periodo_id', $lapso, null, ['class'=>'form-control', 'id' => 'lapso', 'placeholder' => 'Lapso:']) }} 
                   </div> 
                                 <button type="submit" id="submit" class="btn btn-default">
                                    <span class="fa fa-search"></span>
                                </button>
                           
                            </div>
            
                        {{ Form::close() }}

            </div>
            <!-- /.box-body -->
          </div>


@endsection


@section ('scripts')
 <script type="text/javascript">
$(function () { 
     
   $('select[name="Institutos_id"]').on('change', function(){
       var intituto = $(this).val();
     // var select = document.getElementById("modoingre").value;
       console.log(intituto);
      // console.log(sedeId, valor);
       if(intituto) {
           $.ajax({
               url: '/instituto/'+intituto,
               type:"GET",
               dataType:"json",
               beforeSend: function(){
                   $('#loader').css("visibility", "visible");
               },
               
                
               success:function(data) {

                $('#curso1').empty();
                
              
                  console.log(data)
                              
                                                      
                   $('#curso1').append('<option value="'+ "0" +'">' + "--Seleccione--" + '</option>');
                   
                   $.each(data, function(key, value){
                    $('#curso1').append('<option value="'+ key +'">' + value + '</option>');
                    
                });
               },
               complete: function(){
                   $('#loader').css("visibility", "hidden");
               }
           });
           
       } else {
           $('#curso1').empty();
       }

   })


  });
 /*$(document).ready(function(){
        listProduct();
        //listincompleto();
    });

   

     $(document).on("click",".pagination li a",function(a) {
        a.preventDefault();
        var url = $(this).attr("href");
       // alert(url);

        $.ajax({
            type:'get',
            url:url,
            success: function(data){
              $('#list-product').empty().html(data);
             // $('#list-incomplet').empty().html(data);
            }
        });

       
    });


   




   /* var listProduct = function()
  {
      $.ajax({
          type:'get',
          url:'{{ url('listall')}}',
         
          success: function(data){
            console.log(data);
              $('#list-product').empty().html(data);
          }
      });
  }

  
  /*var listincompleto = function()
  {
      $.ajax({
          type:'get',
          url:'{{ url('Datos')}}',
         
          success: function(data){
            console.log(data);
              $('#list-incomplet').empty().html(data);
          }
      });
  }*/



  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() {  
    $(".user").prop("checked", this.checked);  
});

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


@endsection