@if ($estatus == 'Pendiente por pagar')
    @php
        $VerEditor =
            auth()->user()->can('Pagos pendientes - Visor') || auth()->user()->can('Pagos pendientes - Editor');
    @endphp
@endif
@if ($estatus == 'Pagado')
    @php
        $VerEditor = auth()->user()->can('Pagos pagados - Visor') || auth()->user()->can('Pagos pagados - Editor');
    @endphp
@endif
@if ($estatus == 'Vencido')
    @php
        $VerEditor = auth()->user()->can('Pagos vencidos - Visor') || auth()->user()->can('Pagos vencidos - Editor');
    @endphp
@endif
@if ($VerEditor)
    @extends('layouts.app')
    @section('tituloModulo')
        {{ 'PAGOS ' }}
        @if ($estatus == 'Pendiente por pagar')
            PENDIENTES
        @endif
        @if ($estatus == 'Pagado')
            PAGADOS
        @endif
        @if ($estatus == 'Vencido')
            VENCIDOS
        @endif
    @endsection
    @section('contenido')
        <div class="card">
            <div class="card-body">
                @role('Administrador|Super Administrador')
                    <div class="row mb-3 mt-2">
                        <div class="col-md-8">
                            <!-- Formulario de búsqueda -->
                            <form method="GET" action="{{ route('pagos.index', $estatus) }}" class="d-flex gap-2">
                                <div class="input-group">
                                    <input type="text" name="busqueda" class="form-control"
                                        placeholder="Buscar por alumno, curso o grupo..." value="{{ $busqueda ?? '' }}"
                                        aria-label="Buscar">
                                    <button type="submit" class="btn btn-primary">
                                        <i class="bx bx-search"></i> Buscar
                                    </button>
                                    @if (!empty($busqueda))
                                        <a href="{{ route('pagos.index', $estatus) }}" class="btn btn-secondary">
                                            <i class="bx bx-x"></i> Limpiar
                                        </a>
                                    @endif
                                </div>
                            </form>
                        </div>
                        <div class="col-md-4 text-end">
                            <a href="{{ route('pagos.exportar', $estatus) }}" class="btn btn-outline-success">
                                <i class="ri-file-excel-2-fill"></i> Exportar Excel
                            </a>
                        </div>
                    </div>
                @endrole
                <div id="wallet_container"></div>
                <div class="datatable-wrapper datatable-loading no-footer sortable searchable fixed-columns">
                    <div class="datatable-container">
                        <table class="table datatable datatable-table">
                            <thead>
                                <tr class="text">
                                    @if ($estatus == 'Pagado')
                                        <th data-sortable="true" scope="col">FOLIO</th>
                                    @endif
                                    @role('Administrador|Super Administrador')
                                        <th data-sortable="true" scope="col">ALUMNO</th>
                                    @endrole
                                    <th data-sortable="true" scope="col">CURSO</th>
                                    <th data-sortable="true" scope="col">GRUPO</th>
                                    <th data-sortable="true" scope="col">FECHA ESTIMADA DE PAGO</th>
                                    <th data-sortable="true" scope="col">COSTO</th>
                                    <th data-sortable="true" scope="col">PENALIZACIÓN</th>
                                    @if ($estatus == 'Pagado')
                                        <th data-sortable="true" scope="col">FECHA DE PAGO</th>
                                        <th data-sortable="true" scope="col">MONTO PAGADO</th>
                                        @role('Administrador|Super Administrador')
                                            <th data-sortable="true" scope="col">METODO DE PAGO</th>
                                        @endrole
                                    @endif
                                    @if ($estatus == 'Pendiente por pagar' || $estatus == 'Vencido')
                                        <th data-sortable="true" scope="col">ACCIÓN</th>
                                    @endif
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($datos as $item)
                                    @php
                                        $fechaLimitePago = Carbon\Carbon::parse(
                                            $item->fecha_pago,
                                            'America/Mexico_City',
                                        )
                                            ->addDays(5)
                                            ->endOfDay();
                                        if ($fechaActual->greaterThan($fechaLimitePago)) {
                                            if ($item->penalizacion_pago || $item->penalizacion_pago > 0) {
                                                $total = $item->cantidad_pago + $item->penalizacion_pago;
                                            }
                                        }
                                    @endphp
                                    <tr>
                                        @if ($estatus == 'Pagado')
                                            <td data-title="FOLIO">
                                                <div class="d-flex align-items-center">
                                                    @if (!empty($item->payment_id_paco) && $item->payment_type_paco != 'DEUNA')
                                                        {{ $item->payment_id_paco }}
                                                    @else
                                                        {{ 'FOLIO_' . date('Y') . str_pad($item->idPago, 7, '0', STR_PAD_LEFT) }}
                                                    @endif
                                                    <a href="{{ route('pagos.descargar.comprobante', $item->codigo_pago) }}"
                                                        class="ms-2 text-primary" title="Descargar comprobante"
                                                        target="_blank">
                                                        <i class="bx bx-download"></i>
                                                    </a>
                                                </div>
                                            </td>
                                        @endif
                                        @role('Administrador|Super Administrador')
                                            <td data-title="ALUMNO">{{ $item->nombre_pago }}</td>
                                        @endrole
                                        <td data-title="CURSO">{{ $item->curso_pago }}</td>
                                        <td data-title="GRUPO">{{ $item->grupo_pago }}</td>
                                        <td data-title="FECHA ESTIMADA DE PAGO">
                                            {{ $item->fecha_pago ? date('d/m/Y', strtotime($item->fecha_pago)) : 'N/A' }}
                                        </td>
                                        <td data-title="COSTO">{{ "$" . number_format($item->cantidad_pago, 2) }}</td>
                                        <td data-title="PENALIZACIÓN">
                                            {{ "$" . number_format($item->penalizacion_pago, 2) }}</td>
                                        @if ($estatus == 'Pagado')
                                            <td data-title="FECHA DE PAGO">
                                                {{ $item->fecha_paco ? date('d/m/Y', strtotime($item->fecha_paco)) : 'N/A' }}
                                            </td>
                                            <td data-title="MONTO PAGADO">{{ "$" . number_format($item->total_paco, 2) }}
                                            </td>
                                        @endif
                                        @role('Administrador|Super Administrador')
                                            @if ($estatus == 'Pagado')
                                                <td data-title="METODO DE PAGO">{{ $item->payment_type_paco ?? 'Pago Manual' }}
                                                </td>
                                            @endif
                                        @endrole
                                        @if ($estatus == 'Pendiente por pagar' || $estatus == 'Vencido')
                                            <td data-title="ACCIÓN">
                                                <div class="btn-group">
                                                    <button type="button"
                                                        class="btn btn-outline-primary dropdown-toggle btnTabla"
                                                        data-bs-toggle="dropdown" aria-expanded="false">Acción <i
                                                            class="mdi mdi-chevron-down"></i></button>
                                                    <div class="dropdown-menu">
                                                        @role('Administrador|Super Administrador')
                                                            @if ($item->estatus_pago == 'Pendiente por pagar' || $item->estatus_pago == 'Vencido')
                                                                @php
                                                                    $penalizacion = (float) $item->penalizacion_pago;
                                                                    $cantidad = (float) $item->cantidad_pago;
                                                                @endphp
                                                                <button type="button" class="dropdown-item"
                                                                    onclick="abrirModalPago('{{ $item->codigo_pago }}','{{ $cantidad }}','{{ $penalizacion }}')">
                                                                    <i class="bx bx-money"></i> Pago en ventanilla
                                                                </button>
                                                            @endif
                                                        @endrole
                                                        @role('Alumno')
                                                            @if ($item->estatus_pago == 'Pendiente por pagar' || $item->estatus_pago == 'Vencido' || $item->estatus_pago == 'denied')
                                                                {{-- <button class="dropdown-item checkout-btn" onclick="handleCheckoutClick('{{ $item->codigo_pago }}')">
                                                                    <i class="bx bxs-credit-card"></i> Pagar con MP
                                                                </button> --}}
                                                                                {{-- <button class="dropdown-item button-checkout-deuna" onclick="iniciarPagoDeuna('{{ $item->codigo_pago }}')">
                                                                    <i class="bx bxs-credit-card"></i> Pagar con BAZ
                                                                </button> --}}
                                                                @can('Pagos con tarjeta')
                                                                    <a href="javascript:void(0);"
                                                                        onclick="mostrarModalQR('{{ $item->codigo_pago }}')"
                                                                        class="dropdown-item">
                                                                        <i class="bx bx-qr-scan"></i> Pago con tarjeta
                                                                    </a>
                                                                @endcan
                                                            @endif
                                                        @endrole
                                                    </div>
                                                </div>
                                            </td>
                                        @endif
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <div class="datatable-bottom">
                        <nav class="datatable-pagination">
                            <ul class="datatable-pagination-list"></ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>
        <!-- Modal para URL de Pago y QR -->
        <!-- Modal para URL de Pago y QR -->
        <div class="modal fade" id="modalUrlPago" tabindex="-1" aria-labelledby="modalUrlPagoLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header bg-primary text-white">
                        <h5 class="modal-title" id="modalUrlPagoLabel">
                            <i class="bx bx-link-alt me-1"></i> URL de Pago
                        </h5>
                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="text-center mb-4">
                            <div class="mb-3">
                                <label class="form-label">Enlace de Pago:</label>
                                <button type="button" class="btn btn-primary" onclick="abrirEnNuevaVentana()">
                                    <i class="bx bx-link-external me-1"></i> Abrir enlace
                                </button>
                                <div class="input-group">
                                    <input type="text" id="urlPago" class="form-control" readonly>
                                    <button class="btn btn-outline-primary" type="button" onclick="copiarURL()">
                                        <i class="bx bx-copy"></i>
                                    </button>
                                </div>
                                <small class="text-muted">Haz clic en el botón para copiar la URL</small>
                            </div>
                            <div class="mt-4">
                                <label class="form-label">Código QR:</label>
                                <div id="qrcode-container" class="d-flex justify-content-center p-3">
                                    <div id="qrcode" class="border p-2 bg-white"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                            <i class="bx bx-x me-1"></i> Cerrar
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal de Pago -->
        <div class="modal fade" id="modalPago" tabindex="-1">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header bg-light">
                        <h5 class="modal-title"><i class="bx bx-money"></i> Pago en ventanilla</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <form id="formPago">
                            @csrf
                            <input type="hidden" id="codigo_pago" name="codigo_pago">
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <label class="form-label is-required">Monto a pagar</label>
                                    <div class="input-group mb-2">
                                        <span class="input-group-text">$</span>
                                        <input type="text" class="form-control" name="total" id="total"
                                            readonly required>
                                    </div>
                                    <div class="form-check form-switch mb-2">
                                        <input class="form-check-input" type="checkbox" id="aplicarPenalizacion"
                                            onchange="togglePenalizacion()">
                                        <label class="form-check-label" for="aplicarPenalizacion">Aplicar
                                            penalización</label>
                                    </div>
                                    <small class="text-muted">El monto será calculado automáticamente según la
                                        selección</small>
                                    <!-- Campos ocultos para guardar los valores originales -->
                                    <input type="hidden" id="montoCantidad" value="">
                                    <input type="hidden" id="montoPenalizacion" value="">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label is-required">Método de pago</label>
                                    <select class="form-select" name="pago" required>
                                        <option value="">Selecciona el método de pago</option>
                                        <option value="Pago en efectivo">Pago en efectivo</option>
                                        <option value="Pago con tarjeta">Pago con tarjeta</option>
                                        <option value="Pago por transferencia">Transferencia bancaria</option>
                                    </select>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success" onclick="guardarPago()">
                            <i class="bx bx-save"></i> Registrar pago
                        </button>
                        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
                            <i class="bx bx-x"></i> Cancelar
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <meta name="csrf-token" content="{{ csrf_token() }}">
        <script crossorigin src="https://cdn.deuna.io/web-sdk/v1.1/index.js"></script>
        <script>
            // Función para manejar el clic en el botón de pago
            async function iniciarPagoDeuna(codigoPago) {
                try {
                    // Mostrar indicador de carga
                    Swal.fire({
                        title: 'Procesando',
                        text: 'Iniciando el proceso de pago...',
                        allowOutsideClick: false,
                        didOpen: () => {
                            Swal.showLoading();
                        }
                    });
                    // 1. Obtener el token de orden desde nuestro servidor
                    const tokenResponse = await $.ajax({
                        url: "{{ route('pagos.generar.token') }}", // Asegúrate que coincida con el nombre de tu ruta
                        type: 'POST',
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: {
                            codigo_pago: codigoPago
                        }
                    });
                    if (!tokenResponse.token) {
                        throw new Error("No se pudo obtener el token de pago");
                    }
                    const orderToken = tokenResponse.token;
                    // 2. Verificar si el SDK está cargado correctamente
                    if (typeof DeunaSDK === 'undefined') {
                        throw new Error("El SDK de DEUNA no está disponible. Intente recargar la página.");
                    }
                    // Cerrar el indicador de carga
                    Swal.close();
                    const deunaPublicKey =
                        "6a106b2c03067885d1ffa6b7f08b0f822686aaea0ab3bc43c250e8a4e5aa8a1b5e4b356feb281a118b9b3f00465648b423008a1bac9d57b96814d4c5ffc9";
                    // 3. Inicializar el SDK de DEUNA
                    await DeunaSDK.initialize({
                        publicApiKey: deunaPublicKey, // Definida globalmente desde Laravel
                        environment: "sandbox" // Cambiar a "production" en entorno productivo
                    });
                    // 4. Iniciar el widget de pago
                    await DeunaSDK.initPaymentWidget({
                        orderToken: orderToken,
                        language: "es",
                        onClosed: false, // Cambiar a false para manejar el cierre manualmente
                        checkoutConfig: {
                            hideBillingInformation: true, // Oculta el formulario de facturación
                            hideCoupons: true, // Si también quieres ocultar los cupones
                            hideAdditionalComments: true, // Si quieres ocultar comentarios adicionales
                            removeAddressTypeSelector: true, // Quita selector de tipo de dirección
                            disableCashAmount: true // Deshabilita el campo de cambio en efectivo
                        },
                        callbacks: {
                            onClosed: (action) => {
                                // El usuario cerró el widget sin completar el pago
                                if (action === "user_close") {
                                    Swal.fire({
                                        title: 'Proceso cancelado',
                                        text: 'Has cancelado el proceso de pago',
                                        icon: 'info'
                                    });
                                } //
                            },
                            onSuccess: async (data) => {
                                await DeunaSDK.close(); // Cierra el widget de pago
                                Swal.fire({
                                    title: '¡Pago exitoso!',
                                    text: 'El pago ha sido procesado correctamente',
                                    icon: 'success'
                                }).then(() => {
                                    window.location.reload();
                                });
                            },
                            onError: (error) => {
                                // Error durante el proceso de pago
                                let mensaje = "Ocurrió un error durante el proceso de pago.";
                                if (error && error.message) {
                                    mensaje += " " + error.message;
                                }
                                Swal.fire({
                                    title: 'Error',
                                    text: mensaje,
                                    icon: 'error'
                                });
                            },
                            onEventDispatch: (event, payload) => {}
                        }
                    });
                } catch (error) {
                    // Manejo de errores general
                    Swal.fire({
                        title: 'Error',
                        text: 'No se pudo iniciar el proceso de pago: ' + (error.message || 'Error desconocido'),
                        icon: 'error'
                    });
                }
            }
            /**
             * Verifica el estado de un pago pendiente
             * @param {string} orderToken - Token de la orden a verificar
             */
            async function verificarEstadoPago(orderToken) {
                try {
                    const response = await $.ajax({
                        url: route('pagos.consultar.pago', orderToken),
                        type: 'GET'
                    });
                    if (response.status === 'paid') {
                        Swal.fire({
                            title: '¡Pago confirmado!',
                            text: 'El pago ha sido procesado correctamente',
                            icon: 'success'
                        }).then(() => {
                            window.location.reload();
                        });
                    } else {
                        return response.status;
                    }
                } catch (error) {
                    return null;
                }
            }
            // Inicializar variables globales cuando el documento esté listo
            $(document).ready(function() {
                // Escuchar eventos de botones de pago DEUNA
                $('.button-checkout-deuna').on('click', function(e) {
                    e.preventDefault();
                });
            });
            // Función para abrir el modal de pago
            function abrirModalPago(codigoPago, total) {
                $('#codigo_pago').val(codigoPago);
                $('#total').val(total);
                $('#modalPago').modal('show');
            }
            // Función para guardar el pago
            function guardarPago() {
                const form = $('#formPago');
                const formData = new FormData(form[0]);
                const codigoPago = $('#codigo_pago').val();
                const total = $('#total').val();
                $.ajax({
                    url: "{{ route('pagos.efectivo', '') }}/" + codigoPago,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function() {
                        // Mostrar loader o deshabilitar botón
                        $('.btn-success').prop('disabled', true);
                    },
                    success: function(response) {
                        // Mostrar mensaje de éxito
                        Swal.fire({
                            title: '¡Éxito!',
                            text: 'Pago registrado correctamente',
                            icon: 'success'
                        }).then(() => {
                            // Recargar la página o actualizar la tabla
                            window.location.reload();
                        });
                    },
                    error: function(xhr) {
                        // Mostrar mensaje de error
                        Swal.fire({
                            title: 'Error',
                            text: 'Hubo un error al procesar el pago',
                            icon: 'error'
                        });
                    },
                    complete: function() {
                        // Habilitar botón y cerrar modal
                        $('.btn-success').prop('disabled', false);
                        $('#modalPago').modal('hide');
                    }
                });
            }
            // Variables globales
            let urlActual = '';
            let codigoPagoActual = '';
            // Función para mostrar el modal con la URL y QR
            function mostrarModalQR(codigoPago) {
                // Mostrar indicador de carga
                Swal.fire({
                    title: 'Generando URL',
                    text: 'Espere un momento...',
                    allowOutsideClick: false,
                    didOpen: () => {
                        Swal.showLoading();
                    }
                });
                // Guardar el código de pago actual
                codigoPagoActual = codigoPago;
                // Realizar la petición AJAX para obtener la URL
                $.ajax({
                    url: "{{ route('pagos.generar.url', '') }}/" + codigoPago,
                    type: 'GET',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(response) {
                        Swal.close();
                        if (response.payment_link) {
                            // Guardar la URL
                            urlActual = response.payment_link;
                            // Mostrar la URL en el input
                            $('#urlPago').val(urlActual);
                            // Generar el código QR
                            generarQR(urlActual);
                            // Mostrar el modal
                            $('#modalUrlPago').modal('show');
                        } else {
                            Swal.fire({
                                title: 'Error',
                                text: 'No se pudo generar la URL de pago',
                                icon: 'error'
                            });
                        }
                    },
                    error: function(error) {
                        Swal.fire({
                            title: 'Error',
                            text: 'Ocurrió un error al generar la URL: ' + (error.responseJSON?.error ||
                                'Error desconocido'),
                            icon: 'error'
                        });
                    }
                });
            }
            // Función para generar el QR
            function generarQR(url) {
                // Limpiar el div del QR
                document.getElementById('qrcode').innerHTML = '';
                // Crear el QR
                new QRCode(document.getElementById('qrcode'), {
                    text: url,
                    width: 200,
                    height: 200,
                    colorDark: '#000000',
                    colorLight: '#ffffff',
                    correctLevel: QRCode.CorrectLevel.H
                });
            }
            // Función para copiar la URL
            function copiarURL() {
                const urlInput = document.getElementById('urlPago');
                urlInput.select();
                document.execCommand('copy');
                // Mostrar mensaje de éxito
                Swal.fire({
                    toast: true,
                    position: 'top-end',
                    icon: 'success',
                    title: 'URL copiada al portapapeles',
                    showConfirmButton: false,
                    timer: 1500
                });
            }
            // Función para abrir en nueva ventana
            function abrirEnNuevaVentana() {
                window.open(urlActual, '_blank');
            }
            function abrirModalPago(codigoPago, cantidad, penalizacion) {
                // Convertir los valores a números
                cantidad = parseFloat(cantidad) || 0;
                penalizacion = parseFloat(penalizacion) || 0;
                console.log("Cantidad:", cantidad, "Penalización:", penalizacion);
                // Guardar valores en campos ocultos
                $('#montoCantidad').val(cantidad);
                $('#montoPenalizacion').val(penalizacion);
                // Inicializar con el valor de la cantidad sin penalización
                $('#total').val(cantidad.toFixed(2));
                // Desmarcar el checkbox de penalización
                $('#aplicarPenalizacion').prop('checked', false);
                // Guardar el código de pago
                $('#codigo_pago').val(codigoPago);
                // Mostrar el modal
                $('#modalPago').modal('show');
            }
            // Función para guardar el pago y mostrar opción de impresión
            function guardarPago() {
                // Validar formulario
                if (!$('#formPago')[0].checkValidity()) {
                    $('#formPago')[0].reportValidity();
                    return;
                }
                // Mostrar indicador de carga
                Swal.fire({
                    title: 'Procesando pago',
                    text: 'Por favor espere...',
                    allowOutsideClick: false,
                    didOpen: () => {
                        Swal.showLoading();
                    }
                });
                // Obtener el código de pago
                const codigoPago = $('#codigo_pago').val();
                // Enviar solicitud de pago
                $.ajax({
                    url: "{{ route('pagos.pagar.efectivo', '') }}/" + codigoPago,
                    type: 'POST',
                    data: $('#formPago').serialize(),
                    success: function(response) {
                        // Cerrar el modal de pago
                        $('#modalPago').modal('hide');
                        // Mostrar mensaje de éxito con opciones
                        Swal.fire({
                            icon: 'success',
                            title: 'Pago procesado',
                            text: response.message,
                            showCancelButton: true,
                            confirmButtonText: 'Imprimir comprobante',
                            cancelButtonText: 'Cerrar',
                            allowOutsideClick: false
                        }).then((result) => {
                            if (result.isConfirmed) {
                                // Abrir el PDF en una nueva ventana para imprimir
                                imprimirComprobante(response.pdfUrl);
                                // Recargar la página después de unos segundos
                                setTimeout(() => {
                                    location.reload();
                                }, 2000);
                            } else {
                                // Solo recargar la página
                                location.reload();
                            }
                        });
                    },
                    error: function(xhr) {
                        let errorMsg = 'Ocurrió un error al procesar el pago';
                        if (xhr.responseJSON && xhr.responseJSON.message) {
                            errorMsg = xhr.responseJSON.message;
                        }
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: errorMsg
                        });
                    }
                });
            }
            // Función para imprimir el comprobante
            function imprimirComprobante(pdfUrl) {
                // Abrir PDF en nueva ventana
                const printWindow = window.open(pdfUrl, '_blank');
                // Intentar imprimir automáticamente cuando cargue
                if (printWindow) {
                    printWindow.addEventListener('load', function() {
                        try {
                            printWindow.print();
                        } catch (e) {
                            console.error('No se pudo imprimir automáticamente:', e);
                        }
                    });
                }
            }
            // Función para alternar entre aplicar o no la penalización
            function togglePenalizacion() {
                const aplicarPenalizacion = $('#aplicarPenalizacion').is(':checked');
                const cantidad = parseFloat($('#montoCantidad').val()) || 0;
                const penalizacion = parseFloat($('#montoPenalizacion').val()) || 0;
                if (aplicarPenalizacion && penalizacion > 0) {
                    // Si se aplica penalización y existe un valor de penalización
                    const total = penalizacion;
                    $('#total').val(total.toFixed(2));
                    // Mostrar mensaje de confirmación
                    Swal.fire({
                        title: '¿Aplicar penalización?',
                        text: `Se aplicará una penalización de $${penalizacion.toFixed(2)}`,
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonText: 'Sí, aplicar',
                        cancelButtonText: 'No, cancelar'
                    }).then((result) => {
                        if (!result.isConfirmed) {
                            // Si el usuario cancela, desmarcar el checkbox
                            $('#aplicarPenalizacion').prop('checked', false);
                            $('#total').val(cantidad.toFixed(2));
                        }
                    });
                } else {
                    // Si no se aplica penalización, usar solo la cantidad base
                    $('#total').val(cantidad.toFixed(2));
                }
            }
        </script>
    @endsection
@endif