@extends ('layouts.admin')
@section ('contenido')


  <div class="row">
        <div class="col-md-12">
          <div class="box">
            <div class="box-header">

                       <center><h4>Datos Básicos</h4></center>

              <div class="box-tools">
                <div class="input-group input-group-sm" style="width: 200px;">
                   
                  
                </div>
              </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body  no-padding">
                        @if (count($Datos) && (count($deposito) ))
               
  <div class="row">
        <div class="col-md-12 ">
          <div class="box">
            <div class="box-header">

                       <center><h4>Depósitos</h4></center>

              <div class="box-tools">
                <div class="input-group input-group-sm" style="width: 200px;">
                   
                  
                </div>
              </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body table-responsive no-padding">
                <table class="table table-condensed">
                <tr>
                  <th style="width: 10px">#</th>
                  <th>Banco</th>
                  <th>Número de Depósito</th>
                  <th>Fecha de Depósito</th>
                </tr>
                <tr>
                  <td>1.</td>
                  <td>{!!$depositodatos->NombBanco!!}</td>
                  
                  <td>{!!$depositodatos->NumDeposito!!}</td>
                   
                 <td>{!!$depositodatos->FechaDeposito!!}</td>
                  <td width="20px"> <a href="{{ route('Datosbasicos.edit', $depositodatos->id)}}" class="btn btn-block btn-info  fa fa-pencil-square-o">EDITAR</a></td>
                </tr>
               
              </table>  

            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
     
      </div>
</div>
        <div class="row">
        <div class="col-md-12 ">
          <div class="box">
            <div class="box-header">

                       <center><h4>Institutos</h4></center>

              <div class="box-tools">
                <div class="input-group input-group-sm" style="width: 200px;">
                   
                  
                </div>
              </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body table-responsive no-padding">
                <table class="table table-condensed">
                <tr>
                  <th style="width: 10px">#</th>
                  <th>Modalidad de Ingreso</th>
                  <th>Instituto/Extensión:</th>
                  <th>Programa:</th>
                  <th>Especialidad:</th>
                </tr>
                <tr>
                   <td>1.</td> 
                  <td>{!!$DatosBasicos->ModoIngreso!!}</td>
                  <td>{!!$DatosBasicos->NombInstituto!!}</td>
                  <td>{!!$DatosBasicos->NombProgramas!!}</td>
                  <td>{!!$DatosBasicos->NombEspecialidad!!}</td>
                  <td width="20px"> <a href="{{ route('editDatBasicos', $DatosBasicos->id)}}" class="btn btn-block btn-info  fa fa-pencil-square-o">EDITAR</a></td>
                </tr>
               
              </table>  
          </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
     
      </div>
</div>


            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
     
      </div>
@else
  
  @include('Aspidatos.GestorForm.modoingresoregist')

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

/* $(document).ready(function() {
    //JMT:acción que permite elegir la especialidad dependiendo de la sede seleccionada

      $('select[name="ModoIngreso_Id"]').on('change', function(){
       var modoing = $(this).val();
       console.log(modoing);
       if(modoing) {
           $.ajax({
               url: '/NuevoIngreso/'+modoing,
               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();
       }

   })

   $('select[name="Programas_id"]').on('change', function(){
       var sedeId = $(this).val();
       console.log(sedeId);
       if(sedeId) {
           $.ajax({
               url: '/Especialidades/'+sedeId,
               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();
       }

   })





    /*
   $("#programa").change(function(){
            var categoria = $(this).val();
            $.get('Especialidades/'+categoria, function(data){
      //esta el la peticion get, la cual se divide en tres partes. ruta,variables y funcion
              console.log(data);
                var producto_select = '<option value="">Seleccione</option>'
              //  console.log(data.length)
                  for (var i=0; i<data.length;i++)
                //  console.info(data[i], data[i].id, data[i].NombEspecialidad)
                    producto_select+='<option value="'+data[i].id+'">'+data[i].NombEspecialidad+'</option>';

                  $("#subprograma").html(producto_select);

            });
          });*/


 });*/

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

</script>
@endsection

@endif


@endsection