@extends('layouts.app')
@section('title', 'Stock Transfers')
@section('breadcrumb')
<li class="breadcrumb-item active">Stock Transfers</li>
@endsection
@section('content')

<div class="page-header d-flex justify-content-between align-items-center">
    <div>
        <h1 class="page-title"><i class="bi bi-arrow-left-right me-2" style="color:#7c3aed;"></i>Stock Transfers</h1>
        <p class="page-subtitle">Move stock between warehouses</p>
    </div>
    @can_permission('inventory.transfer')
    <a href="{{ route('stock-transfers.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-lg me-1"></i>New Transfer
    </a>
    @endcan_permission
</div>

<div class="card mb-3">
    <div class="card-body py-2">
        <form method="GET" class="row g-2 align-items-center">
            <div class="col-12 col-md-3"><input type="text" name="search" class="form-control" placeholder="Transfer number…" value="{{ $search }}"></div>
            <div class="col-6 col-md-2">
                <select name="status" class="form-select">
                    <option value="">All Status</option>
                    @foreach(['pending','in_transit','received','cancelled'] as $s)
                    <option value="{{ $s }}" {{ $status === $s ? 'selected' : '' }}>{{ ucfirst(str_replace('_',' ',$s)) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-md-2">
                <select name="from_id" class="form-select">
                    <option value="">All From</option>
                    @foreach($warehouses as $w)<option value="{{ $w->id }}" {{ $from == $w->id ? 'selected' : '' }}>{{ $w->name }}</option>@endforeach
                </select>
            </div>
            <div class="col-6 col-md-2">
                <select name="to_id" class="form-select">
                    <option value="">All To</option>
                    @foreach($warehouses as $w)<option value="{{ $w->id }}" {{ $to == $w->id ? 'selected' : '' }}>{{ $w->name }}</option>@endforeach
                </select>
            </div>
            <div class="col-auto d-flex gap-1">
                <button type="submit" class="btn btn-primary"><i class="bi bi-search"></i></button>
                <a href="{{ route('stock-transfers.index') }}" class="btn btn-outline-secondary"><i class="bi bi-x"></i></a>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table mb-0">
                <thead><tr><th>Transfer No.</th><th>From</th><th>To</th><th>Date</th><th>Items</th><th>Status</th><th>By</th><th>Actions</th></tr></thead>
                <tbody>
                    @forelse($transfers as $t)
                    @php $sc=['pending'=>'warning','in_transit'=>'info','received'=>'success','cancelled'=>'secondary','draft'=>'secondary']; @endphp
                    <tr>
                        <td><a href="{{ route('stock-transfers.show', $t) }}" style="font-family:monospace;font-weight:700;color:#7c3aed;text-decoration:none;">{{ $t->transfer_no }}</a></td>
                        <td>{{ $t->fromWarehouse->name }}</td>
                        <td>{{ $t->toWarehouse->name }}</td>
                        <td>{{ $t->transfer_date->format('d M Y') }}</td>
                        <td><span class="badge bg-secondary">{{ $t->items_count }}</span></td>
                        <td><span class="badge bg-{{ $sc[$t->status] ?? 'secondary' }}">{{ ucfirst(str_replace('_',' ',$t->status)) }}</span></td>
                        <td style="font-size:.78rem;color:#94a3b8;">{{ $t->creator->name }}</td>
                        <td><a href="{{ route('stock-transfers.show', $t) }}" class="btn btn-sm btn-outline-info"><i class="bi bi-eye"></i></a></td>
                    </tr>
                    @empty
                    <tr><td colspan="8" class="text-center py-5 text-muted"><i class="bi bi-arrow-left-right" style="font-size:2rem;display:block;margin-bottom:.5rem;"></i>No transfers found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($transfers->hasPages())<div class="card-footer">{{ $transfers->links() }}</div>@endif
</div>
@endsection