@extends ('layouts.admin')
@section ('contenido')
	<center><h3 class="box-title" bgcolor="SteelBlue">Modificar Datos Básicos</h3></center>
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="box box-primary"><br>	
	
	@include('Aspidatos.GestorForm.error')
  {!!Form::model($Datos,['route'=>['datosBasicos',$Datos->id],'method'=>'PUT'])!!}

	@include('Aspidatos.GestorForm.editDatBasicos')

	{!!Form::close()!!}
</div>
@endsection

	@section ('scripts')
  <script type ="text/javascript">
  $(function () { 
      $('#modoingre').change(function(){
        var valor = $(this).val();
      $("#cuposdirigidos").empty();
      axios.get('{{ route("get-cursos")}}',{
        params: {
        valor : valor
        
      }
    }).then(response =>{
        $('#cuposdirigidos').append('<option value="'+ "0" +'">' + "--Seleccione--" + '</option>');
        response.data.forEach(cupos => {
        $('#cuposdirigidos').append('<option value="'+cupos.id+'">'+cupos.Cupos+'</option>');
        
      });
      
      }); 
    });


 

    $('#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) {

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

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

   })


   $('select[name="Institutos_id"]').on('change', function(){
       var intituto = $(this).val();
      var select = document.getElementById("modoingre").value;
      // console.log(intituto,select);
      // console.log(sedeId, valor);
       if(intituto) {
           $.ajax({
               url: '/Especialidadescurso1/'+intituto+'/'+select,
               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();
       }

   })


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

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

   })


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

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

   })



  });
</script>
@endsection