@extends('layouts.app')
@section('title', $stock->description)
@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> <span class="text-white">{{ $stock->sku }}</span>@endsection

@section('content')

@if(session('success'))
<div class="card p-4 mb-4" style="background:#14532d22;border:1px solid #16a34a44;">
    <p class="text-green-400 text-sm"><i class="fas fa-check-circle mr-2"></i>{{ session('success') }}</p>
</div>
@endif

@if($errors->any())
<div class="card p-4 mb-4" style="background:#7f1d1d22;border:1px solid #dc262644;">
    @foreach($errors->all() as $e)
    <p class="text-red-400 text-sm"><i class="fas fa-exclamation-circle mr-2"></i>{{ $e }}</p>
    @endforeach
</div>
@endif

{{-- Header --}}
<div class="flex items-start justify-between mb-6">
    <div>
        <h1 class="mb-1">{{ $stock->description }}</h1>
        <p class="font-mono text-blue-300 text-sm">{{ $stock->sku }} &middot; {{ $stock->unit }} &middot; {{ $stock->category ?? 'Uncategorised' }}</p>
    </div>
    <div class="flex items-center gap-3" x-data="{ reorderModal: false, deleteModal: false }">
        @if($stock->needsReorder())
        <span class="badge badge-red"><i class="fas fa-exclamation-triangle mr-1"></i>Reorder Needed</span>
        @endif
        <button @click="reorderModal = true" class="btn" style="background:#7c3aed;color:#ede9fe;">
            <i class="fas fa-redo mr-1"></i> Reorder Now
        </button>
        <a href="{{ route('inventory.edit', $stock) }}" class="btn btn-secondary">
            <i class="fas fa-edit mr-1"></i> Edit
        </a>
        <button @click="deleteModal = true" class="btn btn-danger">
            <i class="fas fa-trash mr-1"></i> Delete
        </button>

        {{-- Delete Confirmation Modal --}}
        <div x-show="deleteModal" x-cloak class="fixed inset-0 z-50 flex items-center justify-center" style="background:rgba(0,0,0,0.7);">
            <div class="card p-6 w-full max-w-sm mx-4" style="background:#1e293b;" @click.outside="deleteModal = false">
                <div class="flex items-center justify-between mb-4">
                    <h3 class="text-red-400 flex items-center gap-2"><i class="fas fa-trash"></i>Delete Inventory Item</h3>
                    <button @click="deleteModal = false" class="text-slate-400 hover:text-white"><i class="fas fa-times"></i></button>
                </div>
                <p class="text-sm text-slate-300 mb-2">Are you sure you want to delete <strong class="text-white">{{ $stock->description }}</strong> ({{ $stock->sku }})?</p>
                <p class="text-xs text-red-400 mb-4"><i class="fas fa-exclamation-triangle mr-1"></i>This cannot be undone. Items with active job allocations cannot be deleted.</p>
                <form method="POST" action="{{ route('inventory.destroy', $stock) }}">
                    @csrf
                    @method('DELETE')
                    <div class="flex gap-3">
                        <button type="button" @click="deleteModal = false" class="btn btn-secondary flex-1">Cancel</button>
                        <button type="submit" class="btn btn-danger flex-1">
                            <i class="fas fa-trash mr-1"></i>Delete
                        </button>
                    </div>
                </form>
            </div>
        </div>

        {{-- Reorder Modal --}}
        <div x-show="reorderModal" x-cloak class="fixed inset-0 z-50 flex items-center justify-center" style="background:rgba(0,0,0,0.7);">
            <div class="card p-6 w-full max-w-sm mx-4" style="background:#1e293b;" @click.outside="reorderModal = false">
                <div class="flex items-center justify-between mb-4">
                    <h3 class="flex items-center gap-2"><i class="fas fa-redo text-purple-400"></i>Create Reorder PO</h3>
                    <button @click="reorderModal = false" class="text-slate-400 hover:text-white"><i class="fas fa-times"></i></button>
                </div>
                <p class="text-sm text-slate-400 mb-4">
                    Creates a draft PO for <strong class="text-white">{{ $stock->description }}</strong> ({{ $stock->sku }}).
                    Set the quantity to order below.
                </p>
                <form method="POST" action="{{ route('inventory.reorder', $stock) }}" class="space-y-4">
                    @csrf
                    <div>
                        <label>Quantity to Order *</label>
                        <input type="number" name="qty" step="1" min="1"
                               value="{{ max((int)($stock->reorder_qty ?? 1), 1) }}"
                               class="input" required autofocus>
                        <p class="text-xs text-slate-500 mt-1">Default reorder qty: {{ max((int)($stock->reorder_qty ?? 1), 1) }} {{ $stock->unit }}</p>
                    </div>
                    <div class="flex gap-3">
                        <button type="button" @click="reorderModal = false" class="btn btn-secondary flex-1">Cancel</button>
                        <button type="submit" class="btn flex-1 justify-center" style="background:#7c3aed;color:#ede9fe;">
                            <i class="fas fa-shopping-cart mr-1"></i>Create PO
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

