@extends('layouts.app', ['activePage' => 'facturasprogramadas', 'menuParent' => 'operaciones', 'titlePage' => ''])

@section('content')
@include('includes.tailwind')

<div class="content">
  <div class="container-fluid mt-4">
    <input type="hidden" id="nomEmpresa" value="{{ data_get($data, 'empresa.nombreorganizacion', '') }}">

    <div class="row gy-3 mb-3 align-items-stretch">
      <div class="col-lg-9 h-100">
        <div class="bg-white border border-slate-200 rounded-lg shadow-sm px-4 pt-4 pb-3 h-100">
          <div class="flex flex-wrap items-start justify-between gap-2 mb-2">
            <div>
              <h6 class="text-lg font-semibold text-slate-900 mb-1">Facturas Programadas</h6>
              <p class="text-sm text-slate-500 mb-0">Consulta y administra programaciones por cliente y estatus.</p>
            </div>
            <p class="text-xs font-semibold text-slate-600 bg-slate-50 border border-slate-200 rounded-md px-3 py-1 mb-0">Consulta dinámica</p>
          </div>

          <section class="bg-gray-25 rounded-lg border border-gray-200 p-3" id="tourProgramacionFiltros">
            <div class="flex items-center gap-3 mb-3">
              <span class="h-10 w-10 rounded-lg border border-slate-900 flex items-center justify-center text-lg text-slate-900">
                <i class="material-icons text-sm">filter_alt</i>
              </span>
              <div>
                <h6 class="text-sm font-semibold text-slate-900 mb-0">PARAMETROS DE BUSQUEDA</h6>
                <p class="text-sm text-slate-700 mb-0">Filtra el listado para ubicar y gestionar facturas programadas.</p>
              </div>
            </div>

            <div class="row gx-3 gy-2">
              <div class="col-md-4" id="content_cliente">
                <label class="block text-sm text-slate-700 mb-1">Cliente:</label>
                <select id="cliente" class="select2 w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                  <option value="0">Todos</option>
                  @foreach ($data['clientes'] as $p)
                  <option value="{{ $p->id }}">{{$p->nombre_comercial}} ({{$p->razon_social}})</option>
                  @endforeach
                </select>
              </div>

              <div class="col-md-4 contentFechasConsultar">
                <label class="block text-sm text-slate-700 mb-1">Estatus:</label>
                <select id="filtro_estatus" class="select2 w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                  <option value="x" selected>Todos</option>
                  <option value="1">Activa</option>
                  <option value="0">Cancelada</option>
                </select>
              </div>

              <div class="col-md-4 mt-4">
                <button type="button" class="inline-flex items-center gap-2 bg-[#0A415F] hover:bg-[#083549] text-white px-4 py-2 text-sm rounded-md font-medium transition-colors duration-200 w-full justify-center" onclick="loadGrid();">
                  <i class="material-icons text-sm leading-none">search</i>
                  Buscar
                </button>
              </div>
            </div>

            <div class="row" style="display: none;">
              <div class="col-md-3 contentFechasDescargar" style="margin-top: 3px; display: none;">
                <div class="form-group">
                  <label class="block text-sm font-medium text-gray-700">Rango de fechas:</label>
                  <input type="text" class="form-control daterange" id="desde_hasta" placeholder="10/01/2022 - 10/01/2022 " />
                </div>
              </div>
              <div class="col-md-7 isnt-filled contentFechasDescargar" style="display: none;"></div>
              <div class="col-md-3 contentFechasConsultar" style="margin-top: 3px;">
                <div class="form-check form-check-radio form-check-inline">
                  <label class="form-check-label">
                    <input class="form-check-input" type="radio" name="radioFecha" value="m" checked="true"> Mes
                    <span class="circle">
                      <span class="check"></span>
                    </span>
                  </label>
                </div>
                <div class="form-check form-check-radio form-check-inline">
                  <label class="form-check-label">
                    <input class="form-check-input" type="radio" name="radioFecha" value="W"> Semana
                    <span class="circle">
                      <span class="check"></span>
                    </span>
                  </label>
                </div>
                <div class="form-check form-check-radio form-check-inline">
                  <label class="form-check-label">
                    <input class="form-check-input" type="radio" name="radioFecha" value="d"> Día
                    <span class="circle">
                      <span class="check"></span>
                    </span>
                  </label>
                </div>
                <div class="form-check form-check-radio form-check-inline">
                  <label class="form-check-label">
                    <input class="form-check-input" type="radio" name="radioFecha" value="to"> Rango
                    <span class="circle">
                      <span class="check"></span>
                    </span>
                  </label>
                </div>
              </div>
              <div class="col-md-2 contentFechasConsultar" style="margin-top: 3px;">
                <div class="form-group">
                  <label class="block text-sm font-medium text-gray-700">Fecha:</label>
                  <input type="text" class="form-control datetimepicker" id="fecha_cons" value="{{ $hoy }}" />
                  <input type="text" style="display: none;" class="form-control datetime" id="fecha_cons_ran" placeholder="10/01/2022 - 10/01/2022 " />
                </div>
              </div>
              <input type="hidden" id="filtro_estatus_timbrado" value="x">
            </div>
          </section>
        </div>
      </div>

      <div class="col-lg-3 h-100">
        <div class="bg-white border border-slate-200 rounded-lg shadow-sm p-4 h-100" id="tourProgramacionResumen">
          <div class="flex items-center justify-between mb-3">
            <h6 class="text-sm font-semibold text-slate-900 mb-0">Resumen</h6>
            <span id="programacionesHistoryBadge" class="cfdi-history-badge neutral">Esperando datos</span>
          </div>

          <div class="grid grid-cols-2 gap-3">
            <div class="bg-slate-50 rounded-lg p-3 border border-slate-100">
              <p class="text-xs text-slate-600 font-medium mb-1">Programaciones</p>
              <p class="text-lg font-bold text-slate-900" id="programacionesTotal">0</p>
            </div>
            <div class="bg-blue-50 rounded-lg p-3 border border-blue-100">
              <p class="text-xs text-blue-700 font-medium mb-1">Monto total</p>
              <p class="text-lg font-bold text-blue-700" id="programacionesMonto">$0.00</p>
            </div>
            <div class="bg-emerald-50 rounded-lg p-3 border border-emerald-100">
              <p class="text-xs text-emerald-700 font-medium mb-1">Activas</p>
              <p class="text-lg font-bold text-emerald-700" id="programacionesActivas">0</p>
            </div>
            <div class="bg-amber-50 rounded-lg p-3 border border-amber-100">
              <p class="text-xs text-amber-700 font-medium mb-1">Ejecuciones</p>
              <p class="text-lg font-bold text-amber-700" id="programacionesEjecuciones">0</p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-12">
        <div class="bg-white border border-slate-200 rounded-lg shadow-sm p-4">
          <div class="flex flex-wrap items-center justify-between gap-3 border-b border-slate-200 pb-2 mb-3">
            <div>
              <h6 class="text-sm font-semibold text-slate-900 mb-1">Listado de Facturas Programadas</h6>
              <p class="text-xs text-slate-500 mb-0">Control de recurrencias, estatus y ejecuciones por factura.</p>
            </div>
          </div>

          <div class="table-scroll material-datatables">
            <table class="min-w-full  table-striped table-bordered table-sm table-hover display nowrap" cellspacing="0" width="100%" style="width:100%" id="gridFacturas">
              <thead class="sticky-top bg-gray-50 px-6 py-3 text-[10px] font-semibold text-left text-gray-500 uppercase tracking-wider">
                <tr>
                  <th class="px-2 py-2">ID</th>
                  <th width="15%" class="px-2 py-2">Fecha</th>
                  <th class="px-2 py-2">Serie</th>
                  <th class="px-2 py-2">Folio</th>
                  <th class="px-2 py-2">Cliente</th>
                  <th class="px-2 py-2">RFC</th>
                  <th class="px-2 py-2">Concepto</th>
                  <th class="px-2 py-2">Total</th>
                  <th class="px-2 py-2">M. Pago</th>
                  <th class="px-2 py-2">Usuario</th>
                  <th class="px-2 py-2">Fecha Inicio</th>
                  <th class="px-2 py-2">Frecuencia</th>
                  <th class="px-2 py-2">Repeticiones</th>
                  <th class="px-2 py-2">Dia</th>
                  <th class="px-2 py-2">Ejecutadas</th>
                  <th class="px-2 py-2">Estatus</th>
                  <th class="px-2 py-2">Acciones</th>
                </tr>
              </thead>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modalProgramar">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-gray-50 border-b border-gray-200 px-6 py-4">
        <h4 class="modal-title text-lg font-semibold text-gray-900">Programar factura</h4>
        <button type="button" class="close text-gray-400 hover:text-gray-600 transition-colors" data-dismiss="modal" aria-hidden="true">
          <i class="material-icons">close</i>
        </button>
      </div>
      <div class="modal-body">
        <input type="hidden" id="id_programa">
        <div class="mb-2">
          <label class="block text-sm font-medium text-gray-700">Día del mes:<span class="text-danger">*</span></label>
          <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all" id="diaMes" max="31" min="1" onkeyup="validaDia();">
        </div>
        <div class="mb-2">
          <label class="block text-sm font-medium text-gray-700">Repeticiones:<span class="text-danger">*</span></label>
          <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all" id="periocidad">
        </div>
        <div class="mb-2">
          <label class="block text-sm font-medium text-gray-700">Ejecutadas:</label>
          <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all" id="ejecutados" readonly>
        </div>
        <div class="mb-2">
          <label class="block text-sm font-medium text-gray-700">Concepto:</label>
          <input type="hidden" id="idproductoventa">
          <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all" id="concepto">
        </div>
        <div class="mb-2">
          <div class="form-group filled bmd-form-group">
            <label class="block text-sm font-medium text-gray-700">Complementar concepto:</label>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="mb-2">
              <label class="block text-sm font-medium text-gray-700">Mes:</label>
              <select id="complementoConceptoMes" class="select2 w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" data-width="100%" data-style="select-with-transition" data-live-search="true">
                <option value="0">-Selecciona-</option>
                <option value="1">ENERO</option>
                <option value="2">FEBRERO</option>
                <option value="3">MARZO</option>
                <option value="4">ABRIL</option>
                <option value="5">MAYO</option>
                <option value="6">JUNIO</option>
                <option value="7">JULIO</option>
                <option value="8">AGOSTO</option>
                <option value="9">SEPTIEMBRE</option>
                <option value="10">OCTUBRE</option>
                <option value="11">NOVIEMBRE</option>
                <option value="12">DICIEMBRE</option>
              </select>
            </div>
          </div>
          <div class="col-md-6">
            <div class="mb-2">
              <label class="block text-sm font-medium text-gray-700">Año:</label>
              <select id="complementoConceptoAnio" class="select2 w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" data-width="100%" data-style="select-with-transition" data-live-search="true">
                <option value="0">-Selecciona-</option>
                <option value="2024">2025</option>
                <option value="2026">2026</option>
                <option value="2027">2027</option>
                <option value="2028">2028</option>
                <option value="2029">2029</option>
                <option value="2030">2030</option>
              </select>
            </div>
          </div>
        </div>
        <div class="mb-2">
          <label class="block text-sm font-medium text-gray-700">Estatus:</label>
          <select id="estatus" class="select2 w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" data-width="100%" data-style="select-with-transition" data-live-search="true">
            <option value="1">Activo</option>
            <option value="0">Cancelado</option>
          </select>
        </div>
      </div>
      <div class="modal-footer bg-gray-50 border-t border-gray-200 px-6 pt-4 pb-4 flex justify-end gap-2">
        <button type="button" class="flex items-center gap-2 bg-transparent text-gray-600 hover:text-red-600 border border-gray-300 hover:border-red-500 mr-2 px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200 shadow-sm" data-dismiss="modal">
          Cerrar
        </button>
        <button type="button" class="flex items-center gap-2 bg-gradient-to-r from-emerald-600 to-green-600 text-white border border-emerald-600 px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200 shadow-sm" onclick="guardarFactProgramada();">
          <i class="material-icons text-sm">save</i>
          Guardar
        </button>
      </div>
    </div>
  </div>
