@extends('layouts.admin')
@section('title', __('Dashboard'))
@section('content')
@php $m = $shop->money; @endphp
<h1 class="mb-6 text-2xl font-extrabold text-primary">{{ __('Dashboard') }}</h1>
<div class="grid grid-cols-2 gap-4 lg:grid-cols-4">
    @foreach ([
        [__('Orders today'), $d['orders_today'], route('admin.orders')],
        [__('Waiting to confirm'), $d['pending'], route('admin.orders', ['status' => 'pending'])],
        [__('To pack / ship'), $d['to_ship'], route('admin.orders')],
        [__('Sales, last 30 days'), $m->format($d['revenue_30d']), null],
        [__('Active products'), $d['products'], auth()->user()->isAdmin() ? route('admin.products') : null],
        [__('Customers'), $d['customers'], auth()->user()->isAdmin() ? route('admin.customers') : null],
    ] as [$label, $value, $href])
        <div class="relative rounded-[28px] bg-surface-mid p-5 {{ $href ? 'hover:bg-tertiary-container' : '' }}">
            <p class="text-sm font-semibold text-on-surface-variant">{{ $label }}</p><p class="mt-1 text-3xl font-extrabold text-primary">{{ $value }}</p>
            @if ($href)<a href="{{ $href }}" class="absolute inset-0 rounded-[28px]" aria-label="{{ $label }}"></a>@endif
        </div>
    @endforeach
</div>

@if ($d['products'] === 0 && auth()->user()->isAdmin())
    <div class="mt-8 rounded-[32px] bg-tertiary p-6 text-on-tertiary">
        <p class="text-lg font-extrabold">{{ __('Your shop is empty — let\'s add products.') }}</p>
        <ol class="mt-2 list-inside list-decimal space-y-1 text-on-tertiary-container">
            <li><a class="underline" href="{{ route('admin.options') }}">{{ __('Add colours and sizes') }}</a></li>
            <li><a class="underline" href="{{ route('admin.categories.create') }}">{{ __('Create a category') }}</a></li>
            <li><a class="underline" href="{{ route('admin.products.create') }}">{{ __('Add your first product') }}</a></li>
        </ol>
    </div>
@endif

<div class="mt-8 grid gap-6 lg:grid-cols-2">
    <section class="rounded-[32px] border border-surface-variant bg-white p-6">
        <h2 class="mb-3 font-extrabold text-primary">{{ __('Recent orders') }}</h2>
        @forelse ($d['recent_orders'] as $o)
            <a href="{{ route('admin.orders.show', $o->id) }}" class="flex items-center justify-between gap-3 border-t border-surface-variant py-3 first:border-0 hover:bg-surface-mid">
                <span><span class="font-bold text-primary">{{ $o->order_number }}</span><span class="block text-sm text-on-surface-variant">{{ $o->recipient_name }}</span></span>
                <span class="flex items-center gap-3"><x-status :value="$o->status"/><span class="font-bold">{{ $m->format((float) $o->grand_total) }}</span></span>
            </a>
        @empty <p class="text-sm text-on-surface-variant">{{ __('No orders yet.') }}</p> @endforelse
    </section>
    <section class="rounded-[32px] border border-surface-variant bg-white p-6">
        <h2 class="mb-3 font-extrabold text-primary">{{ __('Low stock') }}</h2>
        @forelse ($d['low_stock'] as $l)
            <div class="flex items-center justify-between border-t border-surface-variant py-3 first:border-0">
                <span><span class="font-bold text-primary">{{ $l->product }}</span><span class="block text-xs text-on-surface-variant">{{ $l->sku }}</span></span>
                <span class="rounded-full px-3 py-1 text-xs font-extrabold {{ $l->available <= 0 ? 'bg-error-container text-on-error-container' : 'bg-accent-container text-on-accent-container' }}">{{ $l->available <= 0 ? __('Sold out') : __(':n left', ['n' => $l->available]) }}</span>
            </div>
        @empty <p class="text-sm text-on-surface-variant">{{ __('Nothing is running low.') }}</p> @endforelse
        <a href="{{ route('admin.stock', ['low' => 1]) }}" class="mt-3 inline-block text-sm font-bold text-primary underline">{{ __('Open stock') }}</a>
    </section>
</div>
@endsection