@extends('layouts.app')
@section('title', 'Dashboard')
@section('heading', 'Dashboard')

@section('content')
<p class="max-w-prose text-sm text-muted">
    Signed in as {{ auth()->user()->role->name }} @if ($currentBranch) at {{ $currentBranch->name }} @else across all branches @endif.
</p>

@isset($statusCounts)
<section class="mt-5 rounded-lg border border-line bg-panel p-4" aria-labelledby="flow-h">
    <h2 id="flow-h" class="text-sm font-semibold">Stock by status</h2>
    <ol class="mt-3 flex flex-wrap items-stretch gap-2 text-sm">
        @foreach (\App\Enums\VehicleStatus::cases() as $s)
            <li>
                <a href="{{ route('vehicles.index', ['status' => $s->value]) }}" class="block min-w-32 rounded-md border px-3 py-2 hover:shadow {{ $s->badge() }}">
                    <span class="block text-2xl font-bold leading-none">{{ $statusCounts[$s->value] }}</span>
                    <span class="text-xs">{{ $s->label() }}</span>
                </a>
            </li>
        @endforeach
    </ol>
</section>

<div class="mt-5 grid gap-5 lg:grid-cols-2">
    <section class="rounded-lg border border-line bg-panel p-4" aria-labelledby="old-h">
        <h2 id="old-h" class="text-sm font-semibold">Longest in inventory</h2>
        <ul class="mt-3 divide-y divide-line text-sm">
            @forelse ($oldest as $v)
                <li class="flex items-center justify-between gap-3 py-2">
                    <a href="{{ route('vehicles.show', $v) }}" class="min-w-0 truncate underline decoration-line underline-offset-2">{{ $v->stock_id }} · {{ $v->display_name }}</a>
                    <x-aging-chip :vehicle="$v" />
                </li>
            @empty
                <li class="py-4 text-muted">No unsold stock yet.</li>
            @endforelse
        </ul>
        @if ($aging['critical'] > 0)
            <p class="mt-3 text-sm"><a class="font-semibold text-stop underline" href="{{ route('vehicles.index', ['aging' => 'critical']) }}">{{ $aging['critical'] }} {{ Str::plural('vehicle', $aging['critical']) }} past the aging alert</a></p>
        @endif
    </section>

    @isset($incoming)
    <section class="rounded-lg border border-line bg-panel p-4" aria-labelledby="inc-h">
        <h2 id="inc-h" class="text-sm font-semibold">Incoming shipments</h2>
        <ul class="mt-3 divide-y divide-line text-sm">
            @forelse ($incoming as $s)
                <li class="flex items-center justify-between gap-3 py-2">
                    <a href="{{ route('shipments.show', $s) }}" class="underline decoration-line underline-offset-2">{{ $s->reference }} <span class="text-muted">· {{ $s->vehicles_count }} {{ Str::plural('vehicle', $s->vehicles_count) }}</span></a>
                    <span class="text-right">{{ $s->eta?->format('d M') ?? 'No ETA' }}
                        @if ($s->is_overdue)<span class="block text-xs font-semibold text-stop">late</span>@endif</span>
                </li>
            @empty
                <li class="py-4 text-muted">Nothing on the way.</li>
            @endforelse
        </ul>
    </section>
    @endisset
</div>
@else
<p class="mt-5 text-sm">Use the menu to open the modules you have access to.</p>
@endisset
@endsection