@extends('layouts.app', ['activePage' => 'descargaxmlr', 'menuParent' => 'almacendigital', 'titlePage' => __('Almacen digital')])

@section('content')
<div class="content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-12">
        <div class="card">
          <div class="card-body">
            <div class="row">
              <div class="form-group col-md-2">
                <label>Tipo:</label>
                <select id="tipo_er" onchange="tipo_er()">
                  <option value="1" selected>Emitidas</option>
                  <option value="2">Recibidas</option>
                </select>
              </div>
              <div class="form-group col-md-3">
                <label>Tipo de comprobate:</label>
                <select id="tipo_fac">
                  <option value="I" selected>Ingreso</option>
                  <option value="E">Egreso</option>
                  <option value="P">Pago</option>
                </select>
              </div>
              <div class="form-group  col-md-3" id="content_cliente">
                <label>Cliente: </label>
                <select class="form-control" id="cliente">
                  <option value="0" idc="0" selected>Todos</option>
                  @foreach ($data['clientes'] as $c)
                  <option value="{{$c->Id}}" idc="{{$c->Id}}">({{$c->RFC}}) {{$c->Nombre}}</option>
                  @endforeach
                </select>
              </div>
              <div class="col-md-2 ">
                <div class="input-group input-group-static">
                  <label for="">Desde</label>
                  <input type="text" class="form-control datepicker" id="desde" style="margin-top: 10px;"  placeholder="2000-10-10">
                </div>
              </div>
              <div class="col-md-2 ">
                <div class="input-group input-group-static">
                  <label for="">Hasta</label>
                  <input type="text" class="form-control datepicker" id="hasta" style="margin-top: 10px;" placeholder="2000-10-10">
                </div>
              </div>
            </div>
            <div class="row ">
              <div class="col-md-12 text-right " id="divBtnDescarga">
                <button class="btn btn-primary" onclick="getXMLs();">Descargar</button>
                <button class="btn btn-primary" onclick="loadGrid();">Consultar</button>
              </div>
            </div>
            <div class="row tablesss">
              <div class="col-12 table-responsive">
                <table class="table table-bordered table-hover" id="gridFacturas" width="100%">
                  <thead>
                    <tr>
                      <th class="tipocomprobante text-white text-xxs font-weight-bolder opacity-7">Cliente</th>
                      <th class="text-white text-xxs font-weight-bolder opacity-7">RFC</th>
                      <th class="text-white text-xxs font-weight-bolder opacity-7">Folio</th>
                      <th class="text-white text-xxs font-weight-bolder opacity-7">UUID</th>
                      <th class="text-white text-xxs font-weight-bolder opacity-7">Monto</th>
                      <th class="text-white text-xxs font-weight-bolder opacity-7">Tipo</th>
                      <th class="text-white text-xxs font-weight-bolder opacity-7">Fecha</th>
                      <th class="text-white text-xxs font-weight-bolder opacity-7">Estatus</th>
                      <th class="text-white text-xxs font-weight-bolder opacity-7">Acciones</th>
                    </tr>
                  </thead>
                  <tbody>

                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <!-- end content-->
        </div>
        <!--  end card  -->
      </div>
      <!-- end col-md-12 -->
    </div>
    <!-- end row -->
  </div>
</div>

<div class="modal fade" id="loadingModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-body">
        <h6>Descargando...</h6>
        <label class="text-primary">Este proceso puede tardar unos minutos</label>
      </div>
    </div>
  </div>
</div>
@endsection