</div>


<div class="modal fade" id="modalRelacionadas">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="clienteEncabezado">Facturas Creadas</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
        <div class="row mb-2">
          <div class="col-md-2">
            <label class="block text-sm font-medium text-gray-700">Serie:</label>
            <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all" id="serieOriginal" readonly>
          </div>
          <div class="col-md-6">
            <label class="block text-sm font-medium text-gray-700">Concepto:</label>
            <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all" id="uuidOriginal" readonly>
          </div>
          <div class="col-md-2">
            <label class="block text-sm font-medium text-gray-700">Fecha:</label>
            <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all" id="fechaOriginal" readonly>
          </div>
          <div class="col-md-2">
            <label class="block text-sm font-medium text-gray-700">Importe:</label>
            <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all" id="importeOriginal" readonly>
          </div>
        </div>
        <div class="mb-2">
          <div class="overflow-x-auto rounded-lg border border-gray-200 shadow-sm">
            <table class="w-full text-sm table-fixed">
              <thead class="sticky-top">
                <tr class="bg-gradient-to-r from-gray-50 to-gray-100 border-b-2 border-gray-200">
                  <th class="px-4 py-2 text-left font-semibold text-gray-700 uppercase tracking-wide text-[11px]">Serie/Folio</th>
                  <th class="px-4 py-2 text-left font-semibold text-gray-700 uppercase tracking-wide text-[11px]">Fecha</th>
                  <th class="px-4 py-2 text-left font-semibold text-gray-700 uppercase tracking-wide text-[11px]">Concepto</th>
                  <th class="px-4 py-2 text-left font-semibold text-gray-700 uppercase tracking-wide text-[11px]">Estatus</th>
                </tr>
              </thead>
              <tbody id="bodyRelacionadas">

              </tbody>
            </table>
          </div>
        </div>
      </div>
      <div class="modal-footer bg-gray-50 border-t border-gray-200 px-6 pt-4 pb-4 flex justify-end gap-2">
        <button type="button" class="flex items-center gap-2 bg-transparent text-gray-600 hover:text-red-600 border border-gray-300 hover:border-red-500 mr-2 px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200 shadow-sm" data-dismiss="modal">
          Cerrar
        </button>
      </div>
    </div>
  </div>
