@extends('layouts.app')
@section('title',__('transfers.title'))
@section('content')
<x-ui.page-header :title="__('transfers.title')" :subtitle="__('transfers.subtitle')">
    <x-slot:actions>@if($canRequest)<x-ui.button variant="primary" icon="plus" :href="route('inventory.transfers.create')">{{ __('transfers.new') }}</x-ui.button>@endif</x-slot:actions>
</x-ui.page-header>
<x-ui.flash/>
<x-ui.kpi-strip>
    <x-ui.kpi :label="__('transfers.awaiting_approval')" :value="number_format($awaitingApproval)" :href="route('inventory.transfers.index',['status'=>'submitted'])"/>
    <x-ui.kpi :label="__('transfers.awaiting_allocation')" :value="number_format($awaitingAllocation)" :href="route('inventory.transfers.index',['status'=>'approved'])"/>
    <x-ui.kpi :label="__('transfers.sti_without_str')" :value="number_format($pendingStr)" :href="route('inventory.transfers.index',['pending'=>'str'])"/>
</x-ui.kpi-strip>
<x-ui.card :padded="false">
    <x-ui.filter-bar :action="route('inventory.transfers.index')" name="search" :placeholder="__('transfers.search')">
        <select name="status" aria-label="{{ __('transfers.status') }}"><option value="">{{ __('transfers.all_statuses') }}</option>@foreach(['submitted','approved','allocated','partially_received','received','rejected','cancelled'] as $s)<option value="{{ $s }}" @selected(request('status')===$s)>{{ __('transfers.status_'.$s) }}</option>@endforeach</select>
        <label class="ui-check"><input type="checkbox" name="pending" value="str" @checked(request('pending')==='str')> {{ __('transfers.sti_without_str') }}</label>
    </x-ui.filter-bar>
    @if($requests->isEmpty())
        <x-ui.empty icon="truck" :title="__('transfers.empty')"/>
    @else
    <x-ui.table class="ui-hide-mobile">
        <thead><tr><th>{{ __('transfers.request') }}</th><th>{{ __('transfers.destination') }}</th><th>{{ __('transfers.requested_by') }}</th><th>{{ __('transfers.status') }}</th><th>STI / STR</th><th>{{ __('transfers.created') }}</th></tr></thead>
        <tbody>
        @foreach($requests as $r)
            <tr>
                <td><a class="mono" href="{{ route('inventory.transfers.show',$r->id) }}">{{ $r->series_number }}</a><span class="ui-sub mono">{{ $r->reference }}</span></td>
                <td><bdi>{{ $r->destination_name }}</bdi><span class="ui-sub"><span class="mono">{{ $r->destination_code }}</span>@if($r->receiver_name) · {{ $r->receiver_name }}@endif</span></td>
                <td>{{ $r->requester }}</td>
                <td><x-ui.status :status="$r->status" :label="__('transfers.status_'.$r->status)"/></td>
                <td>@foreach($documents[$r->id] ?? [] as $d)<span class="ui-sub mono">{{ $d->code }}: {{ $d->sti_number ?: __('transfers.sti_pending') }} → {{ $d->str_number ?: ($d->status==='cancelled' ? __('transfers.cancelled_lc') : __('transfers.str_pending')) }}</span>@endforeach</td>
                <td class="num" style="color:var(--text-3);white-space:nowrap">{{ \Illuminate\Support\Carbon::parse($r->created_at)->format('d M Y H:i') }}</td>
            </tr>
        @endforeach
        </tbody>
    </x-ui.table>
    <div class="ui-mlist">
        @foreach($requests as $r)
            <a class="ui-mrow" href="{{ route('inventory.transfers.show',$r->id) }}">
                <span class="ui-mrow-line"><b class="mono">{{ $r->series_number }}</b><x-ui.status :status="$r->status" :label="__('transfers.status_'.$r->status)"/></span>
                <span class="ui-mrow-line ui-mrow-sub"><span><bdi>{{ $r->destination_name }}</bdi> · {{ $r->requester }}</span><span class="num">{{ \Illuminate\Support\Carbon::parse($r->created_at)->format('d M') }}</span></span>
            </a>
        @endforeach
    </div>
    <x-ui.pager :paginator="$requests"/>
    @endif
</x-ui.card>
@if($canRequest)<div class="ui-mobilebar"><x-ui.button variant="primary" icon="plus" :href="route('inventory.transfers.create')">{{ __('transfers.new') }}</x-ui.button></div>@endif
@endsection