@push('js')
<script>
  $(document).ready(function() {
    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
    });
    $('#loadingModal').modal({backdrop: 'static', keyboard: false})

    new Choices($('#cliente')[0]);
    new Choices($('#proveedor')[0]);
    new Choices($('#tipo_er')[0]);
    new Choices($('#tipo_fac')[0]);

    $(".datepicker").flatpickr();

    $('#gridFacturas').DataTable({
      "pagingType": "full_numbers",
      "lengthMenu": [
        [10, 25, 50, -1],
        [10, 25, 50, "All"]
      ],
      responsive: true,
      language: {
        search: "_INPUT_",
        searchPlaceholder: "Search records",
      }
    });
  });

  function tipo_er() {
    if ($('#tipo_er').val() == 1) {
      $('#content_proveedor').hide();
      $('#content_cliente').show();
      $('.tipocomprobante').html('Cliente')
    } else if ($('#tipo_er').val() == 2) {
      $('#content_proveedor').show();
      $('#content_cliente').hide();
      $('.tipocomprobante').html('Proveedor')

    }
  }

  function getXMLs() {
    var cliente = $('#cliente option:selected').val();
    var proveedor = $('#proveedor option:selected').val();
    var tipo_er = $('#tipo_er option:selected').val();
    var tipo_fac = $('#tipo_fac option:selected').val();
    var desde = $('#desde').val();
    var hasta = $('#hasta').val();
    var fechas = desde + ' - ' + hasta;
    if ((desde == '' || hasta == '') || (desde > hasta)) {
      Swal.fire({
        type: 'error',
        title: 'Oops...',
        text: 'Rango de fechas incorrecto o vacio',
        showConfirmButton: false,
        timer: 2000
      })
      return false;
    }
    $('#loadingModal').modal('show')
    $.ajax({
        url: "{{url('operaciones/descargaxml/get_xmls')}}",
        type: 'POST',

        dataType: 'json',
        //async: false,
        data: {
          cliente: cliente,
          rango: fechas,
          proveedor:proveedor,
          tipo_er:tipo_er,
          tipo_fac:tipo_fac
        },
      })
      .done(function(resp) {
        console.log(resp);
        if (resp.estatus == 1) {
          $.ajax({
              url: "{{url('operaciones/descargaxml/verifica_solicitud_xml')}}",
              type: 'POST',
              dataType: 'json',
              //async: false,
              data: {
                idSol: resp.idPeticionXml,
                fecha: fechas,
                cliente: $('#cliente option:selected').attr('idc'),
                proveedor : $('#proveedor option:selected').attr('idp'),
                tipo_er: tipo_er,
              },
            })
            .done(function(res) {
              console.log(res);
              // alert(res.estatus)

              if (res.estatus == 1) {
                //alert('eeee')
                $.ajax({
                    url: "{{url('operaciones/descargaxml/verifica_solicitud_datos')}}",
                    type: 'POST',
                    dataType: 'json',
                    //async: false,
                    data: {
                      idSol: resp.idPeticionDatos,
                      tipo_er: tipo_er,
                      tipo_fac: $('#tipo_fac option:selected').val(),
                    },
                  })
                  .done(function(re) {
                    console.log(re);
                    if (re.estatus == 1) {
                      $('#loadingModal').modal('hide')
                      Swal.fire({
                        type: 'success',
                        title: '¡Bien!',
                        text: 'Se han descargado y validado los archivos correctamente',
                        showConfirmButton: false,
                        timer: 2500
                      });
                      loadGrid();
                      $('#desde').val('');
                      $('#hasta').val('');
                      $('#cliente').val(0);
                      new Choices($('#cliente')[{
                        value: 0,
                        selected: true,
                        disabled: false,
                      }]);
                    } else if(res.estatus == 2){
                      $('#loadingModal').modal('hide')
                      Swal.fire({
                        type: 'warning',
                        title: '¡Advertencia!',
                        text: 'No existen archivos con la información ingresada',
                        showConfirmButton: false,
                        timer: 2500
                      });
                    }else {
                      //$('#cargando').modal('hide')
                      $('#loadingModal').modal('hide')
                      Swal.fire({
                        type: 'error',
                        title: 'Oops...',
                        text: re.msj,
                        showConfirmButton: false,
                        timer: 1500
                      })
                    }
                  })
                  .fail(function() {
                    console.log("error");
                    $('#loadingModal').modal('hide')
                    Swal.fire({
                      type: 'error',
                      title: 'Oops...',
                      text: 'Algo salio mal durante el proceso',
                      showConfirmButton: false,
                      timer:2000
                    })

                  })
                  .always(function() {
                    console.log("complete");
                  });

              } else {
                Swal.fire({
                  type: 'error',
                  title: 'Oops...',
                  text: res.msj,
                  showConfirmButton: false,
                  timer: 2000
                })
                $('#loadingModal').modal('hide')
              }

            })
            .fail(function() {
              console.log("error");
              $('#loadingModal').modal('hide')
              Swal.fire({
                type: 'error',
                title: 'Oops...',
                text: 'Algo salio mal durante el proceso',
                showConfirmButton: false,
                timer: 1500
              })
            })
            .always(function() {
              console.log("complete");
            });

        } else {
          $('#loadingModal').modal('hide')
          Swal.fire({
            type: 'error',
            title: 'Oops...',
            text: ' Error al conectar al SAT, favor de intentar mas tarde.',
            showConfirmButton: false,
            timer: 1500
          })

        }
      })
      .fail(function() {
        console.log("error");
        $('#loadingModal').modal('hide')
        Swal.fire({
          type: 'error',
          title: 'Oops...',
          text: 'Algo salio mal durante el proceso',
          showConfirmButton: false,
          timer: 1500
        })
      })
      .always(function() {
        console.log("complete");
      });

  }

  function loadGrid() {
    var cliente = $('#cliente option:selected').attr('idc');
    var proveedor = $('#proveedor option:selected').attr('idp');
    var tipo_er = $('#tipo_er option:selected').val();
    var tipo_fac = $('#tipo_fac option:selected').val();
    var desde = $('#desde').val();
    var hasta = $('#hasta').val();
    var fechas = desde + ' - ' + hasta;

    //$('#').DataTable();
    $('#gridFacturas').dataTable().fnDestroy();
    $('#gridFacturas').DataTable({
      dom: 'Bfrtip',
      processing: true,
      responsive: true,
      scrollY: '37vh',
      scrollCollapse: true,
      scrollX: true,
      //serverSide: true,
      ajax: {
        url: "{{url('operaciones/descargaxml/get_facturas_grid')}}",
        type: "POST",
        data: {
          cliente: cliente,
          proveedor:proveedor,
          tipo_er:tipo_er,
          tipo_fac:tipo_fac,
          rango: fechas,
        },
      },
      columns: [{
          data: "subject"
        },
        {
          data: "rfcsubject"
        },
        {
          data: "folio"
        },
        {
          data: "uuid"
        },
        {
          data: "monto"
        },
        {
          data: "tipo"
        },
        {
          data: "fecha_emision"
        },
        {
          data: "estatus"
        },
        {
          data: "acciones"
        },
      ],
      order: [
        [0, "desc"]
      ],
      buttons: [{
          extend: 'copyHtml5',
          text: '<i class="fa fa-files-o"></i>',
          titleAttr: 'Copiar'
        },
        {
          extend: 'excelHtml5',
          text: '<i class="fa fa-file-excel-o"></i>',
          titleAttr: 'Excel'
        },
        {
          extend: 'csvHtml5',
          text: '<i class="fa fa-file-text-o"></i>',
          titleAttr: 'CSV'
        },
        {
          extend: 'pdfHtml5',
          text: '<i class="fa fa-file-pdf-o"></i>',
          titleAttr: 'PDF'
        }
      ]
    });

  }

  function desactivar(estatus, id) {
    if (estatus == 0) {
      txt = '¿Estas seguro de inactivar la poliza?'
      txt2 = 'Se inactivo la poliza correctamente'
    }
    if (estatus == 1) {
      txt = '¿Estas seguro activar de la poliza?'
      txt2 = 'Se activo la poliza correctamente'
    }
    Swal.fire({
      title: txt,
      icon: 'warning',
      showCancelButton: true,
      confirmButtonColor: '#3085d6',
      cancelButtonColor: '#d33',
      cancelButtonText: 'Cancelar',
      confirmButtonText: 'Si, ¡hazlo!'
    }).then((result) => {
      if (result.value) {
        $.ajax({
            url: "{{url('contabilidad/polizascon/cancelar_poliza')}}",
            type: 'POST',
            dataType: 'json',
            data: {
              estatus: estatus,
              id: id,
            }
          })
          .done(function(resp) {
            if (resp.result == 1) {
              showNotification('thumb_up', 'top', 'center', 'success', txt2, '¡BIEN!')
              $('#tablePolizas').DataTable().ajax.reload();

            }
          })
          .fail(function() {
            console.log("error");
            $('#loadingModal').modal('hide')
            showNotification('error', 'top', 'center', 'error', 'Algo salio mal durante el proceso', '¡ERROR!')
          })
          .always(function() {
            console.log("complete");
          });
      }
    })
  }
</script>
@endpush