@extends('layouts.app')

@section('title', 'Editar Ajuste de Inventario')

@section('content')
<div class="container-fluid">
    <!-- Header -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h3 mb-0 text-gray-800">
                        <i class="fas fa-edit me-2"></i>Editar Ajuste de Inventario
                    </h1>
                    <p class="text-muted mb-0">Código: {{ $adjustment->adjustment_code }}</p>
                </div>
                <div>
                    <a href="{{ route('admin.inventory.adjustments.show', $adjustment) }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-2"></i>Volver
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Formulario -->
    <div class="row">
        <div class="col-lg-8">
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-balance-scale me-2"></i>Información del Ajuste
                    </h6>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('admin.inventory.adjustments.update', $adjustment) }}" id="adjustmentForm">
                        @csrf
                        @method('PUT')

                        <!-- Información Básica -->
                        <div class="row mb-4">
                            <div class="col-12">
                                <h6 class="text-primary mb-3">
                                    <i class="fas fa-info-circle me-2"></i>Información Básica
                                </h6>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="adjustment_type" class="form-label">Tipo de Ajuste *</label>
                                    <select class="form-control @error('adjustment_type') is-invalid @enderror" 
                                            id="adjustment_type" name="adjustment_type" required>
                                        <option value="">Seleccionar tipo...</option>
                                        <option value="count" {{ old('adjustment_type', $adjustment->adjustment_type) === 'count' ? 'selected' : '' }}>Conteo Físico</option>
                                        <option value="damage" {{ old('adjustment_type', $adjustment->adjustment_type) === 'damage' ? 'selected' : '' }}>Daño</option>
                                        <option value="loss" {{ old('adjustment_type', $adjustment->adjustment_type) === 'loss' ? 'selected' : '' }}>Pérdida</option>
                                        <option value="found" {{ old('adjustment_type', $adjustment->adjustment_type) === 'found' ? 'selected' : '' }}>Encontrado</option>
                                        <option value="theft" {{ old('adjustment_type', $adjustment->adjustment_type) === 'theft' ? 'selected' : '' }}>Robo</option>
                                        <option value="expired" {{ old('adjustment_type', $adjustment->adjustment_type) === 'expired' ? 'selected' : '' }}>Vencido</option>
                                        <option value="return" {{ old('adjustment_type', $adjustment->adjustment_type) === 'return' ? 'selected' : '' }}>Devolución</option>
                                        <option value="correction" {{ old('adjustment_type', $adjustment->adjustment_type) === 'correction' ? 'selected' : '' }}>Corrección</option>
                                        <option value="adjustment" {{ old('adjustment_type', $adjustment->adjustment_type) === 'adjustment' ? 'selected' : '' }}>Ajuste</option>
                                    </select>
                                    @error('adjustment_type')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="priority" class="form-label">Prioridad *</label>
                                    <select class="form-control @error('priority') is-invalid @enderror" 
                                            id="priority" name="priority" required>
                                        <option value="">Seleccionar prioridad...</option>
                                        <option value="low" {{ old('priority', $adjustment->priority) === 'low' ? 'selected' : '' }}>Baja</option>
                                        <option value="normal" {{ old('priority', $adjustment->priority) === 'normal' ? 'selected' : '' }}>Normal</option>
                                        <option value="high" {{ old('priority', $adjustment->priority) === 'high' ? 'selected' : '' }}>Alta</option>
                                        <option value="urgent" {{ old('priority', $adjustment->priority) === 'urgent' ? 'selected' : '' }}>Urgente</option>
                                    </select>
                                    @error('priority')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="reason" class="form-label">Motivo *</label>
                                    <textarea class="form-control @error('reason') is-invalid @enderror" 
                                              id="reason" name="reason" rows="3" required 
                                              placeholder="Describe el motivo del ajuste...">{{ old('reason', $adjustment->reason) }}</textarea>
                                    @error('reason')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="notes" class="form-label">Notas Adicionales</label>
                                    <textarea class="form-control @error('notes') is-invalid @enderror" 
                                              id="notes" name="notes" rows="2" 
                                              placeholder="Notas adicionales...">{{ old('notes', $adjustment->notes) }}</textarea>
                                    @error('notes')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Ubicación -->
                        <div class="row mb-4">
                            <div class="col-12">
                                <h6 class="text-primary mb-3">
                                    <i class="fas fa-map-marker-alt me-2"></i>Ubicación del Ajuste
                                </h6>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="warehouse_id" class="form-label">Almacén *</label>
                                    <select class="form-control @error('warehouse_id') is-invalid @enderror" 
                                            id="warehouse_id" name="warehouse_id" required>
                                        <option value="">Seleccionar almacén...</option>
                                        @foreach($warehouses as $warehouse)
                                            <option value="{{ $warehouse->id }}" 
                                                    {{ old('warehouse_id', $adjustment->warehouse_id) == $warehouse->id ? 'selected' : '' }}>
                                                {{ $warehouse->name }} ({{ $warehouse->code }})
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('warehouse_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="location_id" class="form-label">Ubicación</label>
                                    <select class="form-control @error('location_id') is-invalid @enderror" 
                                            id="location_id" name="location_id">
                                        <option value="">Seleccionar ubicación...</option>
                                    </select>
                                    @error('location_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Producto y Cantidades -->
                        <div class="row mb-4">
                            <div class="col-12">
                                <h6 class="text-primary mb-3">
                                    <i class="fas fa-boxes me-2"></i>Producto y Cantidades
                                </h6>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="product_id" class="form-label">Producto *</label>
                                    <select class="form-control @error('product_id') is-invalid @enderror" 
                                            id="product_id" name="product_id" required>
                                        <option value="">Seleccionar producto...</option>
                                        @foreach($products as $product)
                                            <option value="{{ $product->id }}" 
                                                    {{ old('product_id', $adjustment->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 class="col-md-6">
                                <div class="form-group">
                                    <label for="unit_cost" class="form-label">Costo Unitario</label>
                                    <input type="number" step="0.01" min="0" 
                                           class="form-control @error('unit_cost') is-invalid @enderror" 
                                           id="unit_cost" name="unit_cost" value="{{ old('unit_cost', $adjustment->unit_cost) }}">
                                    @error('unit_cost')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="quantity_before" class="form-label">Cantidad Antes *</label>
                                    <input type="number" step="0.001" min="0" 
                                           class="form-control @error('quantity_before') is-invalid @enderror" 
                                           id="quantity_before" name="quantity_before" 
                                           value="{{ old('quantity_before', $adjustment->quantity_before) }}" required>
                                    @error('quantity_before')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="quantity_after" class="form-label">Cantidad Después *</label>
                                    <input type="number" step="0.001" min="0" 
                                           class="form-control @error('quantity_after') is-invalid @enderror" 
                                           id="quantity_after" name="quantity_after" 
                                           value="{{ old('quantity_after', $adjustment->quantity_after) }}" required>
                                    @error('quantity_after')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <small class="form-text text-muted">
                                        Diferencia: <span id="quantity-difference">--</span>
                                    </small>
                                </div>
                            </div>
                        </div>

                        <!-- Información del Lote -->
                        <div class="row mb-4">
                            <div class="col-12">
                                <h6 class="text-primary mb-3">
                                    <i class="fas fa-barcode me-2"></i>Información del Lote
                                </h6>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="batch_number" class="form-label">Número de Lote</label>
                                    <input type="text" class="form-control @error('batch_number') is-invalid @enderror" 
                                           id="batch_number" name="batch_number" value="{{ old('batch_number', $adjustment->batch_number) }}">
                                    @error('batch_number')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="serial_number" class="form-label">Número de Serie</label>
                                    <input type="text" class="form-control @error('serial_number') is-invalid @enderror" 
                                           id="serial_number" name="serial_number" value="{{ old('serial_number', $adjustment->serial_number) }}">
                                    @error('serial_number')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="expiration_date" class="form-label">Fecha de Vencimiento</label>
                                    <input type="date" class="form-control @error('expiration_date') is-invalid @enderror" 
                                           id="expiration_date" name="expiration_date" 
                                           value="{{ old('expiration_date', $adjustment->expiration_date?->format('Y-m-d')) }}">
                                    @error('expiration_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Botones -->
                        <div class="row">
                            <div class="col-12">
                                <div class="d-flex justify-content-end gap-2">
                                    <a href="{{ route('admin.inventory.adjustments.show', $adjustment) }}" 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>Actualizar Ajuste
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Panel de Ayuda -->
        <div class="col-lg-4">
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-info">
                        <i class="fas fa-info-circle me-2"></i>Información Útil
                    </h6>
                </div>
                <div class="card-body">
                    <div class="alert alert-warning">
                        <h6><i class="fas fa-exclamation-triangle me-2"></i>Importante:</h6>
                        <ul class="mb-0">
                            <li>Solo puedes editar ajustes en estado "Pendiente"</li>
                            <li>Verifica las cantidades antes y después</li>
                            <li>La diferencia se calcula automáticamente</li>
                            <li>Los cambios se registrarán en el historial</li>
                        </ul>
                    </div>

                    <div class="alert alert-info">
                        <h6><i class="fas fa-lightbulb me-2"></i>Tipos de Ajuste:</h6>
                        <ul class="mb-0">
                            <li><strong>Conteo Físico:</strong> Ajuste por inventario físico</li>
                            <li><strong>Daño:</strong> Productos dañados</li>
                            <li><strong>Pérdida:</strong> Productos perdidos</li>
                            <li><strong>Encontrado:</strong> Productos encontrados</li>
                            <li><strong>Robo:</strong> Productos robados</li>
                            <li><strong>Vencido:</strong> Productos vencidos</li>
                            <li><strong>Devolución:</strong> Devolución de productos</li>
                            <li><strong>Corrección:</strong> Corrección de errores</li>
                            <li><strong>Ajuste:</strong> Ajuste general</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    // Cargar ubicaciones cuando cambie el almacén
    document.getElementById('warehouse_id').addEventListener('change', function() {
        loadLocations(this.value, 'location_id');
    });

    // Calcular diferencia cuando cambien las cantidades
    document.getElementById('quantity_before').addEventListener('input', calculateDifference);
    document.getElementById('quantity_after').addEventListener('input', calculateDifference);

    // Cargar ubicaciones al cargar la página
    document.addEventListener('DOMContentLoaded', function() {
        const warehouseId = document.getElementById('warehouse_id').value;
        if (warehouseId) {
            loadLocations(warehouseId, 'location_id');
            // Seleccionar la ubicación actual después de cargar las opciones
            setTimeout(() => {
                const currentLocationId = '{{ $adjustment->location_id }}';
                if (currentLocationId) {
                    document.getElementById('location_id').value = currentLocationId;
                }
            }, 500);
        }
        calculateDifference();
    });

    function loadLocations(warehouseId, selectId) {
        const select = document.getElementById(selectId);
        select.innerHTML = '<option value="">Seleccionar ubicación...</option>';
        
        if (!warehouseId) return;
        
        fetch(`/admin/inventory/adjustments/locations-by-warehouse?warehouse_id=${warehouseId}`)
            .then(response => response.json())
            .then(data => {
                data.forEach(location => {
                    const option = document.createElement('option');
                    option.value = location.id;
                    option.textContent = `${location.name} (${location.code})`;
                    select.appendChild(option);
                });
            })
            .catch(error => {
                console.error('Error al cargar ubicaciones:', error);
            });
    }

    function calculateDifference() {
        const before = parseFloat(document.getElementById('quantity_before').value || 0);
        const after = parseFloat(document.getElementById('quantity_after').value || 0);
        const difference = after - before;
        const differenceElement = document.getElementById('quantity-difference');
        
        if (isNaN(difference)) {
            differenceElement.textContent = '--';
            return;
        }
        
        const sign = difference >= 0 ? '+' : '';
        differenceElement.textContent = sign + difference.toFixed(3);
        
        // Cambiar color según la dirección
        if (difference > 0) {
            differenceElement.className = 'text-success fw-bold';
        } else if (difference < 0) {
            differenceElement.className = 'text-danger fw-bold';
        } else {
            differenceElement.className = 'text-muted';
        }
    }
</script>
@endpush