@extends('layouts.app')

@section('title', 'Nueva Nota de Crédito')

@section('content')
<div class="container-fluid">
    <!-- Breadcrumb -->
    <nav aria-label="breadcrumb" class="mb-4">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.accounting.credit-notes.index') }}">Notas de Crédito</a></li>
            <li class="breadcrumb-item active">Nueva Nota de Crédito</li>
        </ol>
    </nav>

    <!-- Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0 text-gray-800">
                <i class="fas fa-file-invoice-dollar text-primary me-2"></i>
                Nueva Nota de Crédito - {{ $type === 'purchase' ? 'Compra' : 'Venta' }}
            </h1>
            <p class="text-muted mb-0">Crear una nueva nota de crédito para {{ $type === 'purchase' ? 'compras' : 'ventas' }}</p>
        </div>
        <div>
            <a href="{{ route('admin.accounting.credit-notes.index') }}" class="btn btn-outline-secondary">
                <i class="fas fa-arrow-left me-2"></i>Volver
            </a>
        </div>
    </div>

    <form action="{{ route('admin.accounting.credit-notes.store') }}" method="POST" id="credit-note-form">
        @csrf
        <input type="hidden" name="type" value="{{ $type }}">
        
        <div class="row">
            <div class="col-md-12">
                <!-- Información de la Factura -->
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">
                            <i class="fas fa-file-invoice me-2"></i>Información de la Factura
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="invoice_search" class="form-label">
                                    Buscar Factura {{ $type === 'purchase' ? 'de Compra' : 'de Venta' }} <span class="text-danger">*</span>
                                </label>
                                <div class="input-group">
                                    <input type="text" class="form-control" id="invoice_search" 
                                           placeholder="Buscar por número de factura..." autocomplete="off">
                                    <button type="button" class="btn btn-outline-primary" id="search_invoice_btn">
                                        <i class="fas fa-search"></i> Buscar
                                    </button>
                                </div>
                                <input type="hidden" name="{{ $type === 'purchase' ? 'purchase_invoice_id' : 'sales_invoice_id' }}" id="invoice_id" required>
                                <div id="invoice_info" class="mt-2"></div>
                                <div id="invoice_search_results" class="mt-2" style="display: none;">
                                    <div class="list-group" id="invoice_results_list" style="max-height: 300px; overflow-y: auto;">
                                        <!-- Los resultados se cargarán aquí -->
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="credit_note_date" class="form-label">Fecha de la Nota de Crédito <span class="text-danger">*</span></label>
                                <input type="date" name="credit_note_date" id="credit_note_date" 
                                       class="form-control" value="{{ date('Y-m-d') }}" required>
                            </div>
                        </div>

                        @if($invoice)
                        <div class="alert alert-info" id="selected_invoice_info">
                            <h6 class="alert-heading">Factura Seleccionada:</h6>
                            <p class="mb-0">
                                <strong>Número:</strong> {{ $invoice->invoice_number }}<br>
                                <strong>{{ $type === 'purchase' ? 'Proveedor' : 'Cliente' }}:</strong> 
                                {{ $type === 'purchase' ? ($invoice->supplier->business_name ?? 'N/A') : ($invoice->client->business_name ?? 'N/A') }}<br>
                                <strong>Fecha:</strong> {{ $invoice->invoice_date->format('d/m/Y') }}<br>
                                <strong>Total:</strong> {{ number_format($invoice->total_amount, 2) }} {{ $invoice->currency ?? 'USD' }}
                            </p>
                            <input type="hidden" name="{{ $type === 'purchase' ? 'purchase_invoice_id' : 'sales_invoice_id' }}" value="{{ $invoice->id }}">
                            <button type="button" class="btn btn-sm btn-outline-danger mt-2" id="clear_invoice">
                                <i class="fas fa-times"></i> Cambiar Factura
                            </button>
                        </div>
                        @endif
                    </div>
                </div>

                <!-- Motivo y Notas -->
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">
                            <i class="fas fa-info-circle me-2"></i>Motivo y Notas
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <label for="reason" class="form-label">Motivo de la Nota de Crédito <span class="text-danger">*</span></label>
                                <textarea name="reason" id="reason" class="form-control" rows="3" 
                                          placeholder="Describe el motivo de la nota de crédito..." required>Devolución</textarea>
                            </div>
                            <div class="col-md-12 mb-3">
                                <label for="notes" class="form-label">Notas Adicionales</label>
                                <textarea name="notes" id="notes" class="form-control" rows="2" 
                                          placeholder="Notas adicionales sobre la nota de crédito..."></textarea>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Productos -->
                <div class="card shadow mb-4">
                    <div class="card-header py-3 d-flex justify-content-between align-items-center">
                        <h6 class="m-0 font-weight-bold text-primary">
                            <i class="fas fa-boxes me-2"></i>Productos a Devolver
                        </h6>
                        <div>
                            <button type="button" class="btn btn-sm btn-success me-2" id="load_invoice_products" style="display: none;">
                                <i class="fas fa-download me-1"></i>Cargar de Factura
                            </button>
                            <button type="button" class="btn btn-sm btn-primary" id="add_product_btn">
                                <i class="fas fa-plus me-1"></i>Agregar Producto
                            </button>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered" id="products_table">
                                <thead class="table-light">
                                    <tr>
                                        <th width="5%">#</th>
                                        <th width="30%">Producto</th>
                                        <th width="12%">Cantidad</th>
                                        <th width="12%">Precio Unitario</th>
                                        <th width="10%">Impuesto %</th>
                                        <th width="12%">Subtotal</th>
                                        <th width="12%">Total</th>
                                        <th width="7%">Acción</th>
                                    </tr>
                                </thead>
                                <tbody id="products_tbody">
                                    @if($invoice && $invoice->details && $invoice->details->count() > 0)
                                        @foreach($invoice->details as $index => $detail)
                                        <tr data-product-id="{{ $detail->product_id }}">
                                            <td>{{ $index + 1 }}</td>
                                            <td>
                                                <input type="hidden" name="products[{{ $index }}][product_id]" value="{{ $detail->product_id }}">
                                                <strong>{{ $detail->product->name ?? 'N/A' }}</strong><br>
                                                <small class="text-muted">{{ $detail->product->code ?? '' }}</small>
                                            </td>
                                            <td>
                                                <input type="number" name="products[{{ $index }}][quantity]" 
                                                       class="form-control quantity-input" 
                                                       value="{{ $detail->quantity }}" 
                                                       step="0.01" min="0.01" required>
                                            </td>
                                            <td>
                                                <input type="number" name="products[{{ $index }}][unit_price]" 
                                                       class="form-control price-input" 
                                                       value="{{ $detail->unit_price }}" 
                                                       step="0.01" min="0" required>
                                            </td>
                                            <td>
                                                <input type="number" name="products[{{ $index }}][tax_rate]" 
                                                       class="form-control tax-input" 
                                                       value="{{ $detail->tax_rate ?? 0 }}" 
                                                       step="0.01" min="0" max="100">
                                            </td>
                                            <td>
                                                <span class="subtotal-price">0.00</span>
                                            </td>
                                            <td>
                                                <span class="total-price">0.00</span>
                                            </td>
                                            <td>
                                                <button type="button" class="btn btn-sm btn-danger remove-product">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </td>
                                        </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="5" class="text-end"><strong>Total:</strong></td>
                                        <td colspan="3">
                                            <strong id="grand_total">0.00</strong>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div id="no_products_message" class="text-center py-4" style="{{ ($invoice && $invoice->details && $invoice->details->count() > 0) ? 'display:none;' : '' }}">
                            <i class="fas fa-box-open fa-2x text-muted mb-3"></i>
                            <p class="text-muted">No hay productos agregados. Haz clic en "Agregar Producto" o "Cargar de Factura" para comenzar.</p>
                        </div>
                    </div>
                </div>

                <!-- Botones de Acción -->
                <div class="card shadow mb-4">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <a href="{{ route('admin.accounting.credit-notes.index') }}" class="btn btn-secondary">
                                <i class="fas fa-times me-2"></i>Cancelar
                            </a>
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save me-2"></i>Guardar Nota de Crédito
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<!-- Modal de Búsqueda de Productos -->
<div class="modal fade" id="productSearchModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Buscar Producto</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <input type="text" class="form-control" id="product_search_input" placeholder="Buscar por nombre, código o SKU...">
                </div>
                <div id="product_search_results" class="list-group" style="max-height: 400px; overflow-y: auto;">
                    <div class="list-group-item text-center text-muted">
                        <i class="fas fa-search fa-2x mb-2"></i>
                        <p>Ingresa al menos 2 caracteres para buscar productos</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<style>
    .quantity-input, .price-input, .tax-input {
        text-align: right;
    }
    .subtotal-price, .total-price {
        font-weight: bold;
        display: block;
        text-align: right;
    }
    .subtotal-price {
        color: #6c757d;
    }
    .total-price {
        color: #007bff;
    }
    #grand_total {
        font-size: 1.2em;
        color: #28a745;
    }
    .list-group-item {
        cursor: pointer;
    }
    .list-group-item:hover {
        background-color: #f8f9fa;
    }
    .invoice-item {
        cursor: pointer;
        transition: background-color 0.2s;
    }
    .invoice-item:hover {
        background-color: #e3f2fd;
    }
