@extends ('layouts.admin')
@section ('contenido')
<center><h3 class="box-title" bgcolor="SteelBlue">Datos Básicos</h3></center>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

<div class="box box-primary">
    <div class="box-header with-border">


  {!!Form::open(['route'=>'Datosbasicos.store'])!!}

  @include('Aspidatos.GestorForm.formDatBasicos')

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



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

 $(document).ready(function() {
    //JMT:acción que permite elegir la especialidad dependiendo de la sede seleccionada
   $('select[name="Institutos_id"]').on('change', function(){
       var sedeId = $(this).val();
       console.log(sedeId);
       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();
       }

   })

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

                console.log(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();
       }

   })


 });

   $('.datepicker').datepicker({
        format: "dd/mm/yyyy",
        language: "es",
        autoclose: true
    });

   $(document).ready(function(){
  $('#fechadeposito').mask('00/00/0000');

  });

</script>
@endsection