@extends('layouts.app')
@section('title', 'Edit — ' . $stock->sku)
@section('breadcrumb')<a href="{{ route('inventory.index') }}" class="hover:text-white">Inventory</a> <i class="fas fa-chevron-right text-xs mx-1 text-slate-600"></i> <a href="{{ route('inventory.show', $stock) }}" class="hover:text-white">{{ $stock->sku }}</a> <i class="fas fa-chevron-right text-xs mx-1 text-slate-600"></i> <span class="text-white">Edit</span>@endsection

@section('content')
<div class="max-w-2xl mx-auto">
    <div class="flex items-center justify-between mb-6">
        <div>
            <h1 class="mb-1">Edit Inventory Item</h1>
            <p class="font-mono text-blue-300 text-sm">{{ $stock->sku }}</p>
        </div>
    </div>

    @if($errors->any())
    <div class="card p-4 mb-4 border-red-500 bg-red-900/20">
        <ul class="text-red-400 text-sm space-y-1">
            @foreach($errors->all() as $e)
            <li><i class="fas fa-exclamation-circle mr-1"></i>{{ $e }}</li>
            @endforeach
        </ul>
    </div>
    @endif

    <form method="POST" action="{{ route('inventory.update', $stock) }}" class="space-y-6">
        @csrf
        @method('PUT')

        <div class="card p-5 space-y-4">
            <h3 class="mb-2"><i class="fas fa-barcode text-blue-400 mr-2"></i>Item Details</h3>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <label>Item SKU <span class="text-red-400">*</span></label>
                    <input type="text"
                           name="sku"
                           value="{{ old('sku', $stock->sku) }}"
                           class="input font-mono"
                           required
                           style="text-transform:uppercase">
                </div>
                <div>
                    <label>Item Name <span class="text-red-400">*</span></label>
                    <input type="text"
                           name="item_name"
                           value="{{ old('item_name', $stock->item_name) }}"
                           class="input"
                           required>
                </div>
            </div>

            <div>
                <label>Description</label>
                <textarea name="description" rows="2" class="input">{{ old('description', $stock->description) }}</textarea>
            </div>

            <div>
                <label>Supplier</label>
                <select name="preferred_supplier_id" class="input">
                    <option value="">— No Supplier —</option>
                    @foreach($suppliers as $s)
                    <option value="{{ $s->id }}" {{ old('preferred_supplier_id', $stock->preferred_supplier_id) == $s->id ? 'selected' : '' }}>
                        {{ $s->company ?: $s->full_name }}
                    </option>
                    @endforeach
                </select>
            </div>

            <div>
                <label>Notes</label>
                <textarea name="notes" rows="2" class="input" placeholder="Internal notes…">{{ old('notes', $stock->notes) }}</textarea>
            </div>
        </div>

        <div class="card p-5 space-y-4">
            <h3 class="mb-2"><i class="fas fa-boxes text-green-400 mr-2"></i>Pricing &amp; Location</h3>

            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                <div>
                    <label>Unit</label>
                    <select name="unit" class="input">
                        @foreach(['Each','m','m²','m³','Sheet','Pack','Box','Set','Pair','Roll','L','kg','Bag','Panel','Slab'] as $u)
                        <option value="{{ $u }}" {{ old('unit', $stock->unit) === $u ? 'selected' : '' }}>{{ $u }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label>Unit Price <span class="text-red-400">*</span></label>
                    <div class="relative">
                        <span class="absolute left-3 top-1/2 -translate-y-1/2 text-slate-400">$</span>
                        <input type="number"
                               name="unit_cost"
                               value="{{ old('unit_cost', $stock->unit_cost) }}"
                               class="input pl-7"
                               step="0.01" min="0" required>
                    </div>
                </div>
                <div>
                    <label>Storage Location</label>
                    <input type="text"
                           name="storage_location"
                           value="{{ old('storage_location', $stock->storage_location) }}"
                           class="input"
                           placeholder="e.g. Shelf A3, Bay 2">
                </div>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <label>Reorder Point</label>
                    <input type="number"
                           name="reorder_point"
                           value="{{ old('reorder_point', $stock->reorder_point) }}"
                           class="input" step="0.01" min="0">
                    <p class="text-xs text-slate-500 mt-1">Alert when stock reaches this level.</p>
                </div>
                <div>
                    <label>Reorder Qty</label>
                    <input type="number"
                           name="reorder_qty"
                           value="{{ old('reorder_qty', $stock->reorder_qty) }}"
                           class="input" step="0.01" min="0">
                    <p class="text-xs text-slate-500 mt-1">Default quantity when reordering.</p>
                </div>
            </div>
        </div>

        <div class="card p-4 bg-blue-900/20 border-blue-800">
            <p class="text-sm text-blue-300"><i class="fas fa-info-circle mr-2"></i>
            Editing this item updates pricing, location and supplier details. To adjust the stock quantity, use the <strong>Manual Adjustment</strong> panel on the item's detail page.</p>
        </div>

        <div class="flex items-center justify-between">
            <a href="{{ route('inventory.show', $stock) }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left mr-2"></i>Cancel
            </a>
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save mr-2"></i>Save Changes
            </button>
        </div>
    </form>
</div>
@endsection