{{-- KPI cards --}}
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
    <div class="stat-card text-center">
        <div class="text-2xl font-bold {{ $stock->needsReorder() ? 'text-red-400' : 'text-white' }}">{{ number_format($stock->qty_on_hand, 2) }}</div>
        <div class="text-xs text-slate-500 mt-1">On Hand</div>
    </div>
    <div class="stat-card text-center">
        <div class="text-2xl font-bold text-orange-400">{{ number_format($stock->jobAllocations->count()) }}</div>
        <div class="text-xs text-slate-500 mt-1">Job Allocations</div>
    </div>
    <div class="stat-card text-center">
        <div class="text-2xl font-bold text-green-400">{{ number_format($stock->qty_on_hand, 2) }}</div>
        <div class="text-xs text-slate-500 mt-1">Available</div>
    </div>
    <div class="stat-card text-center">
        <div class="text-2xl font-bold text-blue-400">${{ number_format($stock->unit_cost, 2) }}</div>
        <div class="text-xs text-slate-500 mt-1">Unit Cost</div>
    </div>
</div>

<div class="grid grid-cols-1 lg:grid-cols-3 gap-6" x-data="{ tab: 'allocate' }">

    {{-- Left: tabs --}}
    <div class="lg:col-span-2 space-y-5">

        {{-- Tab bar --}}
        <div class="flex border-b border-slate-700 gap-1">
            <button @click="tab='allocate'" :class="tab==='allocate' ? 'tab active' : 'tab'">
                <i class="fas fa-link mr-1"></i>Job Allocations
                @if($stock->jobAllocations->count())
                <span class="ml-1 badge badge-orange text-xs">{{ $stock->jobAllocations->count() }}</span>
                @endif
            </button>
            <button @click="tab='po'" :class="tab==='po' ? 'tab active' : 'tab'">
                <i class="fas fa-file-invoice mr-1"></i>PO History
                @if($stock->purchaseOrderItems->count())
                <span class="ml-1 badge badge-blue text-xs">{{ $stock->purchaseOrderItems->count() }}</span>
                @endif
            </button>
            <button @click="tab='movements'" :class="tab==='movements' ? 'tab active' : 'tab'">
                <i class="fas fa-exchange-alt mr-1"></i>Movements
            </button>
        </div>

        {{-- TAB 1: Job Allocations --}}
        <div x-show="tab==='allocate'" x-cloak>

            {{-- Allocate to Job form --}}
            <div class="card p-5 mb-4">
                <h3 class="mb-4"><i class="fas fa-plus-circle text-green-400 mr-2"></i>Allocate to a Job</h3>
                <form method="POST" action="{{ route('inventory.allocate', $stock) }}" class="space-y-4">
                    @csrf
                    <div class="grid grid-cols-1 md:grid-cols-3 gap-3">
                        <div class="md:col-span-2">
                            <label>Job</label>
                            <select name="job_id" class="input" required>
                                <option value="">— Select Job —</option>
                                @foreach($jobs as $job)
                                <option value="{{ $job->id }}" {{ old('job_id')==$job->id ? 'selected' : '' }}>
                                    {{ $job->job_number }} — {{ $job->contact?->full_name ?? $job->contact?->company ?? 'No client' }}
                                </option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label>Qty to Allocate <span class="text-slate-500">(On hand: {{ number_format($stock->qty_on_hand, 2) }})</span></label>
                            <input type="number" name="qty" step="1" min="1" max="{{ $stock->qty_on_hand }}"
                                   value="{{ old('qty') }}" class="input" placeholder="0.00" required>
                        </div>
                    </div>
                    <div>
                        <label>Notes (optional)</label>
                        <input type="text" name="notes" value="{{ old('notes') }}" class="input" placeholder="e.g. For bathroom cabinetry installation">
                    </div>
                    <div class="flex items-center justify-between">
                        <p class="text-xs text-slate-500">
                            <i class="fas fa-info-circle mr-1"></i>
                            Allocating deducts from stock on hand and adds the cost (${{ number_format($stock->unit_cost, 2) }}/{{ $stock->unit }}) to the job's Gross Profit report.
                        </p>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-check mr-1"></i>Allocate Stock
                        </button>
                    </div>
                </form>
            </div>

            {{-- Current allocations list --}}
            <div class="card overflow-hidden">
                <div class="p-4 border-b border-slate-700 flex items-center justify-between">
                    <h3>Current Allocations</h3>
                    <span class="text-xs text-slate-500">{{ $stock->jobAllocations->count() }} allocation(s)</span>
                </div>
                @if($stock->jobAllocations->count())
                <table class="w-full text-sm">
                    <thead>
                        <tr class="text-xs text-slate-400 border-b border-slate-700">
                            <th class="px-4 py-3 text-left">Date</th>
                            <th class="px-4 py-3 text-left">Job</th>
                            <th class="px-4 py-3 text-left">Client</th>
                            <th class="px-4 py-3 text-right">Qty</th>
                            <th class="px-4 py-3 text-right">Unit Cost</th>
                            <th class="px-4 py-3 text-right">Total</th>
                            <th class="px-4 py-3 text-left">By</th>
                            <th class="px-4 py-3"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($stock->jobAllocations as $alloc)
                        <tr class="table-row border-b border-slate-800">
                            <td class="px-4 py-3 text-slate-400 text-xs">{{ $alloc->created_at->format('d M Y') }}</td>
                            <td class="px-4 py-3">
                                <a href="{{ route('jobs.show', $alloc->job) }}" class="text-blue-400 hover:text-blue-200 text-xs font-mono">
                                    {{ $alloc->job?->job_number ?? '—' }}
                                </a>
                            </td>
                            <td class="px-4 py-3 text-slate-300 text-xs">
                                {{ $alloc->job?->contact?->full_name ?? $alloc->job?->contact?->company ?? '—' }}
                            </td>
                            <td class="px-4 py-3 text-right text-orange-400 font-medium">{{ number_format($alloc->qty, 2) }} {{ $stock->unit }}</td>
                            <td class="px-4 py-3 text-right text-slate-400">${{ number_format($alloc->unit_cost, 2) }}</td>
                            <td class="px-4 py-3 text-right text-purple-400 font-medium">${{ number_format($alloc->total_cost, 2) }}</td>
                            <td class="px-4 py-3 text-slate-500 text-xs">{{ $alloc->createdBy?->name ?? '—' }}</td>
                            <td class="px-4 py-3">
                                <form method="POST" action="{{ route('inventory.deallocate', $alloc) }}"
                                      onsubmit="return confirm('Remove this allocation and return {{ number_format($alloc->qty, 2) }} {{ $stock->unit }} to inventory?')">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="text-red-400 hover:text-red-200 text-xs" title="Remove allocation">
                                        <i class="fas fa-times-circle"></i> Remove
                                    </button>
                                </form>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot class="border-t-2 border-slate-600">
                        <tr>
                            <td colspan="5" class="px-4 py-2 text-right text-xs text-slate-400">Total allocated cost</td>
                            <td class="px-4 py-2 text-right font-semibold text-purple-400">
                                ${{ number_format($stock->jobAllocations->sum('total_cost'), 2) }}
                            </td>
                            <td colspan="2"></td>
                        </tr>
                    </tfoot>
                </table>
                @else
                <div class="p-10 text-center">
                    <i class="fas fa-link text-slate-700 text-3xl mb-3 block"></i>
                    <p class="text-slate-400">No stock has been allocated to any job yet.</p>
                    <p class="text-xs text-slate-500 mt-1">Use the form above to allocate stock to a job.</p>
                </div>
                @endif
            </div>
        </div>

        {{-- TAB 2: PO History --}}
        <div x-show="tab==='po'" x-cloak>
            <div class="card overflow-hidden">
                <div class="p-4 border-b border-slate-700 flex items-center justify-between">
                    <h3><i class="fas fa-file-invoice text-blue-400 mr-2"></i>Purchase Order History</h3>
                    <div class="flex items-center gap-3" x-data="{ reorderModal2: false }">
                        <span class="text-xs text-slate-500">{{ $stock->purchaseOrderItems->count() }} PO line(s) for SKU: {{ $stock->sku }}</span>
                        <button @click="reorderModal2 = true" class="btn btn-secondary text-xs px-3 py-1.5">
                            <i class="fas fa-redo mr-1"></i> Reorder
                        </button>
                        <div x-show="reorderModal2" x-cloak class="fixed inset-0 z-50 flex items-center justify-center" style="background:rgba(0,0,0,0.7);">
                            <div class="card p-6 w-full max-w-sm mx-4" style="background:#1e293b;" @click.outside="reorderModal2 = false">
                                <h3 class="mb-4 flex items-center gap-2"><i class="fas fa-redo text-purple-400"></i>Reorder Qty</h3>
                                <form method="POST" action="{{ route('inventory.reorder', $stock) }}" class="space-y-4">
                                    @csrf
                                    <div>
                                        <label>Quantity to Order *</label>
                                        <input type="number" name="qty" step="1" min="1"
                                               value="{{ max((int)($stock->reorder_qty ?? 1), 1) }}"
                                               class="input" required>
                                    </div>
                                    <div class="flex gap-3">
                                        <button type="button" @click="reorderModal2 = false" class="btn btn-secondary flex-1">Cancel</button>
                                        <button type="submit" class="btn flex-1" style="background:#7c3aed;color:#ede9fe;">
                                            <i class="fas fa-shopping-cart mr-1"></i>Create PO
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                @if($stock->purchaseOrderItems->count())
                <div class="overflow-x-auto">
                    <table class="w-full text-sm">
                        <thead>
                            <tr class="text-xs text-slate-400 border-b border-slate-700">
                                <th class="px-4 py-3 text-left">PO #</th>
                                <th class="px-4 py-3 text-left">Date</th>
                                <th class="px-4 py-3 text-left">Supplier</th>
                                <th class="px-4 py-3 text-left">Status</th>
                                <th class="px-4 py-3 text-right">Qty Ordered</th>
                                <th class="px-4 py-3 text-right">Qty Received</th>
                                <th class="px-4 py-3 text-right">Unit Cost</th>
                                <th class="px-4 py-3 text-right">Total</th>
                                <th class="px-4 py-3"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($stock->purchaseOrderItems->sortByDesc(fn($i) => $i->purchaseOrder?->order_date) as $item)
                            @php $po = $item->purchaseOrder; @endphp
                            <tr class="table-row border-b border-slate-800">
                                <td class="px-4 py-3 font-mono text-blue-300 text-xs">{{ $po?->po_number ?? '—' }}</td>
                                <td class="px-4 py-3 text-slate-400 text-xs">{{ $po?->order_date?->format('d M Y') ?? '—' }}</td>
                                <td class="px-4 py-3 text-slate-300 text-xs">
                                    {{ $po?->supplier?->company ?: ($po?->supplier?->full_name ?? '—') }}
                                </td>
                                <td class="px-4 py-3">
                                    @if($po)
                                    <span class="badge badge-{{ $po->statusColor() }} text-xs">{{ ucfirst($po->status) }}</span>
                                    @endif
                                </td>
                                <td class="px-4 py-3 text-right text-slate-300">{{ number_format($item->qty_ordered, 2) }}</td>
                                <td class="px-4 py-3 text-right {{ $item->qty_received >= $item->qty_ordered ? 'text-green-400' : 'text-yellow-400' }}">
                                    {{ number_format($item->qty_received, 2) }}
                                </td>
                                <td class="px-4 py-3 text-right text-slate-400">${{ number_format($item->unit_cost, 2) }}</td>
                                <td class="px-4 py-3 text-right text-slate-300 font-medium">${{ number_format($item->total_cost, 2) }}</td>
                                <td class="px-4 py-3">
                                    @if($po)
                                    <a href="{{ route('purchase-orders.show', $po) }}" class="text-slate-400 hover:text-white text-xs" title="View PO">
                                        <i class="fas fa-external-link-alt"></i>
                                    </a>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                        <tfoot class="border-t-2 border-slate-600">
                            <tr>
                                <td colspan="4" class="px-4 py-2 text-right text-xs text-slate-400">Totals</td>
                                <td class="px-4 py-2 text-right text-slate-300 font-semibold">
                                    {{ number_format($stock->purchaseOrderItems->sum('qty_ordered'), 2) }}
                                </td>
                                <td class="px-4 py-2 text-right text-green-400 font-semibold">
                                    {{ number_format($stock->purchaseOrderItems->sum('qty_received'), 2) }}
                                </td>
                                <td></td>
                                <td class="px-4 py-2 text-right font-semibold text-slate-300">
                                    ${{ number_format($stock->purchaseOrderItems->sum('total_cost'), 2) }}
                                </td>
                                <td></td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                @else
                <div class="p-10 text-center">
                    <i class="fas fa-file-invoice text-slate-700 text-3xl mb-3 block"></i>
                    <p class="text-slate-400">No purchase order history for this SKU.</p>
                    <p class="text-xs text-slate-500 mt-1">PO lines are matched by SKU code ({{ $stock->sku }}).</p>
                    <div x-data="{ reorderModal3: false }" class="mt-4">
                        <button @click="reorderModal3 = true" class="btn" style="background:#7c3aed;color:#ede9fe;">
                            <i class="fas fa-plus mr-1"></i> Create First Reorder PO
                        </button>
                        <div x-show="reorderModal3" x-cloak class="fixed inset-0 z-50 flex items-center justify-center" style="background:rgba(0,0,0,0.7);">
                            <div class="card p-6 w-full max-w-sm mx-4" style="background:#1e293b;" @click.outside="reorderModal3 = false">
                                <h3 class="mb-4 flex items-center gap-2"><i class="fas fa-redo text-purple-400"></i>Reorder Qty</h3>
                                <form method="POST" action="{{ route('inventory.reorder', $stock) }}" class="space-y-4">
                                    @csrf
                                    <div>
                                        <label>Quantity to Order *</label>
                                        <input type="number" name="qty" step="1" min="1"
                                               value="{{ max((int)($stock->reorder_qty ?? 1), 1) }}"
                                               class="input" required>
                                    </div>
                                    <div class="flex gap-3">
                                        <button type="button" @click="reorderModal3 = false" class="btn btn-secondary flex-1">Cancel</button>
                                        <button type="submit" class="btn flex-1" style="background:#7c3aed;color:#ede9fe;">
                                            <i class="fas fa-shopping-cart mr-1"></i>Create PO
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>

        {{-- TAB 3: Movement History --}}
        <div x-show="tab==='movements'" x-cloak>
            <div class="card overflow-hidden">
                <div class="p-4 border-b border-slate-700"><h3>Stock Movement History</h3></div>
                @if($stock->movements->count())
                <table class="w-full text-sm">
                    <thead>
                        <tr class="text-xs text-slate-400 border-b border-slate-700">
                            <th class="px-4 py-3 text-left">Date</th>
                            <th class="px-4 py-3 text-left">Type</th>
                            <th class="px-4 py-3 text-left">Job</th>
                            <th class="px-4 py-3 text-right">Qty</th>
                            <th class="px-4 py-3 text-right">Unit Cost</th>
                            <th class="px-4 py-3 text-left">Notes</th>
                            <th class="px-4 py-3 text-left">By</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($stock->movements as $mv)
                        <tr class="table-row border-b border-slate-800">
                            <td class="px-4 py-3 text-slate-400 text-xs">{{ $mv->created_at->format('d M Y H:i') }}</td>
                            <td class="px-4 py-3">
                                <span class="badge badge-{{ $mv->type==='receipt' ? 'green' : ($mv->type==='allocation' ? 'orange' : ($mv->type==='return' ? 'blue' : 'gray')) }} text-xs">
                                    {{ ucfirst($mv->type) }}
                                </span>
                            </td>
                            <td class="px-4 py-3 text-xs">
                                @if($mv->job)
                                <a href="{{ route('jobs.show', $mv->job) }}" class="text-blue-400 hover:text-blue-200 font-mono">{{ $mv->job->job_number }}</a>
                                @else
                                <span class="text-slate-600">—</span>
                                @endif
                            </td>
                            <td class="px-4 py-3 text-right {{ $mv->qty >= 0 ? 'text-green-400' : 'text-red-400' }} font-medium">
                                {{ $mv->qty >= 0 ? '+' : '' }}{{ number_format($mv->qty, 2) }}
                            </td>
                            <td class="px-4 py-3 text-right text-slate-500 text-xs">
                                {{ $mv->unit_cost ? '$'.number_format($mv->unit_cost, 2) : '—' }}
                            </td>
                            <td class="px-4 py-3 text-slate-500 text-xs">{{ $mv->notes ?? '—' }}</td>
                            <td class="px-4 py-3 text-slate-400 text-xs">{{ $mv->createdBy?->name ?? '—' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @else
                <div class="p-10 text-center text-slate-500">No movements recorded yet.</div>
                @endif
            </div>
        </div>

    </div>

    {{-- Right sidebar --}}
    <div class="space-y-4">

        {{-- Stock info card --}}
        <div class="card p-5">
            <h3 class="mb-3">Stock Info</h3>
            <div class="space-y-2 text-sm">
                <div class="flex justify-between"><span class="text-slate-400">Unit Cost</span><span class="text-white font-medium">${{ number_format($stock->unit_cost, 2) }}</span></div>
                <div class="flex justify-between"><span class="text-slate-400">Stock Value</span><span class="text-white">${{ number_format($stock->qty_on_hand * $stock->unit_cost, 2) }}</span></div>
                <div class="flex justify-between"><span class="text-slate-400">Reorder Point</span><span class="{{ $stock->needsReorder() ? 'text-red-400' : 'text-slate-300' }}">{{ number_format($stock->reorder_point, 2) }}</span></div>
                <div class="flex justify-between"><span class="text-slate-400">Reorder Qty</span><span class="text-slate-300">{{ number_format($stock->reorder_qty, 2) }}</span></div>
                <div class="flex justify-between"><span class="text-slate-400">Supplier</span>
                    <span class="text-slate-300 text-right max-w-32 truncate">{{ $stock->preferredSupplier?->company ?: ($stock->preferredSupplier?->full_name ?? '—') }}</span>
                </div>
            </div>
        </div>

        {{-- Quick Reorder --}}
        <div class="card p-5">
            <h3 class="mb-1"><i class="fas fa-redo text-purple-400 mr-1"></i>Quick Reorder</h3>
            <p class="text-xs text-slate-500 mb-3">Creates a draft PO pre-filled with this item's details, ready for you to review and send.</p>
            <form method="POST" action="{{ route('inventory.reorder', $stock) }}" class="space-y-3">
                @csrf
                <div>
                    <label>Quantity to Order *</label>
                    <input type="number" name="qty" step="1" min="1"
                           value="{{ max((int)($stock->reorder_qty ?? 1), 1) }}"
                           class="input" required>
                    <p class="text-xs text-slate-500 mt-1">Default: {{ max((int)($stock->reorder_qty ?? 1), 1) }} {{ $stock->unit }}</p>
                </div>
                <button type="submit" class="btn w-full justify-center" style="background:#7c3aed;color:#ede9fe;">
                    <i class="fas fa-shopping-cart mr-1"></i>Create Reorder PO
                </button>
            </form>
        </div>

        {{-- Manual Adjustment --}}
        <div class="card p-5">
            <h3 class="mb-3">Manual Adjustment</h3>
            <form method="POST" action="{{ route('inventory.adjust', $stock) }}" class="space-y-3">
                @csrf
                <div>
                    <label>Qty Change (+ or -)</label>
                    <input type="number" name="qty" step="0.01" class="input" placeholder="e.g. -2 or +5" required>
                </div>
                <div>
                    <label>Reason</label>
                    <input type="text" name="notes" class="input" placeholder="Write-off, correction…">
                </div>
                <button type="submit" class="btn btn-secondary w-full justify-center">Apply Adjustment</button>
            </form>
        </div>

        @if($stock->notes)
        <div class="card p-5"><h3 class="mb-2">Notes</h3><p class="text-sm">{{ $stock->notes }}</p></div>
        @endif
    </div>

</div>
@endsection