@extends('layouts.admin')
@section('title','Dashboard')
@section('content')
<h1 class="text-2xl font-semibold">Dashboard</h1>
<p class="mt-2 text-sm text-black/60">Phase 2 ops overview.</p>
<div class="mt-8 grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
    <div class="rounded border border-black/10 bg-white p-4">
        <div class="text-xs uppercase tracking-wide text-black/50">Sales today</div>
        <div class="mt-2 text-2xl font-semibold">AUD {{ number_format(($salesToday ?? 0)/100, 2) }}</div>
        <div class="mt-1 text-xs text-black/50">Yesterday AUD {{ number_format(($salesYesterday ?? 0)/100, 2) }}</div>
    </div>
    <a href="{{ route('admin.orders.index') }}" class="rounded border border-black/10 bg-white p-4 hover:border-[var(--color-gold)]">
        <div class="text-xs uppercase tracking-wide text-black/50">Unfulfilled</div>
        <div class="mt-2 text-2xl font-semibold">{{ $unfulfilled ?? 0 }}</div>
    </a>
    <a href="{{ route('admin.inventory.index') }}" class="rounded border border-black/10 bg-white p-4 hover:border-[var(--color-gold)]">
        <div class="text-xs uppercase tracking-wide text-black/50">Low stock</div>
        <div class="mt-2 text-2xl font-semibold">{{ $lowStock ?? 0 }}</div>
    </a>
    <a href="{{ route('admin.jobs.index') }}" class="rounded border border-black/10 bg-white p-4 hover:border-[var(--color-gold)]">
        <div class="text-xs uppercase tracking-wide text-black/50">Failed jobs</div>
        <div class="mt-2 text-2xl font-semibold">{{ $failedJobs ?? 0 }}</div>
    </a>
</div>
@endsection