@extends ('layouts.admin')
@section ('contenido')
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

{{ Form::open(['route' => 'editDatBasicos',  'method' => 'GET', 'class' => 'form-inline ']) }}



{!!Form::label('Modalidad de Ingreso:')!!}

<div class="form-group">

   {{ Form::select('ModoIngreso_Id', $modoing, null, ['class'=>'form-control','id'=>'modoingre', 'placeholder' => 'Seleccione:']) }}
</div> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<div class="form-group">
{!!Form::label('Instituto/Extensión:')!!}
{{ Form::select('Institutos_id', array(), null, ['class'=>'form-control','id' =>'valor', 'placeholder' => 'Seleccione:.']) }}  
</div>  

<div class="form-group">
{!!Form::label('Programa:')!!}
{{ Form::select('Programas_id', array(), null, ['class'=>'form-control','id' =>'valor', 'placeholder' => 'Seleccione:.']) }}  
</div> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
       <button type="submit" class="btn btn-default" id="submit" value="send">
     <span class="fa fa-search">&nbsp;BUSCAR</span>
 </button>
        
         </div>         
                         
 {{ Form::close() }}


  
  

                <div class="panel-body">


                @endsection


                @section ('scripts')
  <script type ="text/javascript">
  $(function () { 
  
    $('#modoingre').on('change', function(){
       var sedeId = $(this).val();
      // console.log(sedeId);
       if(sedeId) {
           $.ajax({
               url: '/NuevoIngreso/'+sedeId,
               type:"GET",
               dataType:"json",
               beforeSend: function(){
                   $('#loader').css("visibility", "visible");
               },
               
               success:function(data) {

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

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

   })

   $('select[name="Institutos_id"]').on('change', function(){
       var sedeId = $(this).val();
     
       if(sedeId) {
           $.ajax({
               url: '/programas/'+sedeId,
               type:"GET",
               dataType:"json",
               beforeSend: function(){
                   $('#loader').css("visibility", "visible");
               },
               
               success:function(data) {

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

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

   })

  });

  





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

              

              /* $(document).ready(function(){

            $('#valor').mask('0.00');
            });*/

    
  



   /* $(document).ready(function(){

      $("#mostrar").hide();
      $("#depositoOcultar").hide();
		$("#modoingre").on( "click", function() {
			$('#mostrar').show(); //muestro mediante id
      $('#depositoOcultar').show();
     // $('#bloque_info').hide(); 
		//	$('.target').show(); //muestro mediante clase
		 });
		$("#ocultar").on( "click", function() {
			$('#tipo_modal_ingreso').hide(); //oculto mediante id
		//	$('.target').hide(); //muestro mediante clase
		});
	});*/

</script>
@endsection