@extends('layouts.admin')
@section('estilos')
<link href="{{ asset('assets/css/bootstrap-datepicker3.min.css') }}" rel="stylesheet">
<link href="{{ asset('assets/css/bootstrap-clockpicker.min.css') }}" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css"/>
<style media="screen">
  #tbcmps th, #tbcmps tr{text-align:center;}
  #tabFacturas td i{ font-size: 20px !important;}
</style>
@endsection
@section('contenido')
@include('admin.facturas.modals')
<section>
  <a href="{{URL::action('FacturasController@create')}}" style="width:200px;" class="btn btn-info float-right"><i class="fas fa-plus"></i> Nueva factura</a><hr>
  <div class="row">
    <div class="col-md-2">
      <div class="form-group">
        <label>Desde:</label>
        <input type="text" class="form-control fecha" id="ini" value="{{$first}}" onchange="llenartabla()" readonly>
      </div>
      <div class="form-group">
        <label>Hasta:</label>
        <input type="text" class="form-control fecha" id="fin" value="{{$mes}}" onchange="llenartabla()" readonly>
      </div>
      <div class="form-group">
        <label>Cliente</label>
        <select class="form-control" id="cli" onchange="llenartabla()">
          <option value="0">Todos</option>
          @foreach ($clientes as $c)
          <option value="{{$c->pros_id}}">{{$c->pros_nombre}}</option>
          @endforeach
        </select>
      </div>
    </div>
    <div class="col-md-10">
      <div class="row text-center">
        <div class="col-md-3 col-sm-6">
          <div class="alert alert-warning">
            <h3>PENDIENTE</h3>
            <h4>
              Subtotal:
              <span style="font-size:20px">&nbsp;$&nbsp;</span>
              <span id="PNSBT" style="font-size:25px">0</span>
            </h4>
            <h4>
              IVA:
              <span style="font-size:20px">&nbsp;$&nbsp;</span>
              <span id="PNIVA" style="font-size:25px">0</span>
            </h4><hr>
            <h3>&nbsp;$&nbsp;<span id="PNTOT">0</span></h3>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="alert alert-danger">
            <h3>CANCELADO</h3>
            <h4>
              Subtotal:
              <span style="font-size:20px">&nbsp;$&nbsp;</span>
              <span id="CSBT" style="font-size:25px">0</span>
            </h4>
            <h4>
              IVA:
              <span style="font-size:20px">&nbsp;$&nbsp;</span>
              <span id="CIVA" style="font-size:25px">0</span>
            </h4><hr>
            <h3>&nbsp;$&nbsp;<span id="CTOT">0</span></h3>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="alert alert-success">
            <h3>PAGADO</h3>
            <h4>
              Subtotal:
              <span style="font-size:20px">&nbsp;$&nbsp;</span>
              <span id="PSBT" style="font-size:25px">0</span>
            </h4>
            <h4>
              IVA:
              <span style="font-size:20px">&nbsp;$&nbsp;</span>
              <span id="PIVA" style="font-size:25px">0</span>
            </h4><hr>
            <h3>&nbsp;$&nbsp;<span id="PTOT">0</span></h3>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="alert alert-info">
            <h3>TOTAL</h3>
            <h4>
              Subtotal:
              <span style="font-size:20px">&nbsp;$&nbsp;</span>
              <span id="SBT" style="font-size:25px">0</span>
            </h4>
            <h4>
              IVA:
              <span style="font-size:20px">&nbsp;$&nbsp;</span>
              <span id="IVA" style="font-size:25px">0</span>
            </h4><hr>
            <h3>&nbsp;$&nbsp;<span id="TOT">0</span></h3>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-sm-12 border scrollx" id="tbFacts">
  </div>
