@extends('layouts.app')

@section('title', 'Recepción de Productos')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-truck-loading me-2"></i>Recepción de Productos - {{ $purchaseInvoice->invoice_number }}
                    </h3>
                </div>
                <div class="card-body">
                    <!-- Información de la Factura -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <div class="card border-info">
                                <div class="card-header bg-info text-white">
                                    <h5 class="mb-0">Información de la Factura</h5>
                                </div>
                                <div class="card-body">
                                    <p><strong>Proveedor:</strong> {{ $purchaseInvoice->supplier->business_name }}</p>
                                    <p><strong>Fecha:</strong> {{ $purchaseInvoice->invoice_date->format('d/m/Y') }}</p>
                                    <p><strong>Estado:</strong> 
                                        <span class="badge badge-{{ $purchaseInvoice->status === 'pending' ? 'warning' : 'info' }}">
                                            {{ ucfirst($purchaseInvoice->status) }}
                                        </span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card border-success">
                                <div class="card-header bg-success text-white">
                                    <h5 class="mb-0">Totales</h5>
                                </div>
                                <div class="card-body">
                                    <p><strong>Subtotal:</strong> {{ number_format($purchaseInvoice->subtotal, 2) }} {{ $purchaseInvoice->currency }}</p>
                                    <p><strong>Impuestos:</strong> {{ number_format($purchaseInvoice->tax_amount, 2) }} {{ $purchaseInvoice->currency }}</p>
                                    <p><strong>Total:</strong> {{ number_format($purchaseInvoice->total_amount, 2) }} {{ $purchaseInvoice->currency }}</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Formulario de Recepción -->
                    <form id="receiveProductsForm">
                        @csrf
                        <div class="card">
                            <div class="card-header bg-primary text-white">
                                <h5 class="mb-0">Productos a Recibir</h5>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <thead class="bg-light">
                                            <tr>
                                                <th>Producto</th>
                                                <th>Cantidad Facturada</th>
                                                <th>Cantidad Recibida</th>
                                                <th>Precio Unitario</th>
                                                <th>Total</th>
                                                <th>Diferencia</th>
                                                <th>Acciones</th>
                                            </tr>
                                        </thead>
                                        <tbody id="products_table">
                                            @foreach($purchaseInvoice->details as $detail)
                                                <tr data-product-id="{{ $detail->product_id }}">
                                                    <td>
                                                        <strong>{{ $detail->product->name }}</strong>
                                                        <br>
                                                        <small class="text-muted">{{ $detail->product->code }}</small>
                                                    </td>
                                                    <td>
                                                        <span class="badge badge-info">{{ number_format($detail->quantity, 3) }}</span>
                                                    </td>
                                                    <td>
                                                        <input type="number" 
                                                               class="form-control received-quantity" 
                                                               name="received_products[{{ $detail->product_id }}][received_quantity]"
                                                               value="{{ $detail->quantity }}"
                                                               step="0.001" 
                                                               min="0" 
                                                               max="{{ $detail->quantity }}"
                                                               data-original-quantity="{{ $detail->quantity }}">
                                                    </td>
                                                    <td>
                                                        <input type="number" 
                                                               class="form-control unit-price" 
                                                               name="received_products[{{ $detail->product_id }}][unit_price]"
                                                               value="{{ $detail->unit_price }}"
                                                               step="0.01" 
                                                               min="0">
                                                    </td>
                                                    <td>
                                                        <span class="total-price">0.00</span>
                                                    </td>
                                                    <td>
                                                        <span class="difference badge badge-success">0.00</span>
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn btn-sm btn-info" onclick="calculateRow(this)">
                                                            <i class="fas fa-calculator"></i>
                                                        </button>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <!-- Opciones de Nota de Crédito -->
                        <div class="card mt-4" id="credit_note_options" style="display: none;">
                            <div class="card-header bg-warning text-dark">
                                <h5 class="mb-0">
                                    <i class="fas fa-exclamation-triangle me-2"></i>
                                    Productos Faltantes Detectados
                                </h5>
                            </div>
                            <div class="card-body">
                                <div class="form-group">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="create_credit_note" name="create_credit_note">
                                        <label class="form-check-label" for="create_credit_note">
                                            <strong>Crear Nota de Crédito</strong> para productos faltantes
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group mt-3" id="credit_note_reason_group" style="display: none;">
                                    <label for="credit_note_reason">Motivo de la Nota de Crédito <span class="text-danger">*</span></label>
                                    <textarea class="form-control" id="credit_note_reason" name="credit_note_reason" rows="3" 
                                              placeholder="Describa el motivo de la nota de crédito..."></textarea>
                                </div>
                            </div>
                        </div>

                        <!-- Resumen -->
                        <div class="card mt-4">
                            <div class="card-header bg-secondary text-white">
                                <h5 class="mb-0">Resumen de Recepción</h5>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="text-center">
                                            <h4 class="text-primary" id="total_received">0</h4>
                                            <small>Productos Recibidos</small>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="text-center">
                                            <h4 class="text-warning" id="total_shortage">0</h4>
                                            <small>Productos Faltantes</small>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="text-center">
                                            <h4 class="text-success" id="total_amount_received">0.00</h4>
                                            <small>Monto Recibido</small>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="text-center">
                                            <h4 class="text-danger" id="total_credit_amount">0.00</h4>
                                            <small>Monto Nota de Crédito</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="card-footer">
                    <div class="d-flex justify-content-between">
                        <a href="{{ route('admin.purchases.invoices.show', $purchaseInvoice) }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left me-2"></i>Volver a la Factura
                        </a>
                        <button type="button" class="btn btn-success" onclick="processReception()">
                            <i class="fas fa-check me-2"></i>Procesar Recepción
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Calcular todas las filas al cargar
    document.querySelectorAll('.received-quantity').forEach(input => {
        calculateRow(input.closest('tr'));
    });
    
    // Event listeners
    document.querySelectorAll('.received-quantity, .unit-price').forEach(input => {
        input.addEventListener('input', function() {
            calculateRow(this.closest('tr'));
        });
    });
    
    // Mostrar/ocultar opciones de nota de crédito
    document.getElementById('create_credit_note').addEventListener('change', function() {
        const reasonGroup = document.getElementById('credit_note_reason_group');
        reasonGroup.style.display = this.checked ? 'block' : 'none';
    });
});