</div>

<style>
  .cfdi-history-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.85rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid #cbd5f5;
    transition: all 0.2s ease-in-out;
  }

  .cfdi-history-badge.neutral {
    background-color: #f8fafc;
    color: #475569;
    border-color: #cbd5f5;
  }

  .cfdi-history-badge.success {
    background-color: #dcfce7;
    color: #166534;
    border-color: #86efac;
  }

  .cfdi-history-badge.warning {
    background-color: #fef9c3;
    color: #854d0e;
    border-color: #fde68a;
  }

  .cfdi-history-badge.danger {
    background-color: #fee2e2;
    color: #991b1b;
    border-color: #fecaca;
  }

  .select2-container {
    width: 100% !important;
  }

  .select2-container .select2-selection--single {
    height: 40px !important;
  }

  .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
  }

  td {
    font-size: 0.8em !important;
  }

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

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

  .table-scroll {
    max-height: 560px;
    overflow-y: auto;
  }

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

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

  #swal2-content {
    color: red;
  }

  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_processing,
  .dataTables_wrapper .dataTables_paginate {
    font-size: 10px;
  }

  .dataTables_wrapper .dataTables_length select,
  .dataTables_wrapper .dataTables_filter input {
    font-size: 10px !important;
  }

  table.dataTable thead th,
  table.dataTable thead td {
    font-size: 10px !important;
  }

  table.dataTable tfoot th,
  table.dataTable tfoot td {
    font-size: 11px !important;
  }

  table.dataTable tbody td {
    font-size: 10px !important;
  }

  table.dataTable tbody tr:hover {
    background-color: #f8f9fa;
    cursor: pointer;
  }

  .dataTables_wrapper .dataTables_filter input {
    padding: 0.25rem 0.5rem !important;
    border-radius: 0.375rem !important;
    border: 1px solid #e2e8f0 !important;
  }

  .dataTables_wrapper .dataTables_filter input:focus {
    outline: none !important;
    border-color: #0A415F !important;
    box-shadow: 0 0 0 2px rgba(10, 65, 95, 0.1) !important;
  }

  .swal2-popup.swal2-modern {
    width: 24rem !important;
    max-width: calc(100vw - 2rem) !important;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.22);
    padding: 1.05rem 1rem 0.95rem;
  }

  .swal2-popup.swal2-modern .swal2-title {
    font-size: 1.04rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0.3rem;
  }

  .swal2-popup.swal2-modern .swal2-html-container,
  .swal2-popup.swal2-modern #swal2-content {
    color: #475569;
    font-size: 0.88rem;
    line-height: 1.4;
    margin-top: 0;
  }

  .swal2-popup.swal2-modern .swal2-actions {
    gap: 0.45rem;
    margin-top: 0.8rem;
  }

  .swal2-popup.swal2-modern .swal2-styled.swal2-confirm,
  .swal2-popup.swal2-modern .swal2-modern-confirm {
    border-radius: 9px !important;
    padding: 0.5rem 0.9rem !important;
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.16);
  }

  .swal2-popup.swal2-modern .swal2-styled.swal2-cancel,
  .swal2-popup.swal2-modern .swal2-modern-cancel {
    border-radius: 9px !important;
    padding: 0.5rem 0.9rem !important;
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    background: #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: none;
  }

  .swal2-popup.swal2-modern .swal2-icon {
    margin: 0.2rem auto 0.65rem;
    transform: scale(0.9);
  }

  .swal2-popup.swal2-modern .swal2-icon.swal2-warning {
    border-color: #f59e0b;
    color: #f59e0b;
  }

  .swal2-popup.swal2-modern .swal2-icon.swal2-success {
    border-color: #16a34a;
    color: #16a34a;
  }

  .swal2-popup.swal2-modern .swal2-icon.swal2-error {
    border-color: #dc2626;
    color: #dc2626;
  }
