@extends('layouts.app', ['activePage' => 'deposito', 'menuParent' => 'consultas', 'titlePage' => __('Depósito')])

@section('content')
<div class="content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-9">
        <div class="card">
          <div class="card-header card-header-primary card-header-icon">
            <div class="card-icon ">
              <i class="material-icons">list</i>
            </div>
            <h4 class="card-title">Depósito</h4>
            <input type="hidden" id="idDocHv">
            <input type="hidden" id="nomEmpresa" value="{{ $data['empresa']->nombreorganizacion }}">
          </div>
          <div class="card-body" style="height: 80vh;">
            <input type="hidden" id="idPagoRealizado">
            <div class="row ">
              <div class="col-md-3" id="content_cliente">
                <div class="form-group filled bmd-form-group">
                  <label>Cliente:<span class="text-danger">*</span></label>
                  <select  id="id_cliente" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    <option value="0">-Selecciona-</option>
                    @foreach ($data['clientes'] as $c)
                      <option value="{{ $c->id }}">{{ $c->razon_social }}</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-md-3">
             <div class="form-group filled bmd-form-group">
                  <label>Forma de Pago:<span class="text-danger">*</span></label>
                  <select  id="fpp" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    <option value="0">-SELECCIONA-</option>
                    @foreach ($data['formapago'] as $fp)
                      <option value="{{ $fp->idFormapago }}">{{ $fp->claveSat }} - {{ $fp->nombre }}</option>
                    @endforeach
                  </select>
              </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <label>Fecha:</label>
                  <input type="text" id="fecha" class="form-control datetimepicker" value="">
                </div>
              </div>
              <div class="col-md-3">
                <div class="align-content-center">
                    <button class="btn btn-primary btn-sm" onclick="verNotasCredito();" id="btnAgregaFact">Agregar Factura</button>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-3">
                <div class="form-group filled bmd-form-group">
                    <label>Moneda:<span class="text-danger">*</span></label>
                    <select  id="moneda" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true">
                      @foreach ($data['monedas'] as $u)
                        <option value="{{ $u->id }}" displaymoneda="{{ $u->nombre }}">{{ $u->nombre }}</option>
                      @endforeach
                    </select>
                </div>
              </div>
              <div class="col-md-3 isnt-filled" style="margin-top: 3px;">
                <div class="form-group">
                  <label>Tipo Cambio:  </label>
                  <input type="text" class="form-control" id="tipo_cambioPago"  />
                </div>
              </div>
            </div>
            <!--<div class="row">
              <div class="col-md-12" align="right">
                
            <div class="text-xs font-weight-bold text-info text-uppercase mb-1" align="right">
              <h6>Total Depósito</h6>
            </div>
            <div class="h5 mb-0 font-weight-bold text-gray-800" id="labelPagadoSD" align="right">$</div>

              </div>
            </div>-->
   
       <br>
            <div class="material-datatables" style="height: 63vh;overflow: auto;">

                  <table class="table table-sm table-hover no-cellpadding">
                    <thead class="h-25">
                      <tr style="border-bottom: solid; color: #0170ff;" >
                        <th style="width: 10%;">Factura</th>
                        <th style="width: 30%;">UUID</th>
                        <th style="width: 3%;">Moneda</th>
                        <th style="width: 10%;">Monto</th>
                        <th style="width: 10%;">Saldo</th>
                        <th style="width: 15%;">Pago</th>
                        <th style="width: 2%;">Acciones</th>
                      </tr>
                    </thead>
                    <tbody id="bodyItems">

                    </tbody>
                  </table>
            </div>

          </div>
        </div>
      </div>
      <div class="col-md-3">
        <div class="card" style="height: 85vh;">
          <div class="col-md-12" >
            <div class="row cardsEstatus" id="estatusNueva">
              <div class="col-12">
                <div class="card bg-primary">
                <div class="card-body">
                <p class="h5">Estatus: Nuevo</p>
                <p class="h6">Nuevo</p>
                </div>
                </div>
              </div>
            </div>
           <!-- <div class="row cardsEstatus" style="display: none;" id="estatusGenerada">
              <div class="col-12">
                <div class="card bg-warning">
                <div class="card-body">
                <p class="h5">Estatus: Generada</p>
                <p class="h6">Pendiente de pago</p>
                <p class="idDocumento">FF-459</p>
                </div>
                </div>
              </div>
            </div>-->
          
            <div class="row cardsEstatus" id="estatusActivo" style="display:none;"> 
              <div class="col-12">
                <div class="card bg-success">
                <div class="card-body">
                <p class="h5">Estatus: Activo</p>

                <p class="h6">Sin Timbrar</p>
                <p class="idDocumento"></p>
                </div>
                </div>
              </div>
            </div>
            <div class="row cardsEstatus" id="estatusTimbrado" style="display:none;"> 
              <div class="col-12">
                <div class="card bg-success">
                <div class="card-body">
                <p class="h5">Estatus: Timbrado</p>
                <p class="h6">Timbrado</p>
                <p class="serieFolioLabel"></p>
                <p class="uuidLabel"></p>
                </div>
                </div>
              </div>
            </div>

            <div class="row cardsEstatus" id="estatusCancelada" style="display:none;">
              <div class="col-12">
                <div class="card bg-danger">
                <div class="card-header">
                <h4>Estatus: Cancelado</h4>
                </div>
                <div class="card-body">
                <!--<p class="idDocumento">FS-459</p>-->
                </div>
                </div>
              </div>
            </div>

                <div class="row" style="height: 15vh;">
                  <div class="col-4" align="left">
                    <h4 id="totalMoneda">Total</h4>
                  </div>
                  <div class="col-8" align="right">
                    <h4 id="totalLabel">$0.00</h4>
                    <input type="hidden" id="totaltotal">
                  </div>
                </div>

                 <!--<div class="row" style="height: 15vh;display: none;" id="divTotalMonedaExtranjera">
                  <div class="col-4" align="left">
                    <h4>Total MX.</h4>
                  </div>
                  <div class="col-8" align="right">
                    <h5 id="totalLabelMoneda">$0.00</h5>
                    <input type="hidden" id="totaltotalmoneda">
                  </div>
                </div>-->

                <div class="row" align="center">
                  <div class="col-md-12">
                    <div class="card">
                                        <div class="card-header" align="center">
                    <h4 class="card-title">Acciones</h4>
                  </div>
                  <div class="card-body">
                                      <div class="col-md-12">
                    <div class="row">
                      <div class="col-md-12">


                        <button class="btn btn-success btn-block btn-sm" align="center" id="btn_timbrarPago" style="display:none;">Timbrar</button>
                        <button class="btn btn-primary btn-block btn-sm" align="center" id="btn_generarPago">Guardar</button>
                      </div>
                    </div>

                    <div class="row" id="divArchivos" style="display: none;">
                      <div class="col-md-4">
                        <button class="btn btn-block btn-sm" title="Enviar" onclick="enviabutton()"><i class="fa fa-envelope" aria-hidden="true"></i></button>
                      </div>
                      <div class="col-md-4">
                        <a class="btn btn-block btn-sm" href="" id="btnXmlView" target="_blank"><i class="fa fa-file-code" aria-hidden="true"></i> </a>
                      </div>
                      <div class="col-md-4">
                        <a class="btn btn-block btn-sm" href="" id="btnPdfView" target="_blank"><i class="fa fa-file-pdf" aria-hidden="true"></i> </a>
                      </div>
                    </div>
 
                    <!--<div class="row">
                      <div class="col-md-4">
                         <button class="btn btn-default text-left" ><i class="fa fa-file-pdf" aria-hidden="true"></i> PDF</button>
                      </div>
                      <div class="col-md-4">
                        <button class="btn btn-default text-left" ><i class="fa fa-file-code" aria-hidden="true"></i> XML</button>
                      </div>
                      <div class="col-md-4">
                        <button class="btn btn-default text-left" ><i class="fa fa-envelope" aria-hidden="true"></i>Enviar</button>
                      </div>
                    </div>-->

                    <div class="row" id="divCancelar" style="display:none;">
                      <div class="col-md-12">
                        <button class="btn btn-danger btn-sm btn-block" align="center" id="btnCancelarDeposito" onclick="cancelaDeposito();">Cancelar</button>
                        <button class="btn btn-danger btn-sm btn-block" align="center" id="btnCancelarDepositoTimbrado" onclick="cancelarModal();">Cancelar</button>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-md-12">
                        <button class="btn btn-primary btn-sm btn-block" align="center" onclick="restaura();">Nuevo</button>
                      </div>
                    </div>
                  </div>
                  </div>
                    </div>
                  </div>
                </div>

          </div>
        </div>
      </div>
    </div>
  </div>
