@extends('layouts.admin')
@section('title', __('Shipments'))
@section('content')
<h1 class="mb-2 text-2xl font-extrabold text-primary">{{ __('Shipments') }}</h1>
<p class="mb-6 text-sm text-on-surface-variant">{{ __('Create a shipment from an order page. Here you follow it and update tracking.') }}</p>
<form method="GET" class="mb-5 flex flex-wrap gap-3">
    <label class="sr-only" for="q">{{ __('Search') }}</label>
    <input id="q" name="q" value="{{ $q }}" placeholder="{{ __('Order no., tracking no. or name') }}" class="min-h-[44px] min-w-0 flex-1 rounded-full border border-outline-variant bg-white px-5">
    <select name="status" aria-label="{{ __('Status') }}" class="min-h-[44px] rounded-full border border-outline-variant bg-white px-4"><option value="">{{ __('All statuses') }}</option>@foreach ($statuses as $s)<option value="{{ $s }}" @selected($status === $s)>{{ __(ucfirst(str_replace('_', ' ', $s))) }}</option>@endforeach</select>
    <x-btn type="submit" variant="ghost">{{ __('Filter') }}</x-btn>
</form>
@if ($result['items'])
<div class="space-y-3">
@foreach ($result['items'] as $s)
    <form method="POST" action="{{ route('admin.shipments.update', $s->id) }}" class="grid items-end gap-3 rounded-[28px] border border-surface-variant bg-white p-5 text-sm lg:grid-cols-[1.2fr_1fr_1fr_1fr_1fr_auto]">@csrf @method('PATCH')
        <div><a class="font-bold text-primary underline" href="{{ route('admin.orders.show', $s->order_id) }}">{{ $s->order_number }}</a><span class="block text-xs text-outline">{{ $s->recipient_name }} · {{ $s->province }}</span>@if ((float) $s->cod_amount > 0)<span class="block text-xs font-bold text-error">COD {{ $shop->money->format((float) $s->cod_amount) }}{{ $s->cod_collected_at ? ' ✓' : '' }}</span>@endif</div>
        <div><label class="mb-1 block text-xs font-semibold" for="st{{ $s->id }}">{{ __('Status') }}</label><select id="st{{ $s->id }}" name="status" class="min-h-[44px] w-full rounded-full border border-outline-variant bg-white px-3">@foreach ($statuses as $st)<option value="{{ $st }}" @selected($s->status === $st)>{{ __(ucfirst(str_replace('_', ' ', $st))) }}</option>@endforeach</select></div>
        <div><label class="mb-1 block text-xs font-semibold" for="ca{{ $s->id }}">{{ __('Carrier') }}</label><select id="ca{{ $s->id }}" name="carrier_id" class="min-h-[44px] w-full rounded-full border border-outline-variant bg-white px-3"><option value="">—</option>@foreach ($carriers as $c)<option value="{{ $c->id }}" @selected($s->carrier === $c->name)>{{ $c->name }}</option>@endforeach</select></div>
        <div><label class="mb-1 block text-xs font-semibold" for="tr{{ $s->id }}">{{ __('Tracking no.') }}</label><input id="tr{{ $s->id }}" name="tracking" value="{{ $s->tracking_number }}" class="min-h-[44px] w-full rounded-full border border-outline-variant bg-white px-4"></div>
        <div><label class="mb-1 block text-xs font-semibold" for="no{{ $s->id }}">{{ __('Note / location') }}</label><input id="no{{ $s->id }}" name="note" class="min-h-[44px] w-full rounded-full border border-outline-variant bg-white px-4"></div>
        <x-btn type="submit" variant="soft">{{ __('Save') }}</x-btn>
    </form>
@endforeach
</div>
@include('partials.pagination', ['result' => $result])
@else <x-empty :title="__('No shipments yet')"/> @endif
@endsection