function calculateRow(row) {
    const receivedQuantity = parseFloat(row.querySelector('.received-quantity').value) || 0;
    const unitPrice = parseFloat(row.querySelector('.unit-price').value) || 0;
    const originalQuantity = parseFloat(row.querySelector('.received-quantity').dataset.originalQuantity) || 0;
    
    const totalPrice = receivedQuantity * unitPrice;
    const difference = receivedQuantity - originalQuantity;
    
    row.querySelector('.total-price').textContent = totalPrice.toFixed(2);
    
    const differenceElement = row.querySelector('.difference');
    if (difference < 0) {
        differenceElement.textContent = Math.abs(difference).toFixed(3);
        differenceElement.className = 'difference badge badge-danger';
    } else if (difference > 0) {
        differenceElement.textContent = difference.toFixed(3);
        differenceElement.className = 'difference badge badge-warning';
    } else {
        differenceElement.textContent = '0.000';
        differenceElement.className = 'difference badge badge-success';
    }
    
    updateSummary();
}

function updateSummary() {
    let totalReceived = 0;
    let totalShortage = 0;
    let totalAmountReceived = 0;
    let totalCreditAmount = 0;
    let hasShortage = false;
    
    document.querySelectorAll('#products_table tr').forEach(row => {
        const receivedQuantity = parseFloat(row.querySelector('.received-quantity').value) || 0;
        const originalQuantity = parseFloat(row.querySelector('.received-quantity').dataset.originalQuantity) || 0;
        const unitPrice = parseFloat(row.querySelector('.unit-price').value) || 0;
        
        totalReceived += receivedQuantity;
        totalAmountReceived += receivedQuantity * unitPrice;
        
        if (receivedQuantity < originalQuantity) {
            const shortage = originalQuantity - receivedQuantity;
            totalShortage += shortage;
            totalCreditAmount += shortage * unitPrice;
            hasShortage = true;
        }
    });
    
    document.getElementById('total_received').textContent = totalReceived.toFixed(3);
    document.getElementById('total_shortage').textContent = totalShortage.toFixed(3);
    document.getElementById('total_amount_received').textContent = totalAmountReceived.toFixed(2);
    document.getElementById('total_credit_amount').textContent = totalCreditAmount.toFixed(2);
    
    // Mostrar/ocultar opciones de nota de crédito
    const creditNoteOptions = document.getElementById('credit_note_options');
    creditNoteOptions.style.display = hasShortage ? 'block' : 'none';
}

function processReception() {
    const form = document.getElementById('receiveProductsForm');
    const formData = new FormData(form);
    
    // Agregar datos de productos recibidos
    const receivedProducts = [];
    document.querySelectorAll('#products_table tr').forEach(row => {
        const productId = row.dataset.productId;
        const receivedQuantity = parseFloat(row.querySelector('.received-quantity').value) || 0;
        const unitPrice = parseFloat(row.querySelector('.unit-price').value) || 0;
        
        receivedProducts.push({
            product_id: productId,
            received_quantity: receivedQuantity,
            unit_price: unitPrice
        });
    });
    
    formData.append('received_products', JSON.stringify(receivedProducts));
    
    // Mostrar confirmación
    const createCreditNote = document.getElementById('create_credit_note').checked;
    let confirmMessage = '¿Procesar la recepción de productos?';
    
    if (createCreditNote) {
        const reason = document.getElementById('credit_note_reason').value;
        if (!reason.trim()) {
            alert('Debe especificar el motivo de la nota de crédito.');
            return;
        }
        confirmMessage += '\n\nSe creará una nota de crédito para los productos faltantes.';
    }
    
    if (!confirm(confirmMessage)) {
        return;
    }
    
    // Enviar datos
    fetch('{{ route("admin.purchases.invoices.receive-products", $purchaseInvoice) }}', {
        method: 'POST',
        body: formData,
        headers: {
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
        }
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            let message = data.message;
            if (data.credit_note_created) {
                message += `\n\nNota de crédito creada: ${data.credit_note_number}`;
            }
            alert(message);
            window.location.href = '{{ route("admin.purchases.invoices.show", $purchaseInvoice) }}';
        } else {
            alert('Error: ' + data.error);
        }
    })
    .catch(error => {
        console.error('Error:', error);
        alert('Error al procesar la recepción.');
    });
}
</script>
@endsection