@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="/home" 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-2"></div>
      </form>
      <div class="col-sm-1"><form action="/direcciones"><button type="" class="btn btn-secondary">Reportes</button></form> </div>
      <div class="col-sm-1"><form action="/deudores"><button type="" class="btn btn-secondary">Deudores</button></form> </div>
      <div class="col-sm-2">
        <!-- <button type="submit" id="enviar" name="enviar" class="btn btn-primary">Enviar Correos</button> -->
         <a href="#" id="enviar" onclick="enviar();" class="btn btn-primary" >Enviar Correos</a>
      </div>
      
    </div>

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

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

      <th scope="col">Remisión</th>
      <th scope="col">Pedido</th>
      <th scope="col">Monto</th>
      <th scope="col">Cuenta</th>
      <th scope="col">Clave</th>
      <th scope="col">Nombre</th>
      <th scope="col">MAIL</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->remision}}</td>
      <td>{{$item->pedido}}</td>
      <td>$ {{number_format($item->total, 2, '.', ',') }}
        <input type="hidden" id="rem_{{$item->remision}}" value="{{$item->total}}">
       </td>
      <td>{{$item->CAMPLIB3}}
        <input type="hidden" id="cuenta_{{$item->remision}}" value="{{$item->CAMPLIB3}}">
      </td>
      <td>{{$item->CLAVE}}</td>
      <td>{{$item->NOMBRE}}<input type="hidden" id="nombre_{{$item->remision}}" value="{{$item->NOMBRE}}"></td>
      <td>{{$item->MAIL}}</td>

      <td>
            <div class="row">
                <div class="col-sm-6">
                      <center> <input type="checkbox" class="form-check-input" name="foo" id="Check_{{$item->remision}}" value="{{$item->remision}}"></center>
                  </div>
                  <div class="col-sm-6">

                    <div class="spinner-border text-primary" role="status" id="{{$item->remision}}" style="display:none;">
                      <span class="sr-only">Loading...</span>
                    </div>
                    <div id="{{$item->remision}}_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">
//*************************************************************************************************************************

//selecciona todos los checkbox
function toggle(source) {
  checkboxes = document.getElementsByName('foo');
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = source.checked;
  }
}
//*************************************************************************************************************************
var timout;
//envia correos
function enviar() {
  var selected = [];
  $(":checkbox[name=foo]").each(function() {
    if (this.checked) {
    


          //animacion
          var loading = document.getElementById($(this).val());
          var cuenta = document.getElementById("cuenta_"+$(this).val());
          console.log(cuenta.value);
          loading.style.display = 'block';
              //crea pdf
              (async () => {
              let valorpdf = await asyncFunc_opc1($(this).val(),cuenta.value);
              console.log(valorpdf);
                if(valorpdf="ok"){
                    selected.push($(this).val());
                    
                        //envio correo
                      await asyncFunc($(this).val());
                }
            })();


    //           (async () => {
    //           let valorpdf = await asyncpdf($(this).val(),cuenta);
                               
    //                             if (valorpdf=="200"){
                
    //                                 // agregas cada elemento.
    //                                 selected.push($(this).val());
                                
    //                                 //envio correo
    //                                 await asyncFunc($(this).val());
                                 
    //                             }
    //                             else{
                                    
    //                                 var mensaje = document.getElementById($(this).val()+'_mensaje');
    //                                 mensaje.innerHTML = "Error al generar el PDF";
    //                             }
   
                           
    // })();
 

    }
  });
  
//window.location.href = "{{url('/home')}}";
}


//*************************************************************************************************************************
//crea  el pdf
async function asyncpdf(value,cuenta) {

        //var valor= await axios('/pdfremision/'+value);      
    try {
       let res = await axios({
            url: '/pdfremision/'+value+"/"+ cuenta ,
            method: 'get',
          //  timeout: 80000,
            headers: {
                'Content-Type': 'application/json',
            }
        })
        if(res.status == 200){
            // test for status you want, etc
            console.log(res.status)
        }    
        // Don't forget to return something   
        return res.status
    }
    catch (err) {
        console.error(err);
    }

}



//*************************************************************************************************************************
async function getliga(value) {
        var monto   = document.getElementById('rem_'+value);
        var cuenta  = document.getElementById('cuenta_'+value);
        //solicita link de url_de_pago
        var url ="https://materialescolar.sistoolsadm.mx/generarurlfp.php?f="+ cuenta.value +"&imp="+ monto.value;

        let resp = await axios.get(url);
        var res = resp.data.url;
        //console.log(res);
        return res;
}

//*************************************************************************************************************************
async function asyncFunc(value) {

    let resp = await getliga(value);
    console.log(resp);
  var monto   = document.getElementById('rem_'+value);
  var loading = document.getElementById(value);
  var mensaje = document.getElementById(value+'_mensaje');
  var cuenta_a= document.getElementById('cuenta_'+value);
  var nombre= document.getElementById('nombre_'+value);
  //console.log(cuenta_a.value);
 await axios.get('/enviarcorreo', {
           responseType: 'json',
           params: {
                     foo: value,
                     url: resp,
                     cuenta:cuenta_a.value,
                     nombre:nombre.value,
                     monto:monto.value,
                   }
         })
           .then(function(res) {
             if(res.status==200) {
                 if (res.data.status=="ok"){
                    mensaje.innerHTML = "Enviado";
                    CHECK = document.getElementById('Check_'+value);	
                    padre = CHECK.parentNode;
                    padre.removeChild(CHECK);
                    console.log(res.data);
               
                    // res.data;
                 }
                 else{
                    mensaje.innerHTML = "Error al Enviar el Correo";
                    console.log(res.data);
               
                 }
                
             }
      
           })
           .catch(function(err) {
             // mensaje.innerText = 'Error de conexión ' + err;
             mensaje.innerHTML = err;
           })
           .then(function() {
              loading.style.display = 'none';
             
           });
         
     }

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



async function asyncFunc_opc1(value,cuenta) {
    try {
    // fetch data from a url endpoint
    const response = await axios.get('/pdfremision/'+ value.trim() +"/"+ cuenta);
    const data = await response;

    return data.data.status
  } catch (error) {
    alert(error); // catches both errors
  }
}

</script>


@endsection