</div>





<div class="modal fade" id="modalReenviar">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Enviar Factura</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-12">
            <label>Correo</label>
            <input type="text" class="form-control" id="correoReenvio">
            <input type="hidden" id="idFactReenv">
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <label>Asunto</label>
            <input type="text" class="form-control" id="asuntoReenvio">
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <label>Cuerpo</label>
            <textarea id="cuerpoReenvio" cols="12" rows="3" class="form-control"></textarea>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="enviar();">Enviar</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modalAplicacionNotas">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Facturas</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
        <div class="row" style="height: 50vh;overflow: auto;">
          <div class="col-12">
            <div class="table-responsive">
              <table class="table table-hover">
                <thead>
                  <tr style="border-bottom: solid; color: #0170ff;">
                    <th>Serie</th>
                    <th>Folio</th>
                    <th>Fecha</th>
                    <th>Moneda</th>
                    <th>Forma Pago</th>
                    <th>Método Pago</th>
                    <th>Importe</th>
                    <th>Saldo</th>
                    <th><input class="checkAll float-left" type="checkbox" name="prods" id="checkAll" onclick="selectAll();"></th>
                  </tr>
                </thead>
                <tbody id="bodyFacAplicadas">

                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="agregarNota();">Agregar</button>
      </div>
    </div>
  </div>
