@extends ('layouts.diseño')
@section ('contenido')


<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
            <div class="box">
            <div class="panel-heading"><center><h4><strong>DESACTIVARr PROGRAMA</strong></h4></center></div> 
        

  <br>
  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  
  {{ Form::open(['route' => 'deactivate', 'method' => 'GET', 'class' => 'form-inline pull-right']) }}
                          
   <div class="form-group">
 {{ Form::select('Institutos_id', $sedeofertas, null, ['class'=>'form-control', 'id'=>'sede', 'placeholder' => '.:Instituto/ Extensión:.']) }} 
       </div>  &nbsp;&nbsp;&nbsp;

       
                <div class="form-group">
 {{ Form::select('Programas_id', array(), null, ['class'=>'form-control','id'=>'Programa', 'placeholder' => '.:Programa:.']) }} 
       </div>
                           <div class="form-group">
 {{ Form::select('Especialidad_id', array(), null, ['class'=>'form-control', 'id'=>'Mension','placeholder' => '.:Mención:.']) }} 
       </div>     


   &nbsp;&nbsp;&nbsp;
                 
                                <button type="submit" id="submit" class="btn btn-default">
                                    <span class="fa fa-search"></span>
                                </button>
                           
                            </div>
            
                        {{ Form::close() }}
<br><br><br><br>
                        @if($desactiva->count())

                        <div class="panel-body">

                      
            
               
<form name="formulario" class="form-groub" method="POST" action="{{ route('inavilitar') }}">
{{Form::token()}} 
<table class="table">


      <tr>
      <th>Seleccionar</th>
      <th>Instituto/ Extensión</th>
      <th> Modalidad Ingreso</th>
        <th> Programa</th>
      <th> Mención</th>
      <th>Cupos Ofertas</th>
      <th>Acción</th>       
 </tr>

      
                     @foreach($desactiva as $oferta)
                    
                      <tr>
                      </td>
                 <td> <input id="activaboot" type="checkbox" value="{{$oferta->id}}"  name="aspirante" onclick="console_event.disabled = !this.checked" ></td> 
  
                      <td>{{$oferta->NombInstituto}} </td>
                      <td>{{$oferta->ModoIngreso}} </td>
                      <td>{{$oferta->NombProgramas}} </td>
                      <td>{{$oferta->NombEspecialidad}} </td>
                      <td> 
                  <div class="description-block border-right">
                    <span class="description-header">{{$oferta->Cuposupel}} / @foreach($datos as $totaaal) {{$totaaal->total}} @endforeach<i class="ion ion-android-arrow-up text-success"></i> </span>
                    
                  </div>
                  </td>
                
                      @if ($oferta->VigenteAct === 'Inactivo')
                      <td>
                      <input id="toggle_event" type="checkbox" checked name="console_event" disabled data-toggle="toggle" data-on="Inactivo" data-off="Activo" data-onstyle="danger" data-offstyle="success" data-size="small">   
                      </td>
                      @else
                      <td>
                      <style>
                      .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px; }
                      .toggle.ios .toggle-handle { border-radius: 20px; }
                    </style>
                      <input id="toggle_event" type="checkbox" data-style="ios" name="console_event" disabled data-toggle="toggle" data-on="Inactivo" data-off="Activo" data-onstyle="danger" data-offstyle="success" data-size="small" >
                      </td>
                      @endif
                      
                
                    </tr>
                 

             
                      @endforeach
                     

                  </table>
                 
                  <div class="col-md-12">     
                 <div class="col-md-12 col-md-offset-5">
            <tr>
            <th>        
             <button id="submibot" class="btn btn-success" type="submit" value="boton" >Guardar</button>
           
           
           
            </div>
          </div>

       </form>
    

     @else
   
@endif
              
                    
</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 institutoId = $(this).val();
      //  var institutoId = document.getElementById("sede").value;
    // var ingresoId = document.getElementById("modoingris").value;
//console.log(modoingreId,institutoId);
       if(institutoId) {
           $.ajax({
               url: '/programasEspecialidad/'+institutoId,
               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 programasId = $(this).val();
         var institutoId = document.getElementById("sede").value;
       // var modoingreId = document.getElementById("modoingre").value;
       console.log(programasId,institutoId);
       if(programasId) {
           $.ajax({
               url: '/mension/'+programasId+'/'+institutoId,
               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();
       }

   })




 });







 $(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);
          }
      });
  }
  
$(document).ready(function(){
                 
                 $("#submibot").attr('disabled','disabled');
                 $("#activaboot").change(function(){
                     if($(this).val() !='')
                     {
                         $("#submibot").removeAttr('disabled');
                     }
                 });
 
 
               });

    </script>
@endsection