@extends('layouts.app')

@section('title', 'Editar Devolución de Compra')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <h3 class="card-title">
                            <i class="fas fa-edit mr-2"></i>
                            Editar Devolución de Compra
                        </h3>
                        <div>
                            <a href="{{ route('admin.purchases.returns.show', $return) }}" class="btn btn-secondary">
                                <i class="fas fa-arrow-left mr-1"></i>
                                Volver
                            </a>
                        </div>
                    </div>
                </div>

                <form action="{{ route('admin.purchases.returns.update', $return) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="card-body">
                        <!-- Información General -->
                        <div class="row mb-4">
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="mb-0"><i class="fas fa-info-circle mr-2"></i>Información General</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="supplier_id">Proveedor <span class="text-danger">*</span></label>
                                            <select name="supplier_id" id="supplier_id" class="form-control @error('supplier_id') is-invalid @enderror" required>
                                                <option value="">Seleccionar Proveedor</option>
                                                @foreach($suppliers as $supplier)
                                                    <option value="{{ $supplier->id }}" {{ old('supplier_id', $return->supplier_id) == $supplier->id ? 'selected' : '' }}>
                                                        {{ $supplier->business_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('supplier_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                            <label for="purchase_invoice_id">Factura de Compra <span class="text-danger">*</span></label>
                                            <select name="purchase_invoice_id" id="purchase_invoice_id" class="form-control @error('purchase_invoice_id') is-invalid @enderror" required>
                                                <option value="">Seleccionar Factura</option>
                                                @if($return->purchaseInvoice)
                                                    <option value="{{ $return->purchaseInvoice->id }}" selected>
                                                        {{ $return->purchaseInvoice->invoice_number }} - {{ $return->purchaseInvoice->supplier->business_name ?? 'N/A' }}
                                                    </option>
                                                @endif
                                            </select>
                                            @error('purchase_invoice_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                            <label for="return_date">Fecha de Devolución <span class="text-danger">*</span></label>
                                            <input type="date" name="return_date" id="return_date" class="form-control @error('return_date') is-invalid @enderror" value="{{ old('return_date', $return->return_date ? $return->return_date->format('Y-m-d') : date('Y-m-d')) }}" required>
                                            @error('return_date')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="mb-0"><i class="fas fa-comment mr-2"></i>Motivo y Notas</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="return_reason">Motivo de Devolución <span class="text-danger">*</span></label>
                                            <input type="text" name="return_reason" id="return_reason" class="form-control @error('return_reason') is-invalid @enderror" value="{{ old('return_reason', $return->return_reason ?? $return->reason) }}" placeholder="Ej: Producto defectuoso" required>
                                            @error('return_reason')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                            <label for="notes">Notas Adicionales</label>
                                            <textarea name="notes" id="notes" class="form-control @error('notes') is-invalid @enderror" rows="3" placeholder="Notas adicionales sobre la devolución">{{ old('notes', $return->notes) }}</textarea>
                                            @error('notes')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Productos -->
                        <div class="row mb-4">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="mb-0"><i class="fas fa-boxes mr-2"></i>Productos a Devolver</h5>
                                    </div>
                                    <div class="card-body">
                                        <div id="products-container">
                                            @if(old('products'))
                                                @foreach(old('products') as $index => $product)
                                                    <div class="product-row mb-3 border p-3">
                                                        <div class="row">
                                                            <div class="col-md-4">
                                                                <div class="form-group">
                                                                    <label>Producto <span class="text-danger">*</span></label>
                                                                    <select name="products[{{ $index }}][product_id]" class="form-control product-select" required>
                                                                        <option value="">Seleccionar Producto</option>
                                                                        @foreach(\App\Models\Product::all() as $productOption)
                                                                            <option value="{{ $productOption->id }}" {{ $product['product_id'] == $productOption->id ? 'selected' : '' }}>
                                                                                {{ $productOption->name }} ({{ $productOption->code }})
                                                                            </option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <div class="form-group">
                                                                    <label>Cantidad <span class="text-danger">*</span></label>
                                                                    <input type="number" name="products[{{ $index }}][quantity]" class="form-control quantity-input" value="{{ $product['quantity'] }}" min="1" step="0.01" required>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <div class="form-group">
                                                                    <label>Precio Unitario <span class="text-danger">*</span></label>
                                                                    <input type="number" name="products[{{ $index }}][unit_price]" class="form-control unit-price-input" value="{{ $product['unit_price'] }}" min="0" step="0.01" required>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <div class="form-group">
                                                                    <label>Total</label>
                                                                    <input type="text" class="form-control total-input" readonly>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-1">
                                                                <div class="form-group">
                                                                    <label>&nbsp;</label>
                                                                    <button type="button" class="btn btn-danger btn-block remove-product">
                                                                        <i class="fas fa-trash"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @else
                                                @foreach($return->details as $index => $detail)
                                                    <div class="product-row mb-3 border p-3">
                                                        <div class="row">
                                                            <div class="col-md-4">
                                                                <div class="form-group">
                                                                    <label>Producto <span class="text-danger">*</span></label>
                                                                    <select name="products[{{ $index }}][product_id]" class="form-control product-select" required>
                                                                        <option value="">Seleccionar Producto</option>
                                                                        @foreach(\App\Models\Product::all() as $productOption)
                                                                            <option value="{{ $productOption->id }}" {{ $detail->product_id == $productOption->id ? 'selected' : '' }}>
                                                                                {{ $productOption->name }} ({{ $productOption->code }})
                                                                            </option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <div class="form-group">
                                                                    <label>Cantidad <span class="text-danger">*</span></label>
                                                                    <input type="number" name="products[{{ $index }}][quantity]" class="form-control quantity-input" value="{{ $detail->quantity_returned ?? $detail->quantity }}" min="1" step="0.01" required>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <div class="form-group">
                                                                    <label>Precio Unitario <span class="text-danger">*</span></label>
                                                                    <input type="number" name="products[{{ $index }}][unit_price]" class="form-control unit-price-input" value="{{ $detail->unit_price }}" min="0" step="0.01" required>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <div class="form-group">
                                                                    <label>Total</label>
                                                                    <input type="text" class="form-control total-input" value="{{ number_format($detail->total_price, 2) }}" readonly>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-1">
                                                                <div class="form-group">
                                                                    <label>&nbsp;</label>
                                                                    <button type="button" class="btn btn-danger btn-block remove-product">
                                                                        <i class="fas fa-trash"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @endif
                                        </div>
                                        <button type="button" class="btn btn-primary" id="add-product">
                                            <i class="fas fa-plus mr-1"></i>
                                            Agregar Producto
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Resumen -->
                        <div class="row mb-4">
                            <div class="col-md-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="mb-0"><i class="fas fa-calculator mr-2"></i>Resumen</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-6 offset-md-6">
                                                <div class="d-flex justify-content-between mb-2">
                                                    <strong>Subtotal:</strong>
                                                    <span id="subtotal">0.00</span>
                                                </div>
                                                <div class="d-flex justify-content-between mb-2">
                                                    <strong>Total:</strong>
                                                    <span id="total" class="text-primary font-weight-bold">0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save mr-1"></i>
                            Actualizar Devolución
                        </button>
                        <a href="{{ route('admin.purchases.returns.show', $return) }}" class="btn btn-secondary">
                            <i class="fas fa-times mr-1"></i>
                            Cancelar
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
    let productIndex = {{ $return->details->count() }};

    // Agregar producto
    $('#add-product').on('click', function() {
        const productRow = `
            <div class="product-row mb-3 border p-3">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Producto <span class="text-danger">*</span></label>
                            <select name="products[${productIndex}][product_id]" class="form-control product-select" required>
                                <option value="">Seleccionar Producto</option>
                                @foreach(\App\Models\Product::all() as $product)
                                    <option value="{{ $product->id }}">{{ $product->name }} ({{ $product->code }})</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>Cantidad <span class="text-danger">*</span></label>
                            <input type="number" name="products[${productIndex}][quantity]" class="form-control quantity-input" min="1" step="0.01" required>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Precio Unitario <span class="text-danger">*</span></label>
                            <input type="number" name="products[${productIndex}][unit_price]" class="form-control unit-price-input" min="0" step="0.01" required>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>Total</label>
                            <input type="text" class="form-control total-input" readonly>
                        </div>
                    </div>
                    <div class="col-md-1">
                        <div class="form-group">
                            <label>&nbsp;</label>
                            <button type="button" class="btn btn-danger btn-block remove-product">
                                <i class="fas fa-trash"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        `;
        $('#products-container').append(productRow);
        productIndex++;
        updateTotals();
    });

    // Eliminar producto
    $(document).on('click', '.remove-product', function() {
        $(this).closest('.product-row').remove();
        updateTotals();
    });

    // Calcular totales
    function updateTotals() {
        let subtotal = 0;
        $('.product-row').each(function() {
            const quantity = parseFloat($(this).find('.quantity-input').val()) || 0;
            const unitPrice = parseFloat($(this).find('.unit-price-input').val()) || 0;
            const total = quantity * unitPrice;
            $(this).find('.total-input').val(total.toFixed(2));
            subtotal += total;
        });
        $('#subtotal').text(subtotal.toFixed(2));
        $('#total').text(subtotal.toFixed(2));
    }

    // Event listeners para cálculo automático
    $(document).on('input', '.quantity-input, .unit-price-input', function() {
        updateTotals();
    });

    // Inicializar totales
    updateTotals();
</script>
@endpush
@endsection