</div>


<div class="modal fade" id="modalComprobante2">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Enviar Correo</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
<div class="row">
            <div class="col-8">
          <div class="row">
            <div class="col-sm-2">
              <label>Para:<span class="text-danger">*</span></label>
            </div>
            <div class="col-sm-10">
               <input type="text" class="form-control" id="emailClienteM">
            </div>
          </div>
          <br>
          <div class="row">
            <div class="col-sm-2">
              <label>CC:</label>
            </div>
            <div class="col-sm-10">
               <input type="text" class="form-control" id="cc">
            </div>
          </div>
          <br>
          <div class="row">
            <div class="col-sm-2">
              <label>Asunto:<span class="text-danger">*</span></label>
            </div>
            <div class="col-sm-10">
               <input type="text" class="form-control" id="asuntoModal">
            </div>
          </div>
          <br>
          <div class="row">
            <textarea class="summernote" id="notasfacturaModal" style="width: 100%;" cols="12" rows="6"></textarea>
          </div>
        </div>
        <div class="col-4">
          <div class="row" style="height: 100px;">
            <div class="col-12 d-flex justify-content-center">
                 <div class="d-flex align-items-center">
                  <span class="text-center">
                    <a href="" id="downloadPdf" download>
                      <i class="fa-regular fa-file-pdf fa-2xl"></i><br>
                      Descargar PDF
                    </a>
                  </span>
              </div>
            </div>
          </div>
          <div class="row" >
            <div class="col-12 d-flex justify-content-center">
                 <div class="d-flex align-items-center">
                  <span class="text-center">
                    <a href="" id="downloadXml" download>
                      <i class="fa-regular fa-file-code fa-2xl"></i><br>
                      Descargar XML
                    </a>
                  </span>
              </div>
            </div>
          </div>

        </div>
</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="enviarFactura();">Enviar</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade modalEsc" id="modalCancelar">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Cancelacion Factura</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
        <!--<input type="hidden" id="idDocHv">
        <input type="hidden" id="idVentaHv">-->
        <div class="row">
          <div class="col-12">

            <label for="motivo_cancelacion" class="ms-0">Motivo Cancelacion:<span class="text-danger">*</span></label>
            <select class="form-control form-control-sm" id="motivo_cancelacion" onchange="muestraRel();">
              <option value="01">(01) Comprobantes emitidos con errores con relación</option>
              <option value="02" selected>(02) Comprobantes emitidos con errores sin relación</option>
              <option value="03">(03) No se llevó a cabo la operación</option>
              <option value="04">(04) Operación nominativa relacionada en una factura global</option>
            </select>

          </div>
        </div>
        <div class="row" id="uuidRelaCancelRow" style="display: none;">
          <div class="col-3">
            <label>Serie:<span class="text-danger">*</span></label>
            <input type="text" class="form-control form-control-sm" id="serieRelaCancel">
          </div>
          <div class="col-3">
            <label>Folio:<span class="text-danger">*</span></label>
            <input type="text" class="form-control form-control-sm" id="folioRelaCancel">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="agregaFacturaCancelacion();" id="btnMuestraFacRelaCancel" style="display: none;">Agregar Factura</button>
        <button type="button" class="btn btn-danger" onclick="cancelaDocumento();">Cancelar</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modalFacturasRelacion">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Facturas</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
        <div class="row" style="height: 50vh;overflow: auto;">
          <div class="col-12">
            <div class="table-responsive">
              <table class="table table-hover">
                <thead>
                  <tr>
                    <th>Serie</th>
                    <th>Folio</th>
                    <th>Fecha</th>
                    <th>Importe</th>
                    <th>Saldo</th>
                    <th></th>
                  </tr>
                </thead>
                <tbody id="bodyFacturas">

                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="agregarFact();" id="btnAgregaFact">Agregar</button>
        <button type="button" class="btn btn-primary" onclick="agregarFact2();" id="btnAgregaFactCancelacion">Agregar</button>
      </div>
    </div>
  </div>
</div>


<style>
  td {
    font-size: .8em !important;
  }

  table>thead>tr>th {
    font-size: .95em !important;
  }

  #gridFacturas {
    display: block;
    overflow: scroll;
  }

  #gridFacturasPendientes {
    display: block;
    height: 400px;
    overflow: scroll;
  }

  #tableDeposito {
    display: block;
    height: 200px;
    overflow: scroll;
  }

  #swal2-content {
    color: red;
  }
</style>

@endsection

@push('js')
<!-- include summernote css/js -->
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery.numeric@1.0.0/jquery.numeric.min.js"></script>

<script>
  $(document).ready(function() {
    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
    });
      $('#fecha').datetimepicker({
      "defaultDate": new Date(),
      format: 'YYYY-MM-DD',
      icons: {
        time: "fa fa-clock-o",
        date: "fa fa-calendar",
        up: "fa fa-chevron-up",
        down: "fa fa-chevron-down",
        previous: 'fa fa-chevron-left',
        next: 'fa fa-chevron-right',
        today: 'fa fa-screenshot',
        clear: 'fa fa-trash',
        close: 'fa fa-remove'
      }
    })

  });

      // $('#fecha_cons').datetimepicker('refresh')
  
