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


<div class="box-header">
            <center>  <h3 class="box-title">Listado de Aspirantes Inscritos por Internet</h3></center>
            </div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  
  



                        <div class="main_bg1">
<div class="wrap">  




  <div class="main1">



                   
  </div>

</div>
</div>
@if($InscritosINterne->count())
  
                        <br><br>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
           <div class="panel panel-info">
 <div class="panel-body">
 <form name="formulario" class="form-groub" method="get" action="{{ route('InscritosInternet.export') }}" target="_blank">
 <td colspan="2"> 
     <label>
     <input type="checkbox" id="chec" onclick="marcar(this); btTutorial.disabled = !this.checked"/> Marcar/Desmarcar Todos
     </label>
      </td>
      <td >
<button  class="btn btn-success btn-sm Active info button pull-right" onclick="return confirm('Seguro de que desea generarl en excel??')" name="btTutorial" disabled>Generar Excel</button>
</td>

<table id="tabla1" class="table table-hover" border="0">
    
    <thead>
    <tr>
    <th>Seleccione</th>
    
       
     
        <th  >Institutos </th>
       
       
        <!--<th>Fecha nacimiento</th>
        <th>Estado Civil</th>-->

   
    </tr>
    </thead>
      
         
    <tbody>
           
   </tr>      
          
    @foreach($InscritosINterne as $user)
        <tr>
        <td> <input type="checkbox" value="{{$user->id}}" name="usuarios[]" onclick="btTutorial.disabled = !this.checked"></td>

       
        <td >{{ $user->NombInstituto}}</td>
        
         
  
       
        </tr>
    @endforeach
    @else
   <p> No hay datos cargados </p>
@endif
    </tbody>
</table>
</form>
</div>
</div>
</div>



@endsection

@section ('scripts')
 <script type="text/javascript">
 $(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);
          }
      });
  }

  
  /*var listincompleto = function()
  {
      $.ajax({
          type:'get',
          url:'{{ url('Datos')}}',
         
          success: function(data){
            console.log(data);
              $('#list-incomplet').empty().html(data);
          }
      });
  }*/



  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);  
});



  </script>





@endsection