</style>

@endsection

@push('js')
<script>
  (function initModernSwalTheme() {
    if (typeof Swal === 'undefined' || typeof Swal.fire !== 'function' || Swal.__retencionesModernized) {
      return;
    }

    const originalFire = Swal.fire.bind(Swal);

    function normalizeSwalArgs(args) {
      if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null) {
        return Object.assign({}, args[0]);
      }

      return {
        title: args[0] || '',
        text: args[1] || '',
        icon: args[2] || undefined
      };
    }

    function mergePopupClass(customClass) {
      const safeClass = customClass || {};
      const popupClass = safeClass.popup ? String(safeClass.popup) : '';

      return Object.assign({}, safeClass, {
        popup: ('swal2-modern ' + popupClass).trim(),
        confirmButton: ('swal2-modern-confirm ' + (safeClass.confirmButton || '')).trim(),
        cancelButton: ('swal2-modern-cancel ' + (safeClass.cancelButton || '')).trim()
      });
    }

    Swal.fire = function() {
      const config = normalizeSwalArgs(Array.prototype.slice.call(arguments));

      if (config.type && !config.icon) {
        config.icon = config.type;
      }

      config.customClass = mergePopupClass(config.customClass);

      if (typeof config.allowOutsideClick === 'undefined') {
        config.allowOutsideClick = true;
      }

      if (typeof config.allowEscapeKey === 'undefined') {
        config.allowEscapeKey = true;
      }

      if (Number.isFinite(config.timer)) {
        config.timer += 2000;
      }

      return originalFire(config);
    };

    Swal.__retencionesModernized = true;
  })();

  let activeSwalLoadings = 0;

  function renderLoadingSwal(text = 'Procesando, por favor espera...') {
    Swal.fire({
      title: 'Cargando',
      text: text,
      allowOutsideClick: false,
      allowEscapeKey: false,
      showConfirmButton: false,
      timer: 1200,
      timerProgressBar: true,
      didOpen: () => {
        Swal.showLoading();
      },
      willClose: () => {
        // Si la petición sigue activa al terminar el timer, volvemos a mostrar el loader.
        if (activeSwalLoadings > 0) {
          setTimeout(() => {
            if (activeSwalLoadings > 0 && (!Swal.isVisible() || !Swal.isLoading())) {
              renderLoadingSwal(text);
            }
          }, 60);
        }
      }
    });
  }

  function showLoadingSwal(text = 'Procesando, por favor espera...') {
    activeSwalLoadings += 1;

    if (Swal.isVisible() && Swal.isLoading()) {
      return;
    }

    renderLoadingSwal(text);
  }

  function hideLoadingSwal() {
    activeSwalLoadings = Math.max(0, activeSwalLoadings - 1);

    if (activeSwalLoadings === 0 && Swal.isVisible() && Swal.isLoading()) {
      Swal.close();
    }
  }

  $.ajaxSetup({
    beforeSend: function() {
      showLoadingSwal();
    },
    complete: function() {
      setTimeout(function() {
        hideLoadingSwal();
      }, 1000);
    }
  });




  let $programacionesHistoryBadge;
  let $programacionesTotal;
  let $programacionesMonto;
  let $programacionesActivas;
  let $programacionesEjecuciones;
  const programacionesBadgeStates = ['neutral', 'success', 'warning', 'danger'];

  function parseMoneyValue(value) {
    if (value === null || value === undefined || value === '') {
      return 0;
    }
    if (typeof value === 'number') {
      return value;
    }
    var cleaned = String(value).replace(/[^0-9.-]/g, '');
    var parsed = parseFloat(cleaned);
    return Number.isNaN(parsed) ? 0 : parsed;
  }

  function setProgramacionesBadgeState(statusText, statusClass) {
    if (!$programacionesHistoryBadge || !$programacionesHistoryBadge.length) {
      return;
    }
    var nextClass = statusClass || 'success';
    $programacionesHistoryBadge.removeClass(programacionesBadgeStates.join(' ')).addClass(nextClass);
    $programacionesHistoryBadge.text(statusText || 'Cargado');
  }

  function updateProgramacionesSummary(rows) {
    var registros = Array.isArray(rows) ? rows : [];
    var total = registros.length;
    var montoTotal = 0;
    var activas = 0;
    var ejecuciones = 0;

    registros.forEach(function(item) {
      montoTotal += parseMoneyValue(item && item.factura ? item.factura.monto : 0);
      if (String(item.estatus) === '1') {
        activas += 1;
      }
      ejecuciones += parseInt(item.ejecuciones, 10) || 0;
    });

    if ($programacionesTotal && $programacionesTotal.length) {
      $programacionesTotal.text(total);
    }
    if ($programacionesMonto && $programacionesMonto.length) {
      $programacionesMonto.text(numberFormat(montoTotal));
    }
    if ($programacionesActivas && $programacionesActivas.length) {
      $programacionesActivas.text(activas);
    }
    if ($programacionesEjecuciones && $programacionesEjecuciones.length) {
      $programacionesEjecuciones.text(ejecuciones);
    }

    if (total === 0) {
      setProgramacionesBadgeState('Sin resultados', 'warning');
      return;
    }

    setProgramacionesBadgeState('Cargado', 'success');
  }

  $(document).ready(function() {
    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }

    });

    $programacionesHistoryBadge = $('#programacionesHistoryBadge');
    $programacionesTotal = $('#programacionesTotal');
    $programacionesMonto = $('#programacionesMonto');
    $programacionesActivas = $('#programacionesActivas');
    $programacionesEjecuciones = $('#programacionesEjecuciones');

    setProgramacionesBadgeState('Esperando datos', 'neutral');
    updateProgramacionesSummary([]);

    if ($.fn.select2) {
      $('.select2').select2({
        width: '100%'
      });
    }

    var date = new Date();
    $('#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'
      }
    });

    $('#desde').datetimepicker({
      "defaultDate": new Date(),
      format: 'DD/MM/YYYY',
      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'
      }
    })
    $('#hasta').datetimepicker({
      "defaultDate": new Date(),
      format: 'DD/MM/YYYY',
      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({
      "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_deposito').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'
      }
    })
    $('.daterange').daterangepicker({
      startDate: moment().startOf('hour'),
      endDate: moment().startOf('hour').add(32, 'hour'),
      locale: {
        format: 'DD/MM/YYYY',
        applyLabel: "Aplicar",
        cancelLabel: "Cancelar",
      }
    });

    loadGrid();

  });

  $("input[type=radio][name=radioFecha]").change(function(e) {

    daysOfWeekDisabled = [];
    if (this.value == 'to') {

      $('#fecha_cons_ran').show()
      $('#fecha_cons').hide()
      // $('#fecha_cons_ran').daterangepicker('destroy')
      $('#fecha_cons_ran').daterangepicker({
        startDate: moment().startOf('hour'),
        endDate: moment().startOf('hour').add(32, 'hour'),
        locale: {
          format: 'YYYY-MM-DD',
          applyLabel: "Aplicar",
          cancelLabel: "Cancelar",
        }
      });
      // $('#fecha_cons_ran').daterangepicker('refresh')

    } else {
      $('#fecha_cons').datetimepicker('destroy')
      $('#fecha_cons').show()
      $('#fecha_cons_ran').hide()

      if (this.value == 'm') {
        format = 'YYYY-MM';
      } else if (this.value == 'W') {
        format = 'YYYY-MM-DD';
        daysOfWeekDisabled = [1, 2, 3, 4, 5, 6];
      } else if (this.value == 'd') {
        format = 'YYYY-MM-DD';
      }
      $('#fecha_cons').datetimepicker({
        defaultDate: new Date(),
        format: format,
        daysOfWeekDisabled: daysOfWeekDisabled,
        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')
    }

  });

  function loadGrid() {
    var cliente = $('#cliente').val();
    var estatus = $('#filtro_estatus').val();
    var fecha = $('#fecha_cons').val();
    var fecharan = $('#fecha_cons_ran').val();
    var radio = $('input[name="radioFecha"]:checked').val();
    var timbrado = $('#filtro_estatus_timbrado').val();

    setProgramacionesBadgeState('Cargando...', 'neutral');

    $('#gridFacturas').dataTable().fnDestroy();
    var table = $('#gridFacturas').DataTable({
      lengthMenu: [10, 20, 50, 100, 200, 500],
      // processing: true,
      dom: 'Blfrtip',
      // scrollX: true,
      language: {
        url: "{{asset('material/datatable_sp.json')}}"
      },
      ajax: {
        url: "{{url('operaciones/get_programadas')}}",
        type: "POST",
        data: {
          cliente: cliente,
          estatus: estatus,
          fecha: fecha,
          fecharan: fecharan,
          radio: radio,
          timbrado: timbrado,
        },
        error: function() {
          setProgramacionesBadgeState('Error', 'danger');
        }
      },
      initComplete: function(settings, json) {
        var rows = (json && Array.isArray(json.data)) ? json.data : [];
        updateProgramacionesSummary(rows);
      },
      columns: [{
          data: "id"
        },
        {
          data: "created_at"
        },
        {
          data: "id",
          render: function(data, type, row) {
            if (row.factura != null) {
              return row.factura.serie;
            } else {
              return '';
            }
            //return '<div align="center">'+row.factura.serie+'-'+row.factura.folio+'</div>'

          },
          className: "text-left"
        },
        {
          data: "id",
          render: function(data, type, row) {
            if (row.factura != null) {
              return row.factura.folio;
            } else {
              return '';
            }
            //return '<div align="center">'+row.factura.serie+'-'+row.factura.folio+'</div>'

          },
          className: "text-left"
        },
        {
          data: "factura.razon_social_receptor"
        },
        {
          data: "factura.rfc_receptor"
        },
        {
          data: "factura.rfc_receptor",
          render: function(data, type, row) {
            return row.factura.venta?.items[0]?.descripcion || '';
          },
          className: "text-left"
        },
        {
          data: "factura.monto",
          render: function(data, type, row) {
            return numberFormat(row.factura.monto)
          },
          className: "text-right"
        },
        {
          data: "factura",
          render: function(data, type, row) {

            if (row.factura.venta?.metodo_pago != null) {
              return '<div align="center">' + row.factura.venta.metodo_pago.claveSat + '- ' + row.factura.venta.metodo_pago.nombre + '</div>'
            } else {
              return '';
            }
            //return '<div align="center">'+row.factura.serie+'-'+row.factura.folio+'</div>'

          }
        },
        {
          data: "usuario.nombres"
        },
        {
          data: "fecha_inicio"
        },
        {
          data: "recurrencia",
          render: function(data, type, row) {
            if (row.recurrencia == 1) {
              return 'Mensual'
            } else {
              return 'Anual'
            }
          }
        },
        {
          data: "periocidad",
          className: "text-center"
        },
        {
          data: "dia_mes",
          className: "text-center"
        },
        {
          data: "ejecuciones",
          className: "text-center"
        },
        {
          data: "estatus",
          render: function(data, type, row) {
            if (row.estatus == '1') {
              return '<div align="center"><span class="badge badge-success">Activo</span></div>'
            } else if (row.estatus == '2') {
              return '<div align="center"><span class="badge badge-primary">Terminado</span></div>'
            } else if (row.estatus == '3') {
              return '<div align="center"><span class="badge badge-warning">Pausada</span></div>'

            } else {
              return '<div align="center"><span class="badge badge-danger">Cancelado</span></div>'
            }
          }
        },
        {
          data: "id",
          render: function(data, type, row) {
            if (row.estatus == '1') {
              return '<div align="center"><button class="btn btn-secondary btn-xsm" onclick="edita(' + row.id + ');"><i class="material-icons">edit</i></button><button class="btn btn-secondary btn-xsm" title="Ver facturas ejecutadas" onclick="getFactEjecutadas(' + row.id + ')"><i class="material-icons">list</i></button><button class="btn btn-secondary btn-xsm" onclick="reanudarDetener(' + row.id + ',3)" title="Detener facturación"><i class="material-icons">stop_circle</i></button></div>'
            } else if (row.estatus == '2') {
              return '<div align="center"><button class="btn btn-secondary btn-xsm" title="Ver facturas ejecutadas" onclick="getFactEjecutadas(' + row.id + ')"><i class="material-icons">list</i></button></div>'
            } else if (row.estatus == '3') {
              return '<div align="center"><button class="btn btn-secondary btn-xsm" onclick="edita(' + row.id + ');"><i class="material-icons">edit</i></button><button class="btn btn-secondary btn-xsm" title="Ver facturas ejecutadas" onclick="getFactEjecutadas(' + row.id + ')"><i class="material-icons">list</i></button><button class="btn btn-secondary btn-xsm" onclick="reanudarDetener(' + row.id + ',1)" title="Reanudar facturación"><i class="material-icons">refresh</i></button></div>'
            } else {
              return '<div align="center"><button class="btn btn-secondary btn-xsm" title="Ver facturas ejecutadas" onclick="getFactEjecutadas(' + row.id + ')"><i class="material-icons">list</i></button></div>'
            }
          }
        },

      ],
      order: [
        [0, "desc"]
      ],
      columnDefs: [{
          orderable: false,
          targets: 1,
          className: "text-center"
        }, {
          orderable: false,
          targets: 2,
          className: "text-center"
        }, {
          orderable: false,
          targets: 3,
          className: "text-center"

        },
        {
          orderable: false,
          targets: 4,
          className: "text-center"
        },
        {
          orderable: false,
          targets: 5,
          className: "text-center"
        },
      ],
      buttons: [{
          extend: 'excelHtml5',
          text: 'EXCEL',
          titleAttr: 'Excel',
        },
        {
          extend: 'csvHtml5',
          text: 'CSV',
          titleAttr: 'CSV',
        },
        {
          extend: 'pdfHtml5',
          text: 'PDF',
          titleAttr: 'PDF',
        },
        {
          extend: 'copyHtml5',
          text: 'COPIAR',
          titleAttr: 'Copiar',
        },

      ],
      footerCallback: function(row, data, start, end, display) {
        var api = this.api();
        // Remove the formatting to get integer data for summation
        var intVal = function(i) {
          return typeof i === 'string' ?
            i.replace(/[\$,]/g, '') * 1 :
            typeof i === 'number' ?
            i : 0;
        };

        var array = [7];
        array.forEach(element => {

          // Total over all pages
          total = api
            .column(element)
            .data()
            .reduce(function(a, b) {
              return intVal(a) + intVal(b);
            }, 0);

          // Total over this page
          pageTotal = api
            .column(element, {
              page: 'current'
            })
            .data()
            .reduce(function(a, b) {
              return intVal(a) + intVal(b);
            }, 0);

          // Update footer
          $(api.column(element).footer()).html(
            '<span class="font-weight-bold">' + formatter.format(parseFloat(total)) + '<span>'
          );
        });
      }
    });

  }

  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 numberFormat(num) {
    return new Intl.NumberFormat('en-US', {
      style: 'currency',
      currency: 'USD'
    }).format(num)
  }

  function nuevoDeposito() {
    $('#modalNuevoDeposito').modal('show')
  }

  function verNotasCredito() {
    var cliente = $('#id_cliente').val()

    $.ajax({
        url: "{{ url('operaciones/get_notas_cliente') }}",
        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) {
          html += '<tr>'
          html += '<td>' + val.serie + '</td>'
          html += '<td>' + val.folio + '</td>'
          html += '<td>' + val.fecha_emision + '</td>'
          html += '<td>' + val.moneda + '</td>'
          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 + '"></td>'
          html += '</tr>'
        });
        $('#bodyFacAplicadas').append(html)
        $('#modalAplicacionNotas').modal()
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });
  }

  function agregarNota() {
    var html = ''
    $('.rrela_nota').each(function(index, el) {
      if ($(this).is(':checked')) {

        html += '<tr class="facts_apagar" idfact="' + $(this).val() + '" id="factPag_' + $(this).val() + '" saldo="' + $(this).attr('monto') + '">'
        html += '<td><div align="center"><button class="btn btn-link btn-xsm mr-1 text-danger" title="Eliminar factura" onclick="eliminaFacPago(' + $(this).val() + ');"><i class="material-icons">close</i><div class="ripple-container"></div></button></div></td>'
        html += '<td>' + $(this).attr('serie') + '</td>'
        html += '<td>' + $(this).attr('folio') + '</td>'
        html += '<td>' + $(this).attr('moneda') + '</td>'
        if ($(this).attr('moneda') != 'MXN') {
          html += '<td>' + numberFormat($(this).attr('tipocambio')) + '</td>'
        } else {
          html += '<td>' + numberFormat(1) + '</td>'
        }
        html += '<td>' + numberFormat($(this).attr('monto')) + '</td>'
        html += '<td><input type="text" id="pago_' + $(this).val() + '" width="100%" value="' + $(this).attr('monto') + '" onkeyup="calculatotalPagado();validaSaldo(' + $(this).val() + ')"></td>'
        html += '</tr>'

      }

    });

    $('#bodyTablePagos').append(html)
    $('#modalAplicacionNotas').modal('hide')
    calculatotalPagado();
  }

  function eliminaFacPago(id) {
    $('#factPag_' + id).remove()
    calculatotalPagado();
  }

  function calculatotalPagado() {
    var total = 0;
    $('.facts_apagar').each(function(index, el) {
      idfact = $(this).attr('idfact')
      if ($('#pago_' + idfact).val() != '') {
        total += parseFloat($('#pago_' + idfact).val())

      }
    });
    $('#labelPagadoSD').html(numberFormat(total))
  }

  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) > parseFloat(saldo)) {

      Swal.fire({
        title: 'No puedes super el saldo de la factura.',
        type: 'warning',
        timer: 2000
      })
    }
    calculatotalPagado();
  }

  function guardarPago() {
    var fecha = $('#fecha').val()
    var fp = $('#fpp').val()
    var cliente = $('#id_cliente').val()
    var facturas = new Array
    var error = 0;
    $('.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
      })
      return false;
    }
    if (parseFloat(error) > 0) {
      Swal.fire({
        title: 'Existen pagos mayores al saldo.',
        type: 'warning',
        timer: 2000
      })
      return false;
    }
    
    $.ajax({
        url: "{{ url('operaciones/aplicar_pago') }}",
        type: 'POST',
        dataType: 'json',
        data: {
          fecha: fecha,
          fp: fp,
          facturas: facturas,
          cliente: cliente,
        },
      })
      .done(function(resp) {
        console.log("success");
        if (resp.estatus > 0) {
          /*if(gcp==1){
            
            timbrarPago(resp.estatus);
          }else{*/
          $('#btn_generarPago').hide()
          $('#btn_timbrarPago').show()

          $('#idPagoRealizado').val(resp.estatus)

          Swal.fire({
            title: 'Guardado con Exito.',
            type: 'success',
            timer: 2000
          })
          setTimeout(function() {
            
          }, 1000);

          return false;
          //}

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

  }

  function timbrarPago() {
    var idPago = $('#idPagoRealizado').val()
    if (idPago == '') {
      Swal.fire({
        title: 'Erro con Pago',
        type: 'error',
        timer: 10000
      })
      return false;
    }
    
    $.ajax({
        url: "{{ url('operaciones/timbrar_pago') }}",
        type: 'POST',
        dataType: 'json',
        data: {
          id_pago: idPago
        },
      })
      .done(function(res) {
        console.log("success");
        if (res.success == 1) {
          guardarFacturaPago(res)
          $('#modalAplicaDeposito').modal('hide')
          
          $('.btnSavePago').attr('disable', false)
        } else {

          
          $('#modalPagos').modal('show')
          Swal.fire({
            title: res.error + ' - ' + res.mensaje,
            type: 'error',
            timer: 10000
          })
          $('.btnSavePago').attr('disable', false)

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

  }

  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) {
          
          Swal.fire({
            title: 'Se guardo correctamente!',
            type: 'success',
            timer: 2000
          })
          $('#emailClienteM').val(resp.correo);
          $('#modalPagos').modal('hide')
          makePdf(respuesta.datos['xmlNameFile'], respuesta.datos['idVenta'], 'CP');
        }
      })
      .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)


    result = src.replace(".pdf", ".xml");
    $('#btnXmlView').prop('href', result)
    $('#downloadXml').prop('href', result)
    if ($('#tipodocumento').val() == '3') {
      asdocu = 'Nota de Credito'
    } else {
      asdocu = 'Factura'
    }
    $('#asuntoModal').val('Asunto: ' + asdocu + ' ' + seriefolio + ' - ' + $('#nomEmpresa').val())

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

  function edita(id) {
    $.ajax({
        url: "{{ url('operaciones/get_programacion') }}",
        type: 'POST',
        dataType: 'json',
        data: {
          id: id
        },
      })
      .done(function(resp) {
        console.log(resp);
        $('#id_programa').val(resp.data.id);
        $('#diaMes').val(resp.data.dia_mes);
        $('#periocidad').val(resp.data.periocidad);
        //$('#complementoConcepto').val(resp.data.forma_concepto);
        $('#complementoConceptoAnio').val(resp.data.anio_concepto);
        $('#complementoConceptoMes').val(resp.data.mes_concepto);
        $('#ejecutados').val(resp.data.ejecuciones)
        $('#concepto').val(resp.data.factura?.venta?.items[0]?.descripcion || '')
        $('#idproductoventa').val(resp.data.factura?.venta?.items[0]?.id || '')
        $('#estatus').val(resp.data.estatus)
        $('#complementoConceptoAnio').selectpicker("refresh");
        $('#complementoConceptoMes').selectpicker("refresh");
        $('#estatus').selectpicker("refresh");
        muestraanio();

        $('#modalProgramar').modal('show')
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }

  function guardarFactProgramada() {
    var id = $('#id_programa').val();
    var mes = $('#diaMes').val();
    var periodo = $('#periocidad').val();
    var concep = $('#complementoConcepto').val();
    var estatus = $('#estatus').val()
    var concepto = $('#concepto').val()
    var complementoConceptoMes = $('#complementoConceptoMes').val()
    var complementoConceptoAnio = $('#complementoConceptoAnio').val()

    if (concepto == '') {
      Swal.fire({
        title: 'Agrega un concepto.',
        type: 'warning',
        timer: 2000
      })
      return false
    }
    if (mes == '') {
      Swal.fire({
        title: 'El dia no es validao.',
        type: 'warning',
        timer: 2000
      })
      return false
    } else {
      if (parseInt(mes) < 1 || parseInt(mes) > 31) {
        Swal.fire({
          title: 'El dia no es validao.',
          type: 'warning',
          timer: 3000
        })
        $('#diaMes').focus()
        return false
      }
    }
    var idventaitem = $('#idproductoventa').val()
    $.ajax({
        url: "{{ url('operaciones/edita_programacion') }}",
        type: 'POST',
        dataType: 'json',
        data: {
          id: id,
          dia_mes: mes,
          periocidad: periodo,
          //formato_concepto: concep,
          estatus: estatus,
          concepto: concepto,
          idventaitem: idventaitem,
          complementoConceptoMes: complementoConceptoMes,
          complementoConceptoAnio: complementoConceptoAnio,
        },
      })
      .done(function(resp) {
        console.log("success");
        loadGrid();
        Swal.fire({
          title: 'Guardado Correctamente',
          type: 'success',
          timer: 2000
        })
        $('#modalProgramar').modal('hide')
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }

  function validaDia() {
    var dia = $('#diaMes').val()
    console.log(dia)
    if (parseInt(dia) < 1 || parseInt(dia) > 31) {
      Swal.fire({
        title: 'El dia no es validao.',
        type: 'warning',
        timer: 3000
      })
      $('#diaMes').val('')
      return false
    }
  }

  function muestraanio() {
    if ($('#periocidadF').val() == 2) {
      $('#anioconcepto').show()
    } else {
      $('#anioconcepto').hide()
    }
  }

  function getFactEjecutadas(id) {
    $.ajax({
        url: "{{ url('operaciones/get_programacion') }}",
        type: 'POST',
        dataType: 'json',
        data: {
          id: id,
          tipo: 1
        },
      })
      .done(function(resp) {
        console.log(resp);

        $('#serieOriginal').val(resp.data.factura.serie + '-' + resp.data.factura.folio)
        $('#uuidOriginal').val(resp.data.factura.conceptos[0].descripcion)
        $('#fechaOriginal').val(resp.data.factura.fecha_emision)
        $('#importeOriginal').val(numberFormat(resp.data.factura.monto))

        html = ''
        $('#bodyRelacionadas').html('')
        var contador = 0
        $.each(resp.conceptos, function(index, val) {
          html += '<tr class="hover:bg-gray-50 transition-colors">'
          if (typeof resp.data.ejecutadas[contador] !== 'undefined') {
            if (resp.data.ejecutadas[contador].error == null) {
              html += '<td class="px-4 py-3 text-sm text-gray-900">' + resp.data.ejecutadas[contador].cfdi.serie + '-' + resp.data.ejecutadas[contador].cfdi.folio + '</td>'
              html += '<td class="px-4 py-3 text-sm text-gray-900">' + resp.data.ejecutadas[contador].cfdi.fecha_emision + '</td>'
              html += '<td class="px-4 py-3 text-sm text-gray-900">' + resp.data.ejecutadas[contador].cfdi.conceptos[0].descripcion + '</td>'
              if (resp.data.ejecutadas[contador].cfdi.estatus == 1) {
                estatus = '<span class="badge badge-success">Activo</span>'
              } else if (resp.data.ejecutadas[contador].cfdi.estatus == 0) {
                estatus = '<span class="badge badge-danger">Cancelado</span>'
              } else {
                estatus = '<span class="badge badge-warning">Proceso Canelacion</span>'
              }
              html += '<td class="px-4 py-3 text-sm text-gray-900">' + estatus + '</td>'
            } else {
              html += '<td class="px-4 py-3 text-sm text-gray-900"><i class="material-icons">error</i></td>'
              html += '<td class="px-4 py-3 text-sm text-gray-900" colspan="3">' + resp.data.ejecutadas[contador].error + '</td>'
            }
          } else {
            html += '<td class="px-4 py-3 text-sm text-gray-900 text-center"> - </td>'
            html += '<td class="px-4 py-3 text-sm text-gray-900 text-center"> - </td>'
            html += '<td class="px-4 py-3 text-sm text-gray-900">' + resp.data.factura.conceptos[0].descripcion + ' ' + val + '</td>'
            estatus = '<span class="badge badge-info">Pendiente</span>'
            html += '<td class="px-4 py-3 text-sm text-gray-900">' + estatus + '</td>'
          }


          html += '</tr>'
          contador++;
        });
        /*$.each(resp.data.ejecutadas, function(index, val) {
            html+='<tr>'
            if(val.error==null){
                html+='<td>'+val.cfdi.serie+'-'+val.cfdi.folio+'</td>'
                html+='<td>'+val.cfdi.fecha_emision+'</td>'
                html+='<td>'+val.cfdi.conceptos[0].descripcion+'</td>'
                if(val.cfdi.estatus==1){
                  estatus = '<span class="badge badge-success">Activo</span>'
                }else if(val.cfdi.estatus==0){
                  estatus = '<span class="badge badge-danger">Cancelado</span>'
                }else{
                  estatus = '<span class="badge badge-warning">Proceso Canelacion</span>'
                }
                html+='<td>'+estatus+'</td>'
            }else{
                html+='<td><i class="material-icons">error</i></td>'
                html+='<td colspan="3">'+val.error+'</td>'
            }

            html+='</tr>'
        });*/
        $('#bodyRelacionadas').append(html)
        $('#clienteEncabezado').html(resp.data.factura.cliente.razon_social)
        $('#modalRelacionadas').modal('show')
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }

  function numberFormat(num) {
    return new Intl.NumberFormat('en-US', {
      style: 'currency',
      currency: 'USD'
    }).format(num)
  }

  function reanudarDetener(id, tipo) {
    if (tipo == 1) {
      msj = '¿Quieres reanudar la programación?'
    } else {
      msj = '¿Quieres detener la programación?'
    }

    Swal.fire({
      title: msj,
      //showDenyButton: true,
      showCancelButton: true,
      confirmButtonText: "Sí",
      cancelButtonText: `No`,
      cancelButtonColor: '#f54c4c'
    }).then((result) => {
      console.log(result.value)
      /* Read more about isConfirmed, isDenied below */
      if (result.value) {
        $.ajax({
            url: "{{ url('operaciones/cambia_estatus_programada') }}",
            type: 'POST',
            dataType: 'json',
            data: {
              id: id,
              tipo: tipo
            },
          })
          .done(function(resp) {
            console.log(resp);
            if (resp.estatus > 0) {
              Swal.fire({
                title: 'Guardado con Exito.',
                type: 'success',
                timer: 2000
              })
              loadGrid();
            }
          })
          .fail(function() {
            console.log("error");
          })
          .always(function() {
            console.log("complete");
          });

      }
    });
  }
</script>
@endpush