@extends('layouts.app')

@section('content')
<!-- <div class="container"> -->



    <div class="row">
    <div class="col-sm-1"></div>
      <div class="col-sm-1">Buscar: </div>
      <div class="col-sm-2">
        <form action="/buscar_deudores" method="post">
          @csrf
         <input type="text" class="form-control" id="buscar" name="buscar" aria-describedby="buscar">
          
      </div>
      <div class="col-sm-1"><button type="submit" class="btn btn-primary">Buscar</button> </div>
      <div class="col-sm-4"></div>
      </form>
      <div class="col-sm-1"><button Onclick="Eliminar();" class="btn btn-secondary">Eliminar</button> </div>
      <div class="col-sm-2">
        <!-- <button type="submit" id="enviar" name="enviar" class="btn btn-primary">Enviar Correos</button> -->
        <a href="{{ url('/home') }}" class="btn btn-primary">Regresar</a>
         <!-- <a href="#" id="enviar" onclick="enviar();" class="btn btn-primary" >Enviar Correos</a> -->
      </div>
      <div class="col-sm-1"></div>
    </div>

<br>
<form name="form1" id="form1">

  <table class="table">
  <thead>
    <tr>

      <th scope="col">Clave</th>
      <th scope="col">Alumno</th>
      <th scope="col">Telefono</th>
      <th scope="col">Cuenta</th>
      <th scope="col"> <input type="checkbox" onClick="toggle(this)"  id="all" name="all"> </th>
    </tr>
  </thead>
  <tbody>
    @foreach ($consulta as $item)
    <tr>
    
    
    <td>{{$item->CVE_CLIE}}</td>
    
    <td>{{$item->CAMPLIB9}}</td>
    <td>{{$item->TELEFONO}}</td>    
    <td>{{$item->cuenta}}</td>
      <td>
            <div class="row">
                        <div class="col-sm-6">
                            <center> <input type="checkbox" class="form-check-input" name="foo" id="Check_{{$item->cuenta}}" value="{{$item->cuenta}}"></center>
                        </div>
                        <div class="col-sm-6">

                            <div class="spinner-border text-primary" role="status" id="{{$item->cuenta}}" style="display:none;">
                            <span class="sr-only">Loading...</span>
                            </div>
                            <div id="{{$item->cuenta}}_mensaje"></div>
                        </div>
                    </div>
      </td>
    </tr>
   @endforeach


  </tbody>
</table>

</form>

<!-- </div> -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

<script language="JavaScript">


//*************************************************************************************************************************

function Eliminar(){
    var cc=confirm("¿Quiere Eliminara de la tabla?");
    if(cc){
        recorre_check();
        setTimeout(function() {
           window.location.href = "/deudores";
            }, 2900);
        
    }
    
}

function recorre_check() {
  var selected = [];
  $(":checkbox[name=foo]").each(function() {
    if (this.checked) {
        console.log($(this).val());
         eliminar_datatable($(this).val());          
               
    }
  });
}

async function eliminar_datatable(value){
    try {
       let res = await axios({
            url: '/eliminar_deudores?cuenta='+value,
            method: 'get',
            timeout: 8000,
            headers: {
                'Content-Type': 'application/json',
            }
        })
        if(res.status == 200){
            // test for status you want, etc
            console.log(res.data)
        }    
        // Don't forget to return something  
      
    }
    catch (err) {
        console.error(err);
    }
}
</script>

@endsection