</section>
@endsection
@section('script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/sortable.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/purify.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/fileinput.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/locales/es.js"></script>
<script src="{{ asset('assets/plugins/bootstrap-clockpicker.min.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap-datepicker.es.min.js') }}"></script>
<script type="text/javascript">
  $('.clockpicker').clockpicker();
  $('.fecha').datepicker({
    autoclose: true,
    format: 'yyyy-mm-dd',
    language:'es',
    orientation: "bottom auto"
  });
  $(".file").fileinput({
    language: "es",
    showCaption: false,
    showUpload: false,
    browseLabel: "Comprobante...",
    browseIcon: " <i class=\"fa fa-file\" style=\"color:#fff;\"></i>",
    browseClass: "btn btn-primary",
    showRemove: false,
    uploadAsync: true,
    overwriteInitial: true,
    initialPreviewAsData: true,
    allowedFileExtensions:['jpg','jpeg','png','pdf']
  });
  $(document).ready(function(){
    llenartabla();
  });
  function showpdff(pdf){
    $('#vpdf').html('');
    const reg = /([A-Z]{2}[0-9]+\.pdf)$/;
    const str = pdf;
    const emisor = str.replace(reg,"");
    $('#vpdf').append('<embed src="'+url+'fac/'+emisor+'/'+pdf+'" type="application/pdf" class="col-xs-12" height="600"></embed>');
    $('#modal-pdf').modal('show');
  }
  function llenartabla(){
    var data = {
      'ini':$('#ini').val(),
      'fin':$('#fin').val(),
      'cli':$('#cli').val()
    }

    $.ajax({
      url:'{!!URL::to('getFacturas')!!}',
      type:'GET',
      data:data,
      success:function(response){
        var PNSBT = 0, PNIVA = 0, PNTOT = 0, CSBT = 0, CIVA = 0, CTOT = 0, PSBT = 0, PIVA = 0, PTOT = 0, SBT = 0, IVA = 0, TOT = 0;
        var dat = response;
        var tab = '<table class="table table-bordered table-striped" id="tabFacturas">'+
                    '<thead>'+
                      '<th>Receptor</th>'+
                      '<th class="col-sm-1">Serie - Folio</th>'+
                      '<th>Fecha</th>'+
                      '<th>IVA %</th>'+
                      '<th>IVA</th>'+
                      '<th>Total</th>'+
                      '<th class="col-sm-1">Estado</th>'+
                      '<th class="col-sm-1">Opciones</th>'+
                    '</thead>'+
                  '<tbody>';
        for (fac in dat) {
          const reg = /(F[A-Z][0-9]+\.pdf)$/;
          const str = dat[fac].fac_pdf;
          const emisor = str.replace(reg,"");
          opciones = '&nbsp;<i class="far fa-file-pdf" onclick="showpdff(\''+dat[fac].fac_pdf+'\')" title="Ver PDF"></i>&nbsp;';
          opciones += '&nbsp;<a href="{{URL::to('/')}}/fac/'+emisor+'/'+dat[fac].fac_xml+'" download target="_blank"><i class="far fa-file-code" title="Descargar archivo XML"></i></a>&nbsp;';
          opciones += '&nbsp;<i class="far fa-envelope" onclick="sendmail('+dat[fac].fac_id+')" title="Enviar PDF por e-mail"></i>&nbsp;';
          if (dat[fac].fac_total > dat[fac].pag && dat[fac].fac_cancelado != 1)
          opciones += '<br>&nbsp;<i class="fas fa-dollar-sign" data-toggle="modal" data-target="#modal-gen" onclick="makeComp('+dat[fac].fac_id+')" title="Generar complemento de pago"></i>&nbsp;';
          opciones += '&nbsp;<i class="fas fa-th-list" onclick="viewCmps('+dat[fac].fac_id+')" title="Ver complementos de pago"></i>&nbsp;';
          if (dat[fac].fac_cancelado == 1) {
            var estado = '<label style="font-size:13px" class="label label-danger col-xs-12">CANCELADA</label>';
            CSBT = parseFloat(CSBT) + parseFloat(dat[fac].fac_subtotal);
            CTOT = parseFloat(CTOT) + parseFloat(dat[fac].fac_total);
            CIVA = parseFloat(CIVA) + parseFloat(dat[fac].fac_iva);
          } else if (dat[fac].fac_pagada == 1) {
            opciones += '&nbsp;<i class="fa fa-comment" onclick="showcomen(\''+dat[fac].fac_compago+'\',\''+dat[fac].fac_comprobante+'\')" title="Comentario"></i>&nbsp;';
            var estado = '<label style="font-size:13px" class="label label-success col-xs-12">PAGADA</label>';
            PSBT = parseFloat(PSBT) + parseFloat(dat[fac].fac_subtotal);
            PTOT = parseFloat(PTOT) + parseFloat(dat[fac].fac_total);
            PIVA = parseFloat(PIVA) + parseFloat(dat[fac].fac_iva);
          } else {
            //opciones += '&nbsp;<i style="color:red;" id="bcncl'+dat[fac].fac_id+'" title="Cancelar factura" class="fas fa-times-circle" onclick="delfac('+dat[fac].fac_id+')"></i>&nbsp;';
            var estado = '<label style="font-size:13px" id="btnsts'+dat[fac].fac_id+'" class="btn btn-warning btn-xs col-xs-12" onclick="pagarfac('+dat[fac].fac_id+')" title="Cambiar a pagada">PENDIENTE</label>';
            PNSBT = parseFloat(PNSBT) + parseFloat(dat[fac].fac_subtotal);
            PNTOT = parseFloat(PNTOT) + parseFloat(dat[fac].fac_total);
            PNIVA = parseFloat(PNIVA) + parseFloat(dat[fac].fac_iva);
          }
          opciones += '&nbsp;<i style="color:red;" id="bcncl'+dat[fac].fac_id+'" title="Cancelar factura" class="fas fa-times-circle" onclick="delfac('+dat[fac].fac_id+')"></i>&nbsp;';

          SBT = parseFloat(SBT) + parseFloat(dat[fac].fac_subtotal);
          TOT = parseFloat(TOT) + parseFloat(dat[fac].fac_total);
          IVA = parseFloat(IVA) + parseFloat(dat[fac].fac_iva);

          tab +='<tr>'+
                  '<td><strong>'+dat[fac].pros_nombre+'</strong><br>'+dat[fac].pros_rs+'</td>'+
                  '<td style="text-align:center;">'+dat[fac].fac_serie+' - '+dat[fac].fac_folio+'</td>'+
                  '<td>'+formatDateTime(dat[fac].fac_fecha)+'</td>'+
                  '<td>'+dat[fac].fac_ivaporcentaje+' %</td>'+
                  '<td>$ '+dat[fac].fac_iva+'</td>'+
                  '<td>$ '+dat[fac].fac_total+'</td>'+
                  '<td>'+estado+'</td>'+
                  '<td>'+opciones+'</td>'+
                '</tr>';
        }
        tab +='</tbody></table><script>var table = tableData("tabFacturas");<\/script>';
        $("#tbFacts").html(" ");
        $("#tbFacts").append(tab);
        $('#PNSBT').html(PNSBT.toFixed(2));
        $('#PNIVA').html(PNIVA.toFixed(2));
        $('#PNTOT').html(PNTOT.toFixed(2));
        $('#CSBT').html(CSBT.toFixed(2));
        $('#CIVA').html(CIVA.toFixed(2));
        $('#CTOT').html(CTOT.toFixed(2));
        $('#PSBT').html(PSBT.toFixed(2));
        $('#PIVA').html(PIVA.toFixed(2));
        $('#PTOT').html(PTOT.toFixed(2));
        $('#SBT').html(SBT.toFixed(2));
        $('#IVA').html(IVA.toFixed(2));
        $('#TOT').html(TOT.toFixed(2));
      },
      error:function(){ console.log('Error al conectar con el servidor'); }
    });
  }

  function showcomen(coment,docto){
    $('#comentariopago').html('');
    $('#vpdfpago').hide();
    $('#vimgpago').hide();
    $('#comentariopago').html(coment);
    if(docto != ''){
      var cte = docto.split('.');
      if (cte[1] == 'pdf') {
        $('#vpdfpago').attr('src',url+'img/pagosfacs/{{Session::get('idEmpresa')}}/'+docto);
        $('#vpdfpago').show();
      }else {
        $('#vimgpago').attr('src',url+'img/pagosfacs/{{Session::get('idEmpresa')}}/'+docto);
        $('#vimgpago').show();
      }
    }
    else {
      $('#vimgpago').attr('src',url+'img/pagosfacs/sincomprobante.jpg');
      $('#vimgpago').show();
    }
    $('#modal-comentariopago').modal('show');
  }

  function pagarfac(id) {
    $('#idfacpago').val(id);
    $('#modal-pagar').modal('show');
  }

  $('#form-pagar').submit( function(event){
    event.preventDefault();
    DescButtons(2);
    var datos = new FormData($(this)[0]);
    var idfp = $('#idfacpago').val();
    var msg = $("textarea[name='comentario']").val();
    if (msg == '') msg = 'Factura pagada';
    else {
      msg = msg.replace('\r\n','<br>');
      msg = msg.replace('\n','<br>');
      msg = msg.replace('\r','<br>');
    }
    $.ajax({
      url:url+'PagarFactura',
      type:'POST',
      data:datos,
      cache:false,
      processData:false,
      contentType:false,
      success:function(data){
        if (data == 1) {
          alerta('Correcto','El pago de la factura se ha reistrado correctamente','success','Aceptar');
          $('#bcncl'+idfp).attr('onclick','showcomen(\''+msg+'\',\'\')');
          $('#bcncl'+idfp).removeAttr('style');
          $('#bcncl'+idfp).removeClass('fas fa-times-circle');
          $('#btnsts'+idfp).removeAttr('onclick');
          $('#btnsts'+idfp).removeClass('btn btn-warning btn-xs');
          $('#btnsts'+idfp).addClass('label label-success');
          $('#bcncl'+idfp).addClass('fa fa-comment');
          $('#btnsts'+idfp).html('PAGADA');
        } else alerta('Error','Ocurrió un error al registrar el pago');
      },
      error:function(){ alerta('Error!','No se pudo conectar con el servidor, inténtelo más tarde.','error','Aceptar'); }
    });
    setTimeout(function () {
      swal.close();
      ActButtons(2);
      $('#form-pagar')[0].reset();
      $('#modal-pagar').modal('hide');
    }, 2500);
  });

  function sendmail(id){
    $('#idsend').val(id)
    $('#modal-send').modal('show');
  }

  $('#form-send').submit( function(event){
    event.preventDefault();
    DescButtons(1);
    var formData = new FormData($(this)[0]);
    $.ajax({
      url:url+'facturas/'+$('#idsend').val(),
      type:'POST',
      data:formData,
      cache:false,
      processData: false,
      contentType: false,
      success:function(r){
        if (r.success) alerta('Exito!',r.msg,'success','Aceptar');
        else alerta('Error!',r.msg,'error','Aceptar');
      },
      error:function(){ alerta('Error','Hubo un error al conectar con el servicio REST!','error','Aceptar'); }
    });
    setTimeout(function () {
      ActButtons(1);
      $('#modal-send').modal('hide');
      swal.close();
    }, 1500);
  });

  function delfac(id){
    const liga = url + 'facturas/' + id;
    $("#idfaccanc").val(id);
    $("#form-cancelarf").attr('action',liga);
    $("#modal-cancelar-factura").modal("show");
  }

  $(document).on("change", "#motivof", function() {
    const op = $(this).val();
    if (op == "01") {
      $("#sustitucionf").prop("disabled",null);
      $("#sustitucionf").prop("required","required");
    } else {
      $("#sustitucionf").prop("disabled","disabled");
      $("#sustitucionf").prop("required",null);
    }
  });

  $("#form-cancelarf").submit( function(event) {
    event.preventDefault();
    DescButtons(7);
    var formData = new FormData($(this)[0]);
    const destino = $(this).attr('action');
    $.ajax({
      url:destino,
      type:'POST',
      data:formData,
      cache:false,
      processData: false,
      contentType: false,
      success: function(response){
        alerta(response.title,response.msg,response.class,'Aceptar');
      },
      error: function(){ alerta('Error','Hubo un error al conectar con el servidor','error','Aceptar'); },
      complete: function() {
        setTimeout(function () {
          ActButtons(7);
          $("#modal-cancelar-factura").modal("hide");
          swal.close();
        }, 1500);
      }
    });
  });

  function delcomp(id){
    const liga = url + 'complementos/' + id;
    $("#idcomcanc").val(id);
    $("#form-cancelarc").attr('action',liga);
    $("#modal-cancelar-complemento").modal("show");
  }

  $(document).on("change", "#motivoc", function() {
    const op = $(this).val();
    if (op == "01") {
      $("#sustitucionc").prop("disabled",null);
      $("#sustitucionc").prop("required","required");
    } else {
      $("#sustitucionc").prop("disabled","disabled");
      $("#sustitucionc").prop("required",null);
    }
  });

  $("#form-cancelarc").submit( function(event) {
    event.preventDefault();
    DescButtons(8);
    var formData = new FormData($(this)[0]);
    const destino = $(this).attr('action');
    $.ajax({
      url:destino,
      type:'POST',
      data:formData,
      cache:false,
      processData: false,
      contentType: false,
      success: function(response){
        alerta(response.title,response.msg,response.class,'Aceptar');
      },
      error: function(){ alerta('Error','Hubo un error al conectar con el servidor','error','Aceptar'); },
      complete: function() {
        setTimeout(function () {
          ActButtons(8);
          $("#modal-cancelar-complemento").modal("hide");
          swal.close();
        }, 1500);
      }
    });
  });

  $('#fcomple').submit( function(event) {
    event.preventDefault();
    swal({
        title: "Generar complemento de pago",
        text: "¿Los datos ingresados son correctos?",
        type: "warning",
        showCancelButton: true,
        closeOnConfirm: false,
        showLoaderOnConfirm: true,
        confirmButtonText: 'Aceptar',
        cancelButtonText: 'Cancelar',
    }, function(){
      form = new FormData($('#fcomple')[0]);
      $.ajax({
        data:form,
        url:url+'complementos',
        type: 'POST',
        processData:false,
        contentType:false,
        cache:false,
        success:function(data){
          var r = JSON.parse(data);
          if (r.success)
            alerta('Exito!', r.msg, 'success', 'btn-success', 'Ok');
          else
            alerta('Error', r.msg, 'error', 'btn-danger', 'Cerrar');
        },
        error:function(){
          console.log(' Ocurrió un error al conectar con el servidor web.');
        }
      });
    });
  });

  function makeComp(id){
  $.ajax({
    url: url + 'getFactComp/' + id,
    type: 'GET',
    success: function(data){
      var r = JSON.parse(data);
      fila = '';
      fila += '<tr id="row' + r.fac_id + '">';
      fila += '<td style="padding:0">' +
                '<input type="hidden" name="idenUnique[]" value="'+r.fac_id+'">' +
                '<input style="border:0;text-align:center;cursor:default;" class="form-control" type="text" onkeypress="return false" value="'+r.folio+'">' +
              '</td>';
      fila += '<td>' + r.total + '</td>';
      fila += '<td>' + r.pagos + '</td>';
      fila += '<td>' + r.faltante + '</td>';
      fila += '<td style="padding:0"><input class="form-control" type="text" name="pago[]" onkeypress="return solonumeros(event)"></td>';
      fila += '<td style="padding:4px"><i class="fa fa-times-circle" onclick="$(\'#row'+r.fac_id+'\').remove();" style="color:red;font-size:25px !important;"></i></td>';
      fila += '</tr>';
      $('#tbcmpss').append(fila);
    },
    error: function(){
      alerta('Error','No se pudo conectar al servidor','error','Aceptar');
    }
  });
 }

  function viewCmps(id){
    $.ajax({
      url:url+'complementos/'+id,
      type:'POST',
      data:{'_token':token,'_method':'GET'},
      success:function(data){
        var r = JSON.parse(data);
        rows = '';
        for (var i in r) {
          opciones = '&nbsp;<i class="far fa-file-pdf" onclick="showpdff(\''+r[i].fcmp_pdf+'\')" title="Ver PDF"></i>&nbsp;';
          //opciones += '&nbsp;<a href="{{URL::to('/')}}/fac/{{Session::get('rfc')}}/'+dat[fac].fac_xml+'" download target="_blank"><i class="far fa-file-code" title="Descargar archivo XML"></i></a>&nbsp;'
          //opciones += '&nbsp;<i class="far fa-envelope" onclick="sendmail('+dat[fac].fac_id+')" title="Enviar PDF por e-mail"></i>&nbsp;'
          if (r[i].fcmp_cancelado == 1)
            var estado = "CANCELADA";
          else{
            opciones += '&nbsp;<i style="color:red;" title="Cancelar factura" class="fas fa-times-circle" onclick="delcomp('+r[i].fcmp_id+')"></i>&nbsp;';
            var estado = "ACTIVA";
          }

          rows += '<tr>'+
                    '<td>'+r[i].factura+'</td>'+
                    '<td>'+r[i].fcmp_fsistema+'</td>'+
                    '<td>'+r[i].fcmp_fechaPago+'</td>'+
                    '<td> $ '+r[i].fcmp_totalDeposito+'</td>'+
                    '<td>'+opciones+'</td>'+
                  '</tr>';
        }
        $('#cmpshow').html('');
        $('#cmpshow').append(rows);
      },
      error:function(){
        alerta('Error','No se pudo conectar al servidor','error','Aceptar');
      }
    });
    $('#modal-cmps').modal('show');
  }

</script>

<script>
  const allFpago = @json($fpago);

  document.getElementById('mpago').addEventListener('change', function () {
    const selectedMpago = this.value;
    const fpagoSelect = document.getElementById('fpago');

    // Limpiar opciones actuales
    fpagoSelect.innerHTML = '';

    // Agregar opción por defecto
    const defaultOption = document.createElement('option');
    defaultOption.value = '';
    defaultOption.textContent = 'Seleccione. . .';
    fpagoSelect.appendChild(defaultOption);

    // Filtrar formas de pago
    let filtered = [];

    if (selectedMpago == '2') {
      // Solo mostrar la forma de pago con ID 18
      filtered = allFpago.filter(f => f.id == 18);
    } else {
      // Mostrar todas las formas
      filtered = allFpago;
    }

    // Agregar opciones filtradas
    filtered.forEach(f => {
      const option = document.createElement('option');
      option.value = f.id;
      option.textContent = f.forma;
      fpagoSelect.appendChild(option);
    });
  });
</script>


@endsection