@extends('layouts.admin')
@section('title', 'Transfer '.$transfer->transfer_number)
@section('content')
<div class="tw-migrated space-y-4">
    <x-ui.page-header title="Transfer {{ $transfer->transfer_number }}">
        <x-slot:actions>
            <x-ui.button href="{{ route('admin.transfers.index') }}" variant="outline" size="sm">
                <i class="bi bi-arrow-left"></i> Back
            </x-ui.button>
            @if($transfer->status==='draft')
                <form method="post" action="{{ route('admin.transfers.approve', $transfer) }}">@csrf
                    <x-ui.button type="submit" variant="success" size="sm">Approve</x-ui.button>
                </form>
                <form method="post" action="{{ route('admin.transfers.ship', $transfer) }}">@csrf
                    <x-ui.button type="submit" size="sm">Approve & Ship</x-ui.button>
                </form>
                <form method="post" action="{{ route('admin.transfers.cancel', $transfer) }}">@csrf
                    <x-ui.button type="submit" variant="danger" size="sm">Cancel</x-ui.button>
                </form>
            @elseif($transfer->status==='approved')
                <form method="post" action="{{ route('admin.transfers.ship', $transfer) }}">@csrf
                    <x-ui.button type="submit" size="sm">Ship (In Transit)</x-ui.button>
                </form>
            @elseif($transfer->status==='in_transit')
                <form method="post" action="{{ route('admin.transfers.receive', $transfer) }}">@csrf
                    <x-ui.button type="submit" variant="success" size="sm">Receive at Destination</x-ui.button>
                </form>
            @endif
        </x-slot:actions>
    </x-ui.page-header>

    @if(session('success'))
        <x-ui.alert type="success">{{ session('success') }}</x-ui.alert>
    @endif

    <div class="grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
        <x-ui.stat-card label="From" :value="$transfer->fromLocation?->name ?? '—'" />
        <x-ui.stat-card label="To" :value="$transfer->toLocation?->name ?? '—'" />
        <x-ui.stat-card label="Status" :value="str_replace('_',' ', ucfirst($transfer->status))" />
        <x-ui.stat-card label="Created By" :value="$transfer->creator?->name ?? '—'" />
    </div>

    @if($transfer->notes)
        <x-ui.card>
            <strong>Notes:</strong> {{ $transfer->notes }}
        </x-ui.card>
    @endif

    <x-ui.card>
        <x-ui.table>
            <x-slot:thead>
                <tr>
                    <th>Product</th>
                    <th>SKU</th>
                    <th>Qty</th>
                    <th>Received</th>
                </tr>
            </x-slot:thead>
            @foreach($transfer->items as $item)
            <tr>
                <td>{{ $item->product?->name }}</td>
                <td>{{ $item->product?->sku ?? '—' }}</td>
                <td>{{ $item->quantity }}</td>
                <td>{{ $item->received_quantity }}</td>
            </tr>
            @endforeach
        </x-ui.table>
        <p class="text-muted small mb-0 mt-3">Workflow: Draft → Approve → Ship (stock leaves source / in-transit) → Receive (stock arrives at destination).</p>
    </x-ui.card>
</div>
@endsection