@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>Activar y Desactivar Especialidad</strong></h4></center></div> 
        

  <br>
  
<a style="margin: 8px" href="{{ route('deactivate') }}" class="btn btn-danger btn-sm Active info button pull-right">Regresar</a>
                        @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> Especialidad</th>
      <th>Cupos Ofertas-OPSU / Ingreso</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->NombEspecialidad}} </td>
                      <td> 
                  <div class="description-block border-right">
                    <span class="description-header">{{$oferta->sumaCupos}} / @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>
       
       </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
  
    
   $('#sedee').on('change', function(){
   
   var sedeId = $(this).val();
  // console.log(sedeId);
   if(sedeId) {
       $.ajax({

          url: '/modoingreso/'+sedeId,
           type:"GET",
           dataType:"json",
           beforeSend: function(){
               $('#loader').css("visibility", "visible");
           },
          
           success:function(data) {

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

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


$('#modoingre').on('change', function(){
   
   var espeid = $(this).val();
   var select = document.getElementById("modoingre").value;
   var IDSEDE = document.getElementById("sedee").value;
  //console.log(select);
  //console.log(IDSEDE);
   if(espeid) {
       $.ajax({

          url: '/instituts/'+IDSEDE+'/'+select,
           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();
   }

})

 
});


  $(function() {
    $('input[name=console_event]').change(function() {
      var importe= $(this).prop('checked')
      //console.log(importe)
      $("#toggle_event").val(importe);
     
    })
  })



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



function marcar(source) 
	{
		checkboxes=document.getElementsByTagName('input'); //obtenemos todos los controles del tipo Input
		for(i=0;i<checkboxes.length;i++) //recoremos todos los controles
		{
			if(checkboxes[i].type == "checkbox") //solo si es un checkbox entramos
			{
				checkboxes[i].checked=source.checked; //si es un checkbox le damos el valor del checkbox que lo llamó (Marcar/Desmarcar Todos)
			}
		}

  
   
	}
    $("#chec").on("click", function() {  
    $(".oferta").prop("checked", this.checked);  
    });
 
 
 

 
 


</script>
@endsection