@extends('layouts.admin')
@section('title', 'Stock Transfers')
@section('content')
<div class="tw-migrated space-y-4">
    <x-ui.page-header title="Stock Transfers">
        <x-slot:actions>
            <x-ui.button href="{{ route('admin.transfers.create') }}">
                <i class="bi bi-plus-circle"></i> New Transfer
            </x-ui.button>
        </x-slot:actions>
    </x-ui.page-header>

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

    <x-ui.card>
        <form method="get" class="row g-2 align-items-end justify-content-end">
            <div class="col-md-3 col-lg-2">
                <select name="status" class="form-select admin-form-control">
                    <option value="">All statuses</option>
                    @foreach(['draft','approved','in_transit','received','cancelled'] as $st)
                        <option value="{{ $st }}" @selected(request('status')===$st)>{{ ucfirst(str_replace('_',' ',$st)) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-auto">
                <button type="submit" class="admin-btn-primary" style="height: 1.9rem;">Filter</button>
            </div>
        </form>
    </x-ui.card>

    <x-ui.card>
        <x-ui.table>
            <x-slot:thead>
                <tr>
                    <th>Transfer #</th>
                    <th>From</th>
                    <th>To</th>
                    <th>Items</th>
                    <th>Status</th>
                    <th>Created</th>
                    <th></th>
                </tr>
            </x-slot:thead>
            @forelse($transfers as $t)
            <tr>
                <td><strong>{{ $t->transfer_number }}</strong></td>
                <td>{{ $t->fromLocation?->name }}</td>
                <td>{{ $t->toLocation?->name }}</td>
                <td>{{ $t->items_count ?? $t->items->count() }}</td>
                <td>
                    @php
                        $badge = match($t->status) {
                            'draft' => 'secondary', 'approved' => 'primary', 'in_transit' => 'warning',
                            'received' => 'success', 'cancelled' => 'danger', default => 'secondary'
                        };
                    @endphp
                    <x-ui.badge :variant="$badge">{{ str_replace('_',' ', ucfirst($t->status)) }}</x-ui.badge>
                </td>
                <td>{{ $t->created_at?->format('d M Y H:i') }}</td>
                <td>
                    <x-ui.button href="{{ route('admin.transfers.show', $t) }}" variant="outline" size="sm">Open</x-ui.button>
                </td>
            </tr>
            @empty
            <tr><td colspan="7" class="text-center text-muted py-4">No transfers yet.</td></tr>
            @endforelse
        </x-ui.table>
        {{ $transfers->withQueryString()->links() }}
    </x-ui.card>
</div>
@endsection