@extends('adminlte::page')

@section('title', env('APP_NAME') . ' - Ingresos Múltiples')
@section('plugins.Select2', true)

@section('content_header')
    <h1><i class="fas fa-layer-group"></i> Ingresos Múltiples</h1>
@stop

@section('content')
    {{-- Información de la Caja Activa --}}
    @if($cajaActiva)
        <div class="card card-outline card-info mb-3">
            <div class="card-header bg-info text-white">
                <h3 class="card-title"><i class="fas fa-cash-register"></i> Información de la Caja Activa</h3>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <strong>ID de Caja:</strong>
                        <p class="mb-0">{{ $cajaActiva->id }}</p>
                    </div>
                    <div class="col-md-4">
                        <strong>Fecha de Apertura:</strong>
                        <p class="mb-0">{{ $cajaActiva->fecha_apertura->format('d/m/Y H:i:s') }}</p>
                    </div>
                    <div class="col-md-3">
                        <strong>Monto de Apertura:</strong>
                        <p class="mb-0">S/ {{ number_format($cajaActiva->monto_apertura, 2) }}</p>
                    </div>
                    <div class="col-md-2">
                        <strong>Usuario:</strong>
                        <p class="mb-0">{{ $cajaActiva->usuario->name ?? 'N/A' }}</p>
                    </div>
                </div>
                <div class="alert alert-info mt-2 mb-0">
                    <i class="fas fa-info-circle"></i> <strong>Información:</strong> Los ingresos registrados aquí se asociarán a esta caja (ID: {{ $cajaActiva->id }}). Por defecto se usará la fecha de apertura de la caja: <strong>{{ $cajaActiva->fecha_apertura->format('d/m/Y') }}</strong>, pero puedes cambiarla si es necesario.
                </div>
            </div>
        </div>
    @else
        <div class="alert alert-warning">
            <i class="fas fa-exclamation-triangle"></i> <strong>Advertencia:</strong> No hay una caja abierta. Debe abrir una caja antes de registrar ingresos.
        </div>
    @endif

    <div class="card">
        <div class="card-header bg-primary text-white">
            <h3 class="card-title"><i class="fas fa-info-circle"></i> Información del Cliente</h3>
        </div>
        <div class="card-body">
            <form id="ingresosMultipleForm" method="POST" action="{{ route('ingresos.store-ingresos-multiple') }}" enctype="multipart/form-data">
                @csrf

                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="cliente_id">Cliente <span class="text-danger">*</span></label>
                            <select name="cliente_id" id="cliente_id" class="form-control select2" required style="width: 100%;">
                                <option value="">Seleccione un cliente</option>
                                @foreach ($clientes as $cliente)
                                    <option value="{{ $cliente->id }}">{{ $cliente->nombre_comercial }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                {{-- Información del estado del cliente --}}
                <div id="estadoClienteContainer" style="display: none;">
                    <div class="row mt-3">
                        <div class="col-md-6">
                            <div class="card card-outline card-danger" id="cardDeudaPendiente" style="display: none;">
                                <div class="card-body">
                                    <h5 class="card-title">
                                        <i class="fas fa-exclamation-circle"></i> Deuda Pendiente
                                    </h5>
                                    <p class="card-text">
                                        <strong id="montoDeudaPendiente">S/ 0.00</strong>
                                    </p>
                                    <small class="text-muted">El cliente tiene deuda pendiente. No se pueden registrar ingresos por adelantado.</small>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card card-outline card-success" id="cardSaldoAFavor" style="display: none;">
                                <div class="card-body">
                                    <h5 class="card-title">
                                        <i class="fas fa-piggy-bank"></i> Saldo a Favor
                                    </h5>
                                    <p class="card-text">
                                        <strong id="montoSaldoAFavor">S/ 0.00</strong>
                                    </p>
                                    <small class="text-muted">Dinero disponible del cliente.</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="alert alert-warning mt-3" id="alertInfo">
                    <i class="fas fa-exclamation-triangle"></i> <strong>Importante:</strong> Solo se pueden registrar ingresos por adelantado si el cliente NO tiene deuda pendiente. Cada ingreso creará una venta fantasma con saldo a favor para el cliente.
                </div>

                <div class="card card-outline card-success mt-3">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h3 class="card-title"><i class="fas fa-list"></i> Ingresos a Registrar</h3>
                        <button type="button" class="btn btn-success btn-sm" id="btnAgregarIngreso">
                            <i class="fas fa-plus"></i> Agregar Ingreso
                        </button>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover" id="tablaIngresos">
                                <thead class="bg-light">
                                    <tr>
                                        <th width="4%">#</th>
                                        <th width="15%">Monto <span class="text-danger">*</span></th>
                                        <th width="15%">Método de Pago <span class="text-danger">*</span></th>
                                        <th width="12%">N° Operación</th>
                                        <th width="12%">Fecha <span class="text-danger">*</span></th>
                                        <th width="15%">Cuenta Bancaria</th>
                                        <th width="4%">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody id="tbodyIngresos">
                                    <!-- Las filas se agregarán dinámicamente -->
                                </tbody>
                                <tfoot>
                                    <tr class="bg-light">
                                        <td colspan="1" class="text-right"><strong>Total:</strong></td>
                                        <td colspan="6">
                                            <strong id="totalIngresos">S/ 0.00</strong>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="form-group mt-3 text-right">
                    <a href="{{ route('ingresos.index') }}" class="btn btn-danger mr-2">
                        <i class="fas fa-times"></i> Cancelar
                    </a>
                    <button type="submit" class="btn btn-success" id="btnRegistrarIngresos">
                        <i class="fas fa-save"></i> Registrar Ingresos
                    </button>
                </div>
            </form>
        </div>
    </div>
@stop

@section('css')
    <style>
        .table th {
            font-size: 0.85rem;
        }
        .table td {
            padding: 0.5rem;
            vertical-align: middle;
        }
        /* Estilos para validación en tiempo real */
        .monto-ingreso.is-invalid,
        .num-operacion.is-invalid {
            border-color: #dc3545;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath d='m5.8 3.6.4.4.4-.4m0 4.8-.4-.4-.4.4'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right calc(0.375em + 0.1875rem) center;
            background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        }
        .monto-ingreso.is-valid,
        .num-operacion.is-valid {
            border-color: #28a745;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='m2.3 6.73.98-.98-.98-.98-.98.98.98.98zm-.98-1.98l.98-.98.98.98-.98.98-.98-.98z'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right calc(0.375em + 0.1875rem) center;
            background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        }
        .monto-error,
        .num-operacion-error {
            display: block;
            font-size: 0.75rem;
            margin-top: 0.25rem;
        }
        .num-operacion.is-warning {
            border-color: #ffc107;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='%23ffc107'%3e%3cpath d='M6 0L0 12h12L6 0zm0 3l4 8H2l4-8z'/%3e%3cpath d='M6 5v3m0 1v1' stroke='%23ffc107' stroke-width='1'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right calc(0.375em + 0.1875rem) center;
            background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        }
        .num-operacion-error.text-warning {
            color: #856404 !important;
        }
        .btn-remove-ingreso {
            padding: 0.25rem 0.5rem;
        }
        #tablaIngresos tbody tr:hover {
            background-color: #f8f9fa;
        }

        /* Estilos para Select2 */
        .select2-container--bootstrap4 .select2-selection {
            border: 1px solid #ced4da !important;
            border-radius: 0.25rem;
        }

        .select2-container--bootstrap4 .select2-selection--single {
            height: calc(1.5em + 0.5rem + 2px);
            padding: 0.25rem 0.5rem;
        }

        .select2-container--bootstrap4 .select2-dropdown {
            border: 1px solid #ced4da !important;
            border-radius: 0.25rem;
        }

        .select2-container--bootstrap4 .select2-selection {
            height: 38px !important;
        }

        .select2-results__options {
            max-height: 200px;
            overflow-y: auto;
        }

        .select2-results__option {
            padding: 0.5rem;
        }

        /* Estilos para selects dentro de la tabla */
        #tablaIngresos .select2-container {
            width: 100% !important;
        }

        #tablaIngresos .select2-container--bootstrap4 .select2-selection {
            border: 1px solid #ced4da !important;
            min-height: 31px;
        }

        #tablaIngresos .select2-results__options {
            max-height: 150px;
            overflow-y: auto;
        }
    </style>
