@extends ('layouts.diseño')
@section ('contenido')
<div class="box">
            <div class="box-header">
            <center>  <h3 class="box-title">Aspirantes por Especialidad</h3></center>
            </div>
            
            {{ Form::open(['route' => 'tipoCupo.export', 'method' => 'GET', 'class' => 'form-inline pull-left']) }}
            <br><br>
              <div class="form-group">

 {{ Form::select('Institutos_id[]',  $sedeofertas,null, ['id' => 'nucle', 'class' => 'form-control select2','id' =>'valor', 'multiple' => 'multiple']) }}
       </div>         
      <!--   <div class="form-group">
 {{ Form::select('NombEspecialidad', array(), null, ['class'=>'form-control', 'placeholder' => '.:Especialidades:.']) }} 
       </div>  
       {{ Form::select('Institutos_id', $sedeofertas, null, ['class'=>'form-control', 'id' =>'valor', 'placeholder' => '.:Institutos:.']) }}  -->  
       
       <div class="form-group">
                         
                {{ Form::select('Periodo_id', $lapso, null, ['class'=>'form-control', 'id' => 'lapso', 'placeholder' => 'Lapso:']) }} 
                   </div> 
                   
            
                                <button type="submit" id="submit" class="btn btn-default">
                                    <span class="fa fa-search"></span>
                                </button>
                           
                            </div>
            
                        {{ Form::close() }}
            <!-- /.box-header -->
            @if($tipoCupo->count())
            <div class="box-body">
            <form name="formulario" class="form-groub" method="get" action="{{ route('tipoCupo.export') }}" target="_blank">
            <br><br><br>
            
            <td colspan="2"> 
     <input type="checkbox" id="chec" onclick="marcar(this); btTutorial.disabled = !this.checked"/> Marcar/Desmarcar Todos
     </label>
     @can('tipoCupo.export') 
<button  class="btn btn-success btn-sm Active info button pull-right" onclick="return confirm('¿Seguro desea continuar?')" name="btTutorial" disabled>Generar Excel</button>
</td>
@endcan  
            
            <table  boder="1" class="table table-bordered table-hover">
            <label>
         
                <thead>
                <tr>
                <th>Seleccione</th>
                
                <th>Institutos </th>
                <th>Especialidad</th>
                <th>Modo Ingreso</th>
                </tr>
                </thead>
                <tbody> 
          
    @foreach($tipoCupo as $user)
        <tr>
        <td> <input type="checkbox" value="{{$user->Institutos_id}}" name="preinscritosESP[]" onclick="btTutorial.disabled = !this.checked"></td>
         <td>{{ $user->NombInstituto}} </td>
         <td>{{ $user->NombEspecialidad}} </td>
         <td>{{ $user->ModoIngreso}} </td>
         <!-- <td>{{ $user->email}}</td>-->
       
        </tr>
    @endforeach
  
                </tbody>
              </table>
             

@else
<br><br><br><br>
  <center> <p> </p> </center>
@endif 
            </div>
            <!-- /.box-body -->
          </div>


@endsection



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

  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() {  
    $(".user").prop("checked", this.checked);  
});



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

               $(document).ready(function() {
    $('.select2').select2();
    });

  </script>


@endsection