let clicando = false
$('#btn_generarPago').click(function(){
  if(clicando==false){
    let clicando = true
    var cliente = $('#id_cliente').val()
    var fp = $('#fpp').val()
    var fecha = $('#fecha').val()

        var facturas = new Array
    var error = 0;
    var moneda = $('#moneda').val()
    var tipo_cambio = $('#tipo_cambioPago').val()
    $('.facts_apagar').each(function(index, el) {
          idfact = $(this).attr('idfact')
          saldo = $(this).attr('saldo')
          if($('#pago_'+idfact).val() != ''){
            if(parseFloat($('#pago_'+idfact).val()) > parseFloat(saldo)){
              error++;
            }
            dat = {
              id_fact: idfact,
              monto: $('#pago_'+idfact).val(),
            }
            facturas.push(dat)
          }
    });
    if(facturas.length == 0){
        Swal.fire({
                  title: 'Agrega una factura a pagar.',
                  type: 'warning',
                  timer: 2000
              })
        clicando = false
         return false;
    }
    if(parseFloat(error) > 0){
        Swal.fire({
                  title: 'Existen pagos mayores al saldo.',
                  type: 'warning',
                  timer: 2000
              })
        clicando = false
         return false;
    }
    if(fp=='0'){
      Swal.fire({
                  title: 'Selecciona forma de pago.',
                  type: 'warning',
                  timer: 2000
              })
        clicando = false
         return false;
    }
    $('#loadingLoad').modal('show')
    $.ajax({
      url: '{{ url('operaciones/aplicar_pago') }}',
      type: 'POST',
      dataType: 'json',
      data: {
        fecha: fecha,
        fp: fp,
        facturas: facturas,
        cliente: cliente,
        moneda: moneda,
        tipo_cambio: tipo_cambio,
      },
    })
    .done(function(resp) {
      console.log("success");
      if(resp.estatus > 0){
        /*if(gcp==1){
          $('#loadingLoad').modal('hide')
          timbrarPago(resp.estatus);
        }else{*/
          $('#btnAgregaFact').hide()
          $('#btn_generarPago').hide()
          $('#btn_timbrarPago').show()
          
          $('#idPagoRealizado').val(resp.estatus)
            $('.cardsEstatus').hide()
            $('#estatusActivo').show()
            $('#idDocumento').html(resp.estatus)
            $('#divCancelar').show()
            $('#btnCancelarDeposito').show()
            $('#btnCancelarDepositoTimbrado').hide()
            $('.numeros').attr('readonly', true);
            $('.btnRemoveitem').hide()
            

            Swal.fire({
                  title: 'Guardado con Éxito.',
                  type: 'success',
                  timer: 2000
              })
            setTimeout(function(){$('#loadingLoad').modal('hide')},1000);
            
         return false;
        //}

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



  }
});
let clicando2 = false
$('#btn_timbrarPago').click(function(){
  if(clicando2==false){
    clicando2 = true
       var idPago = $('#idPagoRealizado').val()
   if(idPago==''){
          Swal.fire({
            title: 'Erro con Pago',
            type: 'error',
            timer: 10000
          })
          clicando2 = false
          return false;
   }
   $('#loadingLoad').modal('show')
    $.ajax({
      url: '{{ url('operaciones/timbrar_pago') }}',
      type: 'POST',
      dataType: 'json',
      data: {id_pago: idPago},
    })
    .done(function(res) {
      console.log("success");
        if (res.success == 1) {

          $('#btn_timbrarPago').hide()
          guardarFacturaPago(res)
          $('#modalAplicaDeposito').modal('hide')
          $('#loadingLoad').modal('hide')
          $('.btnSavePago').attr('disable', false)
          clicando2 = false
        } else {
          clicando2 = false

          setTimeout(function(){$('#loadingLoad').modal('hide')},1000); 
          $('#modalPagos').modal('show')
          Swal.fire({
            title: res.mensaje,
            type: 'error',
            timer: 10000
          })
          $('.btnSavePago').attr('disable', false)

          return false;
        }
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
  }
})



  function eliminarFactura(id, idVenta) {
    $('#idDocHv').val(id)
    $('#idVentaHv').val(idVenta)
    $('#modalCancelacionFactura').modal('show')
  }

  function muestraRel() {
    if ($('#motivo_cancelacion').val() == '01') {
      $('#uuidRelaCancelRow').show()
    } else {
      $('#uuidRelaCancelRow').hide()
    }
  }

  function cancelaDocumento() {
    var id = $('#idDocHv').val()
    var idVenta = $('#idVentaHv').val()
    var motivo = $('#motivo_cancelacion').val()
    var serie = $('#serieRelaCancel').val()
    var folio = $('#folioRelaCancel').val()
    $.ajax({
        url: '../operaciones/cancel_verifica',
        type: 'POST',
        dataType: 'json',
        data: {
          id: id,
          serie: serie,
          folio: folio,
          motivo: motivo
        },
      })
      .done(function(ress) {
        console.log("success");
        if (ress.estatus == '3') {
          Swal.fire({
            title: ress.titulo,
            type: 'error',
            timer: 2000
          })
        } else {
          Swal.fire({
            title: ress.titulo,
            text: ress.msj,
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Si',
            cancelButtonText: 'No',
          }).then((result) => {
            console.log(result)
            if (result.value) {
              $('#modalVentas').modal('hide')
              $('#modalCancelacionFactura').modal('hide')
              $('#modalCargando').modal('show')
              $.ajax({
                  url: '../operaciones/cancel_factura',
                  type: 'POST',
                  dataType: 'json',
                  data: {
                    id: id,
                    motivo: motivo,
                    serie: serie,
                    folio: folio,
                  },
                })
                .done(function(resp) {
                  $('#modalCargando').modal('hide')
                  console.log(resp)

                  if (resp[0].strStatus == '1') {
                    Swal.fire(
                      'Cancelacion Procesada',
                      resp[0].strResult,
                      'success'
                    )
                    loadGrid();
                    if (resp[0].strStatus == '1') {
                      src = window.location + "/../../facturacion/acuse/" + id;
                      window.open(src, "_blank");
                      Swal.fire({
                        title: resp[0].strResult,
                        text: '¿Deseas cancelar la venta? la factura ya fue cancelada',
                        type: 'success',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Si',
                        cancelButtonText: 'No',
                      }).then((result2) => {
                        if (result2.value) {
                          $.ajax({
                              url: '../operaciones/cancelar_venta',
                              type: 'POST',
                              dataType: 'json',
                              data: {
                                id: $('#idVentaHv').val()
                              },
                            })
                            .done(function(respx) {
                              console.log("success");
                              if (respx.re > 0) {
                                Swal.fire(
                                  'Cancelacion correcta',
                                  'Se cancelo la venta correctamente',
                                  'success'
                                )
                              }
                            })
                            .fail(function() {
                              console.log("error");
                            })
                            .always(function() {
                              console.log("complete");
                            });

                        }
                      })

                    }

                    /*$.ajax({
                        url: '../operaciones/cancel_venta',
                        type: 'POST',
                        dataType: 'json',
                        data: {id: id},
                    })
                    .done(function(res) {
                        console.log("success");

                            Swal.fire(
                              'Cancelado!',
                              'Se cancelo correctamente!',
                              'success'
                            )
                            src = window.location+"/../../operaciones/acuse/"+id;
                            window.open(src, "_blank"); 
                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        console.log("complete");
                    });*/

                  } else {
                    $('#modalCargando').modal('hide')
                    $('#modalVentas').modal('show')
                    Swal.fire(
                      'Error al cancelar',
                      resp[0].strResult,
                      'error'
                    )
                  }

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

            }
          })
        }


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

  }

  function enviarModal(id, correo = '') {
    $('#correoReenvio').val(correo)
    $('#asuntoReenvio').val('')
    $('#cuerpoReenvio').val('')
    $('#idFactReenv').val(id)
    $('#modalReenviar').modal();
  }

  function enviar() {

    var correo = $('#correoReenvio').val()
    var asunto = $('#asuntoReenvio').val()
    var cuerpo = $('#cuerpoReenvio').val()
    if (correo == '') {
      Swal.fire({
        title: 'Agrega un correo',
        type: 'error',
        timer: 2000
      })
      return false;
    }
    if (asunto == '') {
      Swal.fire({
        title: 'Agrega un asunto',
        type: 'error',
        timer: 2000
      })
      return false;
    }
    $.ajax({
        url: '../facturacion/enviar_factura',
        type: 'POST',
        dataType: 'json',
        data: {
          id: $('#idFactReenv').val(),
          correo: correo,
          cuerpo: cuerpo,
          asunto: asunto
        },
      })
      .done(function(resp) {
        console.log("success");
        Swal.fire({
          title: 'Enviado correctamente',
          type: 'success',
          timer: 2000
        })
        $('#modalReenviar').modal('hide');
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }
      function verNotasCredito(){
    var cliente = $('#id_cliente').val()
    var fp = $('#fpp').val()
    if(cliente=='0' || cliente==''){
      Swal.fire({
          title: 'Selecciona un cliente.',
          type: 'warning',
          timer: 2000
        })
      return false;
    }
       if(fp=='0' || fp==''){
      Swal.fire({
          title: 'Selecciona forma de pago.',
          type: 'warning',
          timer: 2000
        })
      return false;
    }
    $.ajax({
      url: '{{ url('operaciones/get_notas_cliente_depositos') }}',
      type: 'POST',
      dataType: 'json',
      data: {id_cliente: cliente},
    })
    .done(function(resp) {
      console.log(resp);
      var html = ''
      $('#bodyFacAplicadas').html(html)
      $.each(resp.facturas, function(index, val) {
        if(parseFloat(val.saldo) > 0){
          html+='<tr>'
          html+='<td>'+val.serie+'</td>'
          html+='<td>'+val.folio+'</td>'
          html+='<td>'+val.fecha_emision+'</td>'
          html+='<td class="text-center">'+val.moneda+'</td>'
          html+='<td class="text-center">'+val.metodo_pago+'</td>'
          html+='<td class="text-center">'+val.forma_pago+'</td>'

          if(val.tipo == 'I'){
              html+='<td>'+numberFormat(val.monto)+'</td>'
              html+='<td>'+numberFormat(val.saldo)+'</td>'
              
            html+='<td><input class="rrela_nota" type="checkbox" id="che_'+val.id+'"  value="'+val.id+'" serie="'+val.serie+'" folio="'+val.folio+'" uuid="'+val.uuid+'" monto="'+val.monto+'" tipocambio="'+val.tipo_cambio+'" moneda="'+val.moneda+'" saldo="'+val.saldo+'"></td>'
          }else{
            
             html+='<td>'+numberFormat(-val.monto)+'</td>'
              html+='<td>'+numberFormat(val.saldo)+'</td>'
            html+='<td><input class="rrela_nota" type="checkbox" id="che_'+val.id+'"  value="'+val.id+'" serie="'+val.serie+'" folio="'+val.folio+'" uuid="'+val.uuid+'" monto="-'+val.monto+'" tipocambio="'+val.tipo_cambio+'" moneda="'+val.moneda+'" saldo="'+val.saldo+'"></td>'
          }
       
          html+='</tr>'
        }
      });
      $('#bodyFacAplicadas').append(html)
      $('#modalAplicacionNotas').modal()
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
  }

    function agregarNota(){
     var html = ''
     var agregadas = new Array
    $('.facts_apagar').each(function(index, el) {
          idfact = $(this).attr('idfact')
          agregadas.push(idfact)
    });
    var error = false
    console.log(agregadas)
    $('.rrela_nota').each(function(index, el) {
        if ($(this).is(':checked')) {
          exists = agregadas.indexOf($(this).val()) !== -1;
          console.log('Existe='+exists); 
          if(exists==false){

              html += '<tr class="facts_apagar" idfact="'+$(this).val()+'" id="factPag_'+$(this).val()+'" saldo="'+$(this).attr('saldo')+'" moneda="'+$(this).attr('moneda')+'">'
              html += '<td>'+$(this).attr('serie')+'-'+$(this).attr('folio')+'</td>'
              html += '<td>'+$(this).attr('uuid')+'</td>'
              html += '<td>'+$(this).attr('moneda')+'</td>'
              html+='<td>'+numberFormat($(this).attr('monto'))+'</td>'
              html+='<td>'+numberFormat($(this).attr('saldo'))+'</td>'
              html+='<td><input type="text" id="pago_'+$(this).val()+'" width="100%" value="'+$(this).attr('saldo')+'" onkeyup="calculatotalPagado();validaSaldo('+$(this).val()+')" class="numeros"></td>'
              html += '<td> <button class="btn btn-link btn-xsm mr-1 btnRemoveitem" onclick="removeItem('+$(this).val()+');"><i class="material-icons">close</i></button></td>'
              html+='</tr>'
          }else{
            error =  true
          }
        }

    });
    if(error){
            Swal.fire({
              title: 'Existen facturas que ya se encuentran agregadas.',
              type: 'warning',
              timer: 6000
            })
            return false
    }else{
      $('#bodyItems').append(html)
      $('#modalAplicacionNotas').modal('hide')
      calculatotalPagado();
      $('.numeros').numeric();
    }

  }
   function numberFormat(num){
    return new Intl.NumberFormat('en-US', {
                            style: 'currency',
                            currency: 'USD'
                        }).format(num)
  }
        function eliminaFacPago(id){
      $('#factPag_'+id).remove()
      calculatotalPagado();
    }
    function calculatotalPagado(){
      var total = 0;
      var dispmoneda = $('#moneda option:selected').attr('displaymoneda');
      $('.facts_apagar').each(function(index, el) {
         idfact = $(this).attr('idfact')
         monedaFact = $(this).attr('moneda') 
         if($('#pago_'+idfact).val() != ''){
            if(monedaFact==dispmoneda){
              total+=parseFloat($('#pago_'+idfact).val())
            }else{
              if(monedaFact=='MXN' && dispmoneda!='MXN'){
                totalPorFac = parseFloat($('#pago_'+idfact).val()) / parseFloat($('#tipo_cambioPago').val())
                total+=parseFloat(totalPorFac)
              }else{
                totalPorFac = parseFloat($('#pago_'+idfact).val()) * parseFloat($('#tipo_cambioPago').val())
                total+=parseFloat(totalPorFac)
              }
            }
            

         }
      });
      if($('#moneda').val()!=1){

        console.log('ajajajajaj')
        totalPesos = parseFloat(total) * parseFloat($('#tipo_cambioPago').val())
        $('#totalLabelMoneda').html(numberFormat(totalPesos))
        $('#divTotalMonedaExtranjera').show()
      }else{
        $('#divTotalMonedaExtranjera').hide()
      }
      $('#totalLabel').html(numberFormat(total))
      $('#totalMoneda').html('Total '+dispmoneda)
    }
    function validaSaldo(id){
      console.log('estoo='+id)
      var pago = $('#pago_'+id).val()
      var saldo = $('#factPag_'+id).attr('saldo')

      if(pago==''){
        pago  = 0
      }
      /*if(parseFloat(pago) < 0){
        Swal.fire({
              title: 'No puedes hacer pagos en negativo.',
              type: 'warning',
              timer: 2000
            })
        return false
      }*/

      if(parseFloat(pago) > parseFloat(saldo)){
        
            Swal.fire({
              title: 'No puedes superar el saldo de la factura.',
              type: 'warning',
              timer: 2000
            })
            return false;
      }
      calculatotalPagado();
    }

    function removeItem(id){
      $('#factPag_'+id).remove()
      calculatotalPagado();
    }
        function guardarFacturaPago(respuesta) {
    console.log(respuesta)
    $.ajax({
        url: '{{url("operaciones/guardar_factura_deposito")}}',
        type: 'POST',
        dataType: 'json',
        data: {
          respuesta: respuesta
        },
      })
      .done(function(resp) {
        console.log("success");
        $('#emailClienteM').val('');
        if (resp.id > 0) {
          $('#idDocHv').val(resp.id)
          $('#btnCancelarDeposito').hide()
          $('#btnCancelarDepositoTimbrado').show()
          $('#loadingLoad').modal('hide')

            $('.cardsEstatus').hide()
            $('#estatusTimbrado').show()
            $('.serieFolioLabel').html(respuesta.datos['Serie']+'-'+respuesta.datos['Folio'])
            //$('.uuidLabel').html(respuesta.datos['UUID'])

            
          Swal.fire({
            title: '¡Se guardo correctamente!',
            type: 'success',
            timer: 2000
          })
          $('#emailClienteM').val(resp.correo);

          makePdf(respuesta.datos['xmlNameFile'], respuesta.datos['idVenta'],'CP',0,'',0,respuesta.datos['Serie']+'-'+respuesta.datos['Folio']);
        }
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }

    function makePdf(nameXml, idventa, concoche = 0,ine=0,comentarios='',prefactura=0,seriefolio='') {

        nameXml = nameXml + '.xml'
        $.ajax({
                url: '{{ url('operaciones/xml_pdf') }}',
                type: 'POST',
                dataType: 'json',
                data: {
                    nameXml: nameXml,
                    idventa: idventa,
                    concoche: concoche,
                    ine: ine,
                    comentarios: comentarios,
                    prefactura: prefactura,
                },
            })
            .done(function(resp) {
                console.log(resp);

                if (resp.estatus > 0) {
                    $('#urlPdfFact').val(resp.urlPdf)
                    $('#btnFactView').show()
                    modalComprobanteFact2(resp.urlPdf, idventa,0,seriefolio)
                }
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

    }
     function modalComprobanteFact2(src, idventa,tipo=0,seriefolio){

        

        $('#idDocComprobante').val(idventa)
        $('#modalFactura').modal('hide')
        $('#modalFactura').modal('hide')
        $('#loadingSave').modal('hide')
        $('#btnPdfView').prop('href',src)
        $('#downloadPdf').prop('href',src)

        $('#divArchivos').show()
        result = src.replace(".pdf", ".xml");
        $('#btnXmlView').prop('href',result)
        $('#downloadXml').prop('href',result)
       
        asdocu = 'Complemento de Pago'
        
        $('#asuntoModal').val('Asunto: '+asdocu+' '+seriefolio+' - '+$('#nomEmpresa').val())

        $("#notasfacturaModal").summernote("code", 'Estimado/a '+$( "#buscaCliente option:selected" ).text()+',<br><br>Adjunto te envío CFDI Pago '+seriefolio+'.<br><br>Para cualquier consulta, estoy a tu disposición.<br><br>Saludos.<br>'+$('#nomEmpresa').val());
        //$('#notasfacturaModal').val()
         $('#modalComprobante2').modal('show')
    }
    function cancelaDeposito(){

        Swal.fire({
            title: '¿Deseas cancelar este depósito?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            cancelButtonText: 'No.',
            confirmButtonText: 'Sí, Cancelar.'
        }).then((result) => {
            if (result.value) {

               
     $.ajax({
            url: '{{ url('operaciones/cancela_deposito') }}',
            type: 'POST',
            dataType: 'json',
            data: {id_deposito: $('#idPagoRealizado').val()},
          })
          .done(function(resp) {
            console.log("success");
            if(resp.estatus > 0){
              Swal.fire({
                  title: 'Cancelado Correctamente.',
                  type: 'success',
                  timer: 7000
              })
              $('.cardsEstatus').hide()
              $('#estatusCancelada').show()
              $('#divCancelar').hide()
              $('#btnCancelarDeposito').hide()
              $('#btnCancelarDepositoTimbrado').hide()
              $('#btn_timbrarPago').hide()
            }
          })
          .fail(function() {
            console.log("error");
          })
          .always(function() {
            console.log("complete");
          });
               
            }
        })



      /*Swal.fire({
        title: "Deseas cancelar el Depósito?",
        showDenyButton: true,
        showCancelButton: false,
        confirmButtonText: "Si",
        denyButtonText: `No`
      }).then((result) => {

        if (result.isConfirmed) {

      
          
        } 
      });*/
    }
     function enviabutton(){
    $('#modalComprobante2').modal('show')
  }
        function enviarFactura(){
    var idfactura = $('#idDocHv').val()
    var correo = $('#emailClienteM').val()
    var cc = $('#cc').val()
    var asunto = $('#asuntoModal').val()
    var cuerpo = $('#notasfacturaModal').val()
    $.ajax({
      url: '{{ url('operaciones/enviar_factura') }}',
      type: 'POST',
      dataType: 'json',
      data: {
        correo: correo,
        cc: cc,
        asunto: asunto,
        cuerpo: cuerpo,
        idfactura: idfactura,
      },
    })
    .done(function(resp) {
      console.log(resp);
      Swal.fire({
              title: 'Enviado correctamente.',
              type: 'success',
              timer: 7000
          })
          return false;
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
    
  }
  function restaura(){
    $('#bodyItems').html('')
    $('#btnAgregaFact').show()
    $('.cardsEstatus').hide()
    $('#estatusNueva').show()
    $('#btn_generarPago').show()
    $('#btn_timbrarPago').hide()
    $('#idDocumento').html('')
    $('#divCancelar').hide()
    $('#btnCancelarDeposito').hide()
    $('#btnCancelarDepositoTimbrado').hide()
    $('#idDocHv').val('')
    $('#idPagoRealizado').val('')
    $('#idDocComprobante').val('')
    $('#divArchivos').hide()
    $('#id_cliente').val(0).selectpicker("refresh");
    $('#fpp').val(0).selectpicker("refresh");

    calculatotalPagado();
  }
    function selectAll() {
    if ($('#checkAll').is(':checked')) {
      $('.rrela_nota').prop('checked', true);
      //$('#btnEliminarPoliza').show('slow')

    } else {
      $('.rrela_nota').prop('checked', false);
      //$('#btnEliminarPoliza').hide('slow')

    }
    // $('#checkAll').hide();
  }
    function cancelarModal(){
    $('#modalCancelar').modal('show')
  }
   function muestraRel() {
    if ($('#motivo_cancelacion').val() == '01') {
      $('#uuidRelaCancelRow').show()
      $('#btnMuestraFacRelaCancel').show()
    } else {
      $('#uuidRelaCancelRow').hide()
      $('#btnMuestraFacRelaCancel').hide()
    }
  }
  function agregaFacturaCancelacion(){
    verFacturas(1)
  }
    function verFacturas(cancelacion=0){
    var cliente = $('#buscaCliente').val()
    var tipo = $('#tipoAccion').val();
    $.ajax({
      url: '{{ url('operaciones/get_facturas_cliente') }}',
      type: 'POST',
      dataType: 'json',
      data: {id_cliente: cliente, tipo: tipo},
    })
    .done(function(resp) {
      console.log(resp);
      var html = ''
      if(cancelacion==0){
        tipoinput = 'checkbox'
        nameinput = ''
          $('#btnAgregaFact').show()
          $('#btnAgregaFactCancelacion').hide()
      }else{
        tipoinput = 'radio'
        nameinput = ' name="ceccanecl"'
          $('#btnAgregaFact').hide()
          $('#btnAgregaFactCancelacion').show()
      }
      $('#bodyFacturas').html(html)
      $.each(resp.facturas, function(index, val) {
          html+='<tr>'
          html+='<td>'+val.serie+'</td>'
          html+='<td>'+val.folio+'</td>'
          html+='<td>'+val.fecha_emision+'</td>'
          html+='<td>'+numberFormat(val.monto)+'</td>'
          html+='<td>'+numberFormat(val.saldo)+'</td>'
          html+='<td><input class="form-check-input rrela" type="'+tipoinput+'" id="che_'+val.id+'"  value="'+val.id+'" serie="'+val.serie+'" folio="'+val.folio+'" uuid="'+val.uuid+'"'+nameinput+'></td>'
          html+='</tr>'
      });
      $('#bodyFacturas').append(html)
      $('#modalFacturasRelacion').modal()
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
    
  }
  function agregarFact2(){
  $('.rrela').each(function(index, el) {
        if ($(this).is(':checked')) {
          $('#serieRelaCancel').val($(this).attr('serie'))
          $('#folioRelaCancel').val($(this).attr('folio'))
        }

    });
    $('#modalFacturasRelacion').modal('hide')
  }
</script>
@endpush