@stop

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        $(document).ready(function() {
            // Datos para los selects (pasados desde PHP)
            const metodosPago = @json($metodos);
            const accounts = @json($accounts);

            // Fecha de la caja activa (formato YYYY-MM-DD para input date)
            @if($cajaActiva)
            const fechaCajaActiva = '{{ $cajaActiva->fecha_apertura->format('Y-m-d') }}';
            @else
            const fechaCajaActiva = new Date().toISOString().split('T')[0]; // Fallback a fecha actual
            @endif

            // Inicializar Select2
            $('.select2').select2({
                theme: 'bootstrap4'
            });

            let contadorIngresos = 0;

            // Cargar estado del cliente cuando se seleccione
            $('#cliente_id').on('change', function() {
                const clienteId = $(this).val();
                if (clienteId) {
                    cargarEstadoCliente(clienteId);
                } else {
                    $('#estadoClienteContainer').hide();
                    $('#cardDeudaPendiente').hide();
                    $('#cardSaldoAFavor').hide();
                }
            });

            // Función para cargar el estado del cliente
            function cargarEstadoCliente(clienteId) {
                $.ajax({
                    url: `/ingresos/estado-cliente/${clienteId}`,
                    method: 'GET',
                    success: function(response) {
                        if (response.success) {
                            const deudaPendiente = parseFloat(response.deuda_pendiente) || 0;
                            const saldoAFavor = parseFloat(response.saldo_a_favor) || 0;
                            const puedeRegistrar = response.puede_registrar_ingreso;

                            // Mostrar contenedor
                            $('#estadoClienteContainer').show();

                            // Mostrar deuda pendiente si existe
                            if (deudaPendiente > 0) {
                                $('#montoDeudaPendiente').text('S/ ' + deudaPendiente.toFixed(2));
                                $('#cardDeudaPendiente').show();
                                $('#alertInfo').removeClass('alert-warning').addClass('alert-danger');
                                $('#alertInfo').html('<i class="fas fa-exclamation-circle"></i> <strong>Error:</strong> El cliente tiene una deuda pendiente de <strong>S/ ' + deudaPendiente.toFixed(2) + '</strong>. No se pueden registrar ingresos por adelantado hasta que se salde la deuda.');
                            } else {
                                $('#cardDeudaPendiente').hide();
                                $('#alertInfo').removeClass('alert-danger').addClass('alert-warning');
                                $('#alertInfo').html('<i class="fas fa-exclamation-triangle"></i> <strong>Importante:</strong> Solo se pueden registrar ingresos por adelantado si el cliente NO tiene deuda pendiente. Cada ingreso creará una venta fantasma con saldo a favor para el cliente.');
                            }

                            // Mostrar saldo a favor si existe
                            if (saldoAFavor > 0) {
                                $('#montoSaldoAFavor').text('S/ ' + saldoAFavor.toFixed(2));
                                $('#cardSaldoAFavor').show();
                            } else {
                                $('#cardSaldoAFavor').hide();
                            }
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Error',
                                text: response.message || 'Error al cargar el estado del cliente.'
                            });
                        }
                    },
                    error: function(xhr) {
                        console.error('Error al cargar estado del cliente:', xhr);
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: 'Error al cargar el estado del cliente.'
                        });
                    }
                });
            }

            // Agregar nueva fila de ingreso
            $('#btnAgregarIngreso').on('click', function() {
                contadorIngresos++;
                const fila = crearFilaIngreso(contadorIngresos);
                $('#tbodyIngresos').append(fila);
                inicializarSelect2Fila(fila);
                actualizarTotal();
            });

            // Crear fila de ingreso
            function crearFilaIngreso(index) {
                // Generar opciones de métodos de pago
                let opcionesMetodos = '<option value="">Seleccione</option>';
                metodosPago.forEach(function(metodo) {
                    const descripcion = metodo.description || metodo.descripcion || 'Sin descripción';
                    opcionesMetodos += `<option value="${metodo.id}">${descripcion}</option>`;
                });

                // Generar opciones de cuentas bancarias
                let opcionesAccounts = '<option value="">Seleccione</option>';
                accounts.forEach(function(account) {
                    const nombre = account.name || account.nombre || 'Sin nombre';
                    const numero = account.number || '';
                    const currency = account.currency_type?.description || '';
                    opcionesAccounts += `<option value="${account.id}">${nombre} - ${numero} ${currency ? '(' + currency + ')' : ''}</option>`;
                });

                const fila = $(`
                    <tr data-index="${index}">
                        <td>${index}</td>
                        <td>
                            <input type="number" name="ingresos[${index}][monto]" class="form-control form-control-sm monto-ingreso"
                                   step="0.01" min="0.01" required placeholder="0.00">
                            <small class="text-danger monto-error" style="display: none;"></small>
                        </td>
                        <td>
                            <select name="ingresos[${index}][metodo_pago_id]" class="form-control form-control-sm metodo-pago" required>
                                ${opcionesMetodos}
                            </select>
                        </td>
                        <td>
                            <input type="text" name="ingresos[${index}][numero_operacion]"
                                   class="form-control form-control-sm num-operacion" placeholder="Opcional">
                            <small class="text-danger num-operacion-error" style="display: none;"></small>
                        </td>
                        <td>
                            <input type="date" name="ingresos[${index}][fecha_registro]"
                                   class="form-control form-control-sm fecha-ingreso" value="${fechaCajaActiva}" required>
                        </td>
                        <td>
                            <select name="ingresos[${index}][account_id]" class="form-control form-control-sm account-ingreso">
                                ${opcionesAccounts}
                            </select>
                        </td>
                        <td>
                            <button type="button" class="btn btn-danger btn-sm btn-remove-ingreso" title="Eliminar">
                                <i class="fas fa-trash"></i>
                            </button>
                        </td>
                    </tr>
                `);

                // Eventos para la fila
                fila.find('.monto-ingreso').on('input', function() {
                    validarMonto(fila);
                    actualizarTotal();
                });

                fila.find('.metodo-pago').on('change', function() {
                    const metodoPagoId = $(this).val();
                    const accountSelect = fila.find('.account-ingreso');
                    const numOperacionInput = fila.find('.num-operacion');
                    
                    // Verificar si es saldo a favor
                    const metodoPago = metodosPago.find(m => m.id == metodoPagoId);
                    const esSaldoAFavor = metodoPago && (metodoPago.description || metodoPago.descripcion || '').toLowerCase().includes('saldo a favor');
                    
                    if (esSaldoAFavor) {
                        // Si es saldo a favor, no requerir cuenta ni número de operación
                        accountSelect.prop('required', false).val('').trigger('change');
                        numOperacionInput.prop('required', false).val('').removeClass('is-invalid is-valid is-warning');
                        fila.find('.num-operacion-error').hide();
                    } else if (metodoPagoId && metodoPagoId != 1) {
                        // Si no es efectivo ni saldo a favor, requerir cuenta
                        accountSelect.prop('required', true);
                        numOperacionInput.prop('required', true);
                    } else {
                        // Efectivo: no requerir
                        accountSelect.prop('required', false);
                        numOperacionInput.prop('required', false);
                    }
                    
                    validarNumeroOperacion(fila, index);
                });

                fila.find('.num-operacion').on('input blur', function() {
                    validarNumeroOperacion(fila, index);
                });

                fila.find('.btn-remove-ingreso').on('click', function() {
                    fila.remove();
                    actualizarTotal();
                    renumerarFilas();
                });

                return fila;
            }

            // Inicializar Select2 en una fila
            function inicializarSelect2Fila(fila) {
                fila.find('.metodo-pago, .account-ingreso').select2({
                    theme: 'bootstrap4',
                    width: '100%'
                });
            }

            // Renumerar filas
            function renumerarFilas() {
                $('#tbodyIngresos tr').each(function(index) {
                    $(this).find('td:first').text(index + 1);
                });
            }

            // Validar monto
            function validarMonto(fila) {
                const montoInput = fila.find('.monto-ingreso');
                const monto = parseFloat(montoInput.val()) || 0;
                const errorMsg = fila.find('.monto-error');

                montoInput.removeClass('is-invalid is-valid');
                errorMsg.hide().text('');

                if (!montoInput.val() || montoInput.val().trim() === '') {
                    montoInput.addClass('is-invalid');
                    errorMsg.text('El monto es requerido').show();
                    return false;
                }

                if (monto <= 0) {
                    montoInput.addClass('is-invalid');
                    errorMsg.text('El monto debe ser mayor a 0').show();
                    return false;
                }

                montoInput.addClass('is-valid');
                return true;
            }

            // Validar número de operación duplicado (en sesión y base de datos)
            function validarNumeroOperacion(fila, index) {
                const numOperacionInput = fila.find('.num-operacion');
                const numOperacion = numOperacionInput.val().trim();
                const errorMsg = fila.find('.num-operacion-error');
                const metodoPago = fila.find('.metodo-pago').val();

                // Remover clases de error previas
                numOperacionInput.removeClass('is-invalid is-valid is-warning');
                errorMsg.hide().text('');

                // Solo validar si no es efectivo, no es saldo a favor y tiene valor
                if (metodoPago && metodoPago != 1 && numOperacion && numOperacion.length >= 3) {
                    const metodoPagoObj = metodosPago.find(m => m.id == metodoPago);
                    const esSaldoAFavor = metodoPagoObj && (metodoPagoObj.description || metodoPagoObj.descripcion || '').toLowerCase().includes('saldo a favor');
                    
                    if (esSaldoAFavor) {
                        return true; // No validar si es saldo a favor
                    }

                    let esDuplicado = false;
                    const currentIndex = fila.attr('data-index');

                    // 1. Verificar duplicados en otras filas de la misma sesión
                    $('#tbodyIngresos tr').each(function() {
                        const otraFila = $(this);
                        const otroIndex = otraFila.attr('data-index');

                        if (otroIndex && otroIndex !== currentIndex) {
                            const otroNumOperacion = otraFila.find('.num-operacion').val().trim();
                            const otroMetodoPago = otraFila.find('.metodo-pago').val();

                            if (otroNumOperacion && otroNumOperacion === numOperacion &&
                                otroMetodoPago && otroMetodoPago != 1) {
                                esDuplicado = true;
                                return false;
                            }
                        }
                    });

                    if (esDuplicado) {
                        numOperacionInput.addClass('is-invalid');
                        errorMsg.text('Este número de operación ya está usado en otro ingreso de esta sesión').show();
                        return false;
                    }

                    // 2. Consultar base de datos mediante AJAX
                    clearTimeout(numOperacionInput.data('timeout'));
                    const timeout = setTimeout(function() {
                        $.ajax({
                            url: '{{ route("ingresos.validar-numero-operacion") }}',
                            method: 'GET',
                            data: {
                                numero_operacion: numOperacion,
                                metodo_pago_id: metodoPago
                            },
                            success: function(response) {
                                if (response.existe) {
                                    numOperacionInput.addClass('is-warning');
                                    errorMsg.removeClass('text-danger').addClass('text-warning');
                                    errorMsg.html('<i class="fas fa-exclamation-triangle"></i> ' + response.message).show();
                                } else {
                                    numOperacionInput.addClass('is-valid');
                                }
                            },
                            error: function() {
                                console.error('Error al validar número de operación');
                            }
                        });
                    }, 500);

                    numOperacionInput.data('timeout', timeout);
                } else if (metodoPago && metodoPago != 1 && numOperacion && numOperacion.length < 3) {
                    return true;
                }

                return true;
            }

            // Actualizar total de ingresos
            function actualizarTotal() {
                let total = 0;
                $('.monto-ingreso').each(function() {
                    const monto = parseFloat($(this).val()) || 0;
                    total += monto;
                });
                $('#totalIngresos').text('S/ ' + total.toFixed(2));
            }

            // Validar formulario antes de enviar
            $('#ingresosMultipleForm').on('submit', function(e) {
                e.preventDefault();

                const clienteId = $('#cliente_id').val();
                if (!clienteId) {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: 'Debe seleccionar un cliente.'
                    });
                    return false;
                }

                const filasIngresos = $('#tbodyIngresos tr').length;
                if (filasIngresos === 0) {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: 'Debe agregar al menos un ingreso.'
                    });
                    return false;
                }

                // Validar que todos los campos requeridos estén llenos
                let hayErrores = false;
                let mensajeError = '';
                let totalIngresos = 0;
                const numerosOperacion = [];

                $('#tbodyIngresos tr').each(function(index) {
                    const fila = $(this);
                    const monto = fila.find('.monto-ingreso').val();
                    const metodoPago = fila.find('.metodo-pago').val();
                    const fecha = fila.find('.fecha-ingreso').val();
                    const account = fila.find('.account-ingreso').val();
                    const numOperacion = fila.find('.num-operacion').val().trim();

                    // Validar monto
                    if (!monto || parseFloat(monto) <= 0) {
                        hayErrores = true;
                        mensajeError += `Ingreso #${index + 1}: El monto es requerido y debe ser mayor a 0.\n`;
                    } else {
                        totalIngresos += parseFloat(monto);
                    }

                    // Validar método de pago
                    if (!metodoPago) {
                        hayErrores = true;
                        mensajeError += `Ingreso #${index + 1}: El método de pago es requerido.\n`;
                    }

                    // Validar fecha
                    if (!fecha) {
                        hayErrores = true;
                        mensajeError += `Ingreso #${index + 1}: La fecha es requerida.\n`;
                    }

                    // Validar cuenta bancaria si no es efectivo ni saldo a favor
                    if (metodoPago && metodoPago != 1) {
                        const metodoPagoObj = metodosPago.find(m => m.id == metodoPago);
                        const esSaldoAFavor = metodoPagoObj && (metodoPagoObj.description || metodoPagoObj.descripcion || '').toLowerCase().includes('saldo a favor');
                        
                        if (!esSaldoAFavor && !account) {
                            hayErrores = true;
                            mensajeError += `Ingreso #${index + 1}: La cuenta bancaria es requerida.\n`;
                        }

                        if (!esSaldoAFavor && !numOperacion) {
                            hayErrores = true;
                            mensajeError += `Ingreso #${index + 1}: El número de operación es requerido.\n`;
                        }
                    }

                    // Validar duplicados de número de operación
                    if (numOperacion && metodoPago && metodoPago != 1) {
                        if (numerosOperacion.includes(numOperacion)) {
                            hayErrores = true;
                            mensajeError += `Ingreso #${index + 1}: El número de operación '${numOperacion}' está duplicado.\n`;
                        } else {
                            numerosOperacion.push(numOperacion);
                        }
                    }
                });

                if (hayErrores) {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error de validación',
                        text: mensajeError,
                        width: '600px'
                    });
                    return false;
                }

                // Preparar datos de ingresos
                const ingresosData = [];
                $('#tbodyIngresos tr').each(function() {
                    const fila = $(this);
                    const accountId = fila.find('.account-ingreso').val();
                    ingresosData.push({
                        monto: fila.find('.monto-ingreso').val(),
                        metodo_pago_id: fila.find('.metodo-pago').val(),
                        fecha_registro: fila.find('.fecha-ingreso').val(),
                        account_id: accountId || null,
                        numero_operacion: fila.find('.num-operacion').val().trim() || null,
                    });
                });

                // Mostrar resumen antes de confirmar
                Swal.fire({
                    title: '¿Confirmar registro?',
                    html: `
                        <div class="text-left">
                            <p><strong>Cliente:</strong> ${$('#cliente_id option:selected').text()}</p>
                            <p><strong>Total de ingresos:</strong> ${filasIngresos}</p>
                            <p><strong>Monto total:</strong> S/ ${totalIngresos.toFixed(2)}</p>
                            <p class="text-muted"><small>Se crearán ${filasIngresos} venta(s) fantasma con saldo a favor para el cliente.</small></p>
                        </div>
                    `,
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonText: 'Sí, registrar',
                    cancelButtonText: 'Cancelar',
                    confirmButtonColor: '#28a745',
                    cancelButtonColor: '#dc3545'
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Enviar datos
                        $.ajax({
                            url: $('#ingresosMultipleForm').attr('action'),
                            method: 'POST',
                            data: {
                                _token: $('input[name="_token"]').val(),
                                cliente_id: clienteId,
                                ingresos: ingresosData
                            },
                            success: function(response) {
                                if (response.success) {
                                    Swal.fire({
                                        icon: 'success',
                                        title: '¡Éxito!',
                                        text: response.message,
                                        confirmButtonText: 'OK'
                                    }).then(() => {
                                        window.location.href = '{{ route("ingresos.index") }}';
                                    });
                                } else {
                                    Swal.fire({
                                        icon: 'error',
                                        title: 'Error',
                                        text: response.message || 'Error al registrar los ingresos.'
                                    });
                                }
                            },
                            error: function(xhr) {
                                let mensaje = 'Error al registrar los ingresos.';
                                if (xhr.responseJSON && xhr.responseJSON.message) {
                                    mensaje = xhr.responseJSON.message;
                                }
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Error',
                                    text: mensaje
                                });
                            }
                        });
                    }
                });

                return false;
            });
        });
    </script>
@stop