@extends('layouts.app')

@section('title', 'Editar Recepción de Mercancía')

@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">
                        <h4 class="mb-0">
                            <i class="fas fa-edit mr-2"></i>Editar Recepción de Mercancía
                        </h4>
                        <a href="{{ route('admin.purchases.receptions.index') }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left mr-1"></i>Volver
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.purchases.receptions.update', $purchaseReception) }}" method="POST" id="reception-form">
                        @csrf
                        @method('PUT')
                        
                        <div class="row">
                            <!-- Información de la Factura -->
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="mb-0">Información de la Factura</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="purchase_invoice_id" class="required">Factura de Compra</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>
                                                @foreach($invoices as $invoice)
                                                    <option value="{{ $invoice->id }}" 
                                                            {{ old('purchase_invoice_id', $purchaseReception->purchase_invoice_id) == $invoice->id ? 'selected' : '' }}>
                                                        {{ $invoice->invoice_number }} - {{ $invoice->supplier ? $invoice->supplier->business_name : 'N/A' }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('purchase_invoice_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Información del Producto -->
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="mb-0">Información del Producto</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="product_id" class="required">Producto</label>
                                            <select name="product_id" id="product_id" 
                                                    class="form-control @error('product_id') is-invalid @enderror" required>
                                                <option value="">Seleccionar producto...</option>
                                                @foreach($products as $product)
                                                    <option value="{{ $product->id }}" 
                                                            {{ old('product_id', $purchaseReception->product_id) == $product->id ? 'selected' : '' }}>
                                                        {{ $product->name }} ({{ $product->code }})
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('product_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row mt-3">
                            <!-- Información de Ubicación -->
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="mb-0">Ubicación</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="warehouse_id" class="required">Almacén</label>
                                            <select name="warehouse_id" id="warehouse_id" 
                                                    class="form-control @error('warehouse_id') is-invalid @enderror" required>
                                                <option value="">Seleccionar almacén...</option>
                                                @foreach($warehouses as $warehouse)
                                                    <option value="{{ $warehouse->id }}" 
                                                            {{ old('warehouse_id', $purchaseReception->warehouse_id) == $warehouse->id ? 'selected' : '' }}>
                                                        {{ $warehouse->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('warehouse_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                            <label for="location_id" class="required">Ubicación</label>
                                            <select name="location_id" id="location_id" 
                                                    class="form-control @error('location_id') is-invalid @enderror" required>
                                                <option value="">Seleccionar ubicación...</option>
                                                @if($purchaseReception->location)
                                                    <option value="{{ $purchaseReception->location->id }}" selected>
                                                        {{ $purchaseReception->location->name }}
                                                    </option>
                                                @endif
                                            </select>
                                            @error('location_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Información de Cantidad y Costo -->
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="mb-0">Cantidad y Costo</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="quantity_received" class="required">Cantidad Recibida</label>
                                            <input type="number" name="quantity_received" id="quantity_received" 
                                                   class="form-control @error('quantity_received') is-invalid @enderror" 
                                                   value="{{ old('quantity_received', $purchaseReception->quantity_received) }}" 
                                                   min="1" required>
                                            @error('quantity_received')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                            <label for="unit_cost" class="required">Costo Unitario</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">$</span>
                                                </div>
                                                <input type="number" name="unit_cost" id="unit_cost" 
                                                       class="form-control @error('unit_cost') is-invalid @enderror" 
                                                       value="{{ old('unit_cost', $purchaseReception->unit_cost) }}" 
                                                       step="0.01" min="0" required>
                                            </div>
                                            @error('unit_cost')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                            <label>Costo Total</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">$</span>
                                                </div>
                                                <input type="text" id="total_cost" class="form-control" readonly 
                                                       value="{{ number_format($purchaseReception->total_cost, 2) }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Notas -->
                        <div class="row mt-3">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="mb-0">Notas</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="notes">Notas de Recepción</label>
                                            <textarea name="notes" id="notes" rows="4" 
                                                      class="form-control @error('notes') is-invalid @enderror" 
                                                      placeholder="Observaciones sobre la recepción de mercancía...">{{ old('notes', $purchaseReception->notes) }}</textarea>
                                            @error('notes')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row mt-4">
                            <div class="col-12">
                                <div class="d-flex justify-content-between">
                                    <a href="{{ route('admin.purchases.receptions.index') }}" class="btn btn-secondary">
                                        <i class="fas fa-times mr-1"></i>Cancelar
                                    </a>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-save mr-1"></i>Actualizar Recepción
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    // Cargar ubicaciones por almacén
    $('#warehouse_id').on('change', function() {
        const warehouseId = $(this).val();
        if (warehouseId) {
            loadLocationsByWarehouse(warehouseId);
        } else {
            $('#location_id').html('<option value="">Seleccionar ubicación...</option>');
        }
    });

    // Calcular costo total
    function calculateTotalCost() {
        const quantity = parseInt($('#quantity_received').val()) || 0;
        const unitCost = parseFloat($('#unit_cost').val()) || 0;
        const totalCost = quantity * unitCost;
        $('#total_cost').val(totalCost.toFixed(2));
    }

    $('#quantity_received, #unit_cost').on('input', calculateTotalCost);

    // Cargar ubicaciones iniciales si ya hay un almacén seleccionado
    const initialWarehouseId = $('#warehouse_id').val();
    if (initialWarehouseId) {
        loadLocationsByWarehouse(initialWarehouseId);
    }
});

function loadLocationsByWarehouse(warehouseId) {
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    $.get('{{ route("admin.purchases.receptions.locations-by-warehouse") }}', {
        warehouse_id: warehouseId
    }).done(function(locations) {
        let html = '<option value="">Seleccionar ubicación...</option>';
        locations.forEach(function(location) {
            html += `<option value="${location.id}">${location.name}</option>`;
        });
        $('#location_id').html(html);
    }).fail(function() {
        console.error('Error al cargar ubicaciones');
        $('#location_id').html('<option value="">Error al cargar ubicaciones</option>');
    });
}
</script>
@endpush