</style>
@endpush

@push('scripts')
<script>
$(document).ready(function() {
    const type = '{{ $type }}';
    let productIndex = {{ ($invoice && $invoice->details) ? $invoice->details->count() : 0 }};
    @php
        $invoiceData = null;
        if ($invoice) {
            $invoiceData = [
                'id' => $invoice->id,
                'invoice_number' => $invoice->invoice_number,
                'invoice_date' => $invoice->invoice_date ? $invoice->invoice_date->format('Y-m-d') : null,
                'total_amount' => $invoice->total_amount,
                'currency' => $invoice->currency ?? 'USD',
                'supplier_name' => ($type === 'purchase' && $invoice->supplier) ? $invoice->supplier->business_name : null,
                'client_name' => ($type === 'sales' && $invoice->client) ? $invoice->client->business_name : null
            ];
        }
    @endphp
    let selectedInvoice = @json($invoiceData);
    
    // Calcular totales
    function calculateTotals() {
        let grandTotal = 0;
        
        $('#products_tbody tr').each(function() {
            const row = $(this);
            const quantity = parseFloat(row.find('.quantity-input').val()) || 0;
            const price = parseFloat(row.find('.price-input').val()) || 0;
            const taxRate = parseFloat(row.find('.tax-input').val()) || 0;
            
            const subtotal = quantity * price;
            const tax = subtotal * (taxRate / 100);
            const total = subtotal + tax;
            
            row.find('.subtotal-price').text(subtotal.toFixed(2));
            row.find('.total-price').text(total.toFixed(2));
            grandTotal += total;
        });
        
        $('#grand_total').text(grandTotal.toFixed(2));
        
        // Mostrar/ocultar mensaje de sin productos
        if ($('#products_tbody tr').length === 0) {
            $('#no_products_message').show();
            $('#products_table').hide();
        } else {
            $('#no_products_message').hide();
            $('#products_table').show();
        }
    }
    
    // Event listeners para cálculos
    $(document).on('input', '.quantity-input, .price-input, .tax-input', calculateTotals);
    
    // Calcular totales iniciales
    calculateTotals();
    
    // Buscar factura
    let invoiceSearchTimeout;
    $('#invoice_search').on('keyup', function() {
        const search = $(this).val().trim();
        
        clearTimeout(invoiceSearchTimeout);
        
        if (search.length < 2) {
            $('#invoice_search_results').hide();
            return;
        }
        
        invoiceSearchTimeout = setTimeout(function() {
            searchInvoices(search);
        }, 500);
    });
    
    $('#search_invoice_btn').click(function() {
        const search = $('#invoice_search').val().trim();
        if (search.length < 2) {
            alert('Por favor ingresa al menos 2 caracteres para buscar');
            return;
        }
        searchInvoices(search);
    });
    
    function searchInvoices(query) {
        $.ajax({
            url: '{{ route("admin.accounting.credit-notes.search-invoices") }}',
            method: 'GET',
            data: {
                type: type,
                q: query
            },
            success: function(invoices) {
                displayInvoiceResults(invoices);
            },
            error: function(xhr) {
                console.error('Error al buscar facturas:', xhr);
                $('#invoice_search_results').html('<div class="alert alert-danger">Error al buscar facturas</div>').show();
            }
        });
    }
    
    function displayInvoiceResults(invoices) {
        if (invoices.length === 0) {
            $('#invoice_results_list').html('<div class="list-group-item text-center text-muted">No se encontraron facturas</div>');
            $('#invoice_search_results').show();
            return;
        }
        
        let html = '';
        invoices.forEach(function(invoice) {
            const entityName = type === 'purchase' 
                ? (invoice.supplier ? invoice.supplier.business_name : 'N/A')
                : (invoice.client ? invoice.client.business_name : 'N/A');
            const invoiceDate = new Date(invoice.invoice_date).toLocaleDateString('es-ES');
            
            html += `
                <div class="list-group-item invoice-item" data-invoice-id="${invoice.id}">
                    <div class="d-flex justify-content-between align-items-start">
                        <div>
                            <h6 class="mb-1">${invoice.invoice_number}</h6>
                            <p class="mb-1"><strong>${type === 'purchase' ? 'Proveedor' : 'Cliente'}:</strong> ${entityName}</p>
                            <small class="text-muted">Fecha: ${invoiceDate} | Total: ${parseFloat(invoice.total_amount).toFixed(2)} ${invoice.currency || 'USD'}</small>
                        </div>
                        <button type="button" class="btn btn-sm btn-primary select-invoice" data-invoice-id="${invoice.id}">
                            <i class="fas fa-check"></i> Seleccionar
                        </button>
                    </div>
                </div>
            `;
        });
        
        $('#invoice_results_list').html(html);
        $('#invoice_search_results').show();
    }
    
    // Seleccionar factura
    $(document).on('click', '.select-invoice, .invoice-item', function(e) {
        e.stopPropagation();
        const invoiceId = $(this).data('invoice-id') || $(this).closest('.invoice-item').data('invoice-id');
        
        if (!invoiceId) return;
        
        loadInvoiceProducts(invoiceId);
    });
    
    function loadInvoiceProducts(invoiceId) {
        $.ajax({
            url: '{{ route("admin.accounting.credit-notes.invoice-products") }}',
            method: 'GET',
            data: {
                invoice_id: invoiceId,
                type: type
            },
            success: function(response) {
                selectedInvoice = {
                    id: response.invoice.id,
                    invoice_number: response.invoice.invoice_number,
                    invoice_date: response.invoice.invoice_date,
                    total_amount: response.invoice.total_amount,
                    currency: response.invoice.currency || 'USD',
                    supplier_name: type === 'purchase' ? (response.invoice.supplier ? response.invoice.supplier.business_name : 'N/A') : null,
                    client_name: type === 'sales' ? (response.invoice.client ? response.invoice.client.business_name : 'N/A') : null
                };
                
                displaySelectedInvoice();
                loadProductsFromInvoice(response.details);
                $('#invoice_search_results').hide();
                $('#invoice_search').val('');
            },
            error: function(xhr) {
                console.error('Error al cargar productos de la factura:', xhr);
                alert('Error al cargar los productos de la factura');
            }
        });
    }
    
    function displaySelectedInvoice() {
        if (!selectedInvoice) return;
        
        const entityName = type === 'purchase' ? selectedInvoice.supplier_name : selectedInvoice.client_name;
        const invoiceDate = new Date(selectedInvoice.invoice_date).toLocaleDateString('es-ES');
        
        const html = `
            <div class="alert alert-info" id="selected_invoice_info">
                <h6 class="alert-heading">Factura Seleccionada:</h6>
                <p class="mb-0">
                    <strong>Número:</strong> ${selectedInvoice.invoice_number}<br>
                    <strong>${type === 'purchase' ? 'Proveedor' : 'Cliente'}:</strong> ${entityName}<br>
                    <strong>Fecha:</strong> ${invoiceDate}<br>
                    <strong>Total:</strong> ${parseFloat(selectedInvoice.total_amount).toFixed(2)} ${selectedInvoice.currency}
                </p>
                <button type="button" class="btn btn-sm btn-outline-danger mt-2" id="clear_invoice">
                    <i class="fas fa-times"></i> Cambiar Factura
                </button>
            </div>
        `;
        
        $('#invoice_info').html(html);
        $('#invoice_id').val(selectedInvoice.id);
        $('#load_invoice_products').show();
    }
    
    function loadProductsFromInvoice(details) {
        $('#products_tbody').empty();
        productIndex = 0;
        
        if (details && details.length > 0) {
            details.forEach(function(detail) {
                addProductRow({
                    id: detail.product_id,
                    name: detail.product ? detail.product.name : 'N/A',
                    code: detail.product ? detail.product.code : '',
                    quantity: detail.quantity || detail.quantity_ordered || 0,
                    unit_price: detail.unit_price || detail.price || 0,
                    tax_rate: detail.tax_rate || 0
                });
            });
        }
        
        calculateTotals();
    }
    
    // Limpiar factura seleccionada
    $(document).on('click', '#clear_invoice', function() {
        selectedInvoice = null;
        $('#invoice_info').empty();
        $('#invoice_id').val('');
        $('#load_invoice_products').hide();
        $('#products_tbody').empty();
        productIndex = 0;
        calculateTotals();
    });
    
    // Cargar productos de factura
    $('#load_invoice_products').click(function() {
        if (!selectedInvoice) {
            alert('Primero debes seleccionar una factura');
            return;
        }
        loadInvoiceProducts(selectedInvoice.id);
    });
    
    // Abrir modal de búsqueda de productos
    $('#add_product_btn').click(function() {
        $('#productSearchModal').modal('show');
        $('#product_search_input').val('').focus();
    });
    
    // Buscar productos
    let productSearchTimeout;
    $('#product_search_input').on('keyup', function() {
        const search = $(this).val().trim();
        
        clearTimeout(productSearchTimeout);
        
        if (search.length < 2) {
            $('#product_search_results').html('<div class="list-group-item text-center text-muted"><i class="fas fa-search fa-2x mb-2"></i><p>Ingresa al menos 2 caracteres para buscar productos</p></div>');
            return;
        }
        
        productSearchTimeout = setTimeout(function() {
            searchProducts(search);
        }, 500);
    });
    
    function searchProducts(query) {
        $.ajax({
            url: '{{ route("admin.accounting.credit-notes.search-products") }}',
            method: 'GET',
            data: {
                q: query,
                search: query
            },
            success: function(products) {
                displayProductResults(products);
            },
            error: function(xhr) {
                console.error('Error al buscar productos:', xhr);
                $('#product_search_results').html('<div class="alert alert-danger">Error al buscar productos</div>');
            }
        });
    }
    
    function displayProductResults(products) {
        if (products.length === 0) {
            $('#product_search_results').html('<div class="list-group-item text-center text-muted">No se encontraron productos</div>');
            return;
        }
        
        let html = '';
        products.forEach(function(product) {
            html += `
                <div class="list-group-item product-item" data-product-id="${product.id}" style="cursor: pointer;">
                    <div class="d-flex justify-content-between align-items-start">
                        <div>
                            <h6 class="mb-1">${product.name}</h6>
                            <p class="mb-1"><small class="text-muted">Código: ${product.code || 'N/A'} | SKU: ${product.sku || 'N/A'}</small></p>
                            ${product.category ? '<small class="text-muted">Categoría: ' + product.category.name + '</small>' : ''}
                        </div>
                        <button type="button" class="btn btn-sm btn-primary add-product-btn" data-product='${JSON.stringify(product)}'>
                            <i class="fas fa-plus"></i> Agregar
                        </button>
                    </div>
                </div>
            `;
        });
        
        $('#product_search_results').html(html);
    }
    
    // Agregar producto desde modal
    $(document).on('click', '.add-product-btn, .product-item', function(e) {
        e.stopPropagation();
        const btn = $(this).hasClass('add-product-btn') ? $(this) : $(this).find('.add-product-btn');
        const productData = btn.length ? JSON.parse(btn.data('product')) : null;
        
        if (!productData) {
            const productId = $(this).data('product-id');
            if (productId) {
                // Buscar el producto en los resultados
                const productRow = $(this).closest('.product-item');
                const addBtn = productRow.find('.add-product-btn');
                if (addBtn.length) {
                    productData = JSON.parse(addBtn.data('product'));
                }
            }
        }
        
        if (productData) {
            addProductRow(productData);
            $('#productSearchModal').modal('hide');
            $('#product_search_input').val('');
            $('#product_search_results').html('<div class="list-group-item text-center text-muted"><i class="fas fa-search fa-2x mb-2"></i><p>Ingresa al menos 2 caracteres para buscar productos</p></div>');
        }
    });
    
    function addProductRow(product) {
        const row = `
            <tr data-product-id="${product.id}">
                <td>${productIndex + 1}</td>
                <td>
                    <input type="hidden" name="products[${productIndex}][product_id]" value="${product.id}">
                    <strong>${product.name}</strong><br>
                    <small class="text-muted">${product.code || ''}</small>
                </td>
                <td>
                    <input type="number" name="products[${productIndex}][quantity]" 
                           class="form-control quantity-input" 
                           value="1" 
                           step="0.01" min="0.01" required>
                </td>
                <td>
                    <input type="number" name="products[${productIndex}][unit_price]" 
                           class="form-control price-input" 
                           value="0" 
                           step="0.01" min="0" required>
                </td>
                <td>
                    <input type="number" name="products[${productIndex}][tax_rate]" 
                           class="form-control tax-input" 
                           value="${product.tax_rate || 0}" 
                           step="0.01" min="0" max="100">
                </td>
                <td>
                    <span class="subtotal-price">0.00</span>
                </td>
                <td>
                    <span class="total-price">0.00</span>
                </td>
                <td>
                    <button type="button" class="btn btn-sm btn-danger remove-product">
                        <i class="fas fa-trash"></i>
                    </button>
                </td>
            </tr>
        `;
        
        $('#products_tbody').append(row);
        productIndex++;
        calculateTotals();
    }
    
    // Remover producto
    $(document).on('click', '.remove-product', function() {
        if (confirm('¿Estás seguro de eliminar este producto?')) {
            $(this).closest('tr').remove();
            // Renumerar filas
            $('#products_tbody tr').each(function(index) {
                $(this).find('td:first').text(index + 1);
            });
            calculateTotals();
        }
    });
    
    // Validar formulario antes de enviar
    $('#credit-note-form').on('submit', function(e) {
        if ($('#products_tbody tr').length === 0) {
            e.preventDefault();
            alert('Debes agregar al menos un producto');
            return false;
        }
        
        if (!$('#invoice_id').val()) {
            e.preventDefault();
            alert('Debes seleccionar una factura');
            return false;
        }
        
        // Validar que todos los productos tengan cantidad y precio
        let isValid = true;
        $('#products_tbody tr').each(function() {
            const quantity = parseFloat($(this).find('.quantity-input').val()) || 0;
            const price = parseFloat($(this).find('.price-input').val()) || 0;
            
            if (quantity <= 0 || price <= 0) {
                isValid = false;
                return false;
            }
        });
        
        if (!isValid) {
            e.preventDefault();
            alert('Todos los productos deben tener cantidad y precio mayor a cero');
            return false;
        }
    });
    
    // Si hay factura precargada, mostrar botón de cargar productos
    @if($invoice)
        $('#load_invoice_products').show();
    @endif
});
</script>
@endpush