@extends('layouts.app')

@section('content')
<div class="mx-auto max-w-7xl px-4 py-8">
    <h1 class="text-3xl font-black">My Account</h1>
    <div class="mt-6 grid gap-5 md:grid-cols-4">
        <a class="panel p-5" href="{{ route('account.orders') }}"><div class="text-sm text-gray-500">Orders</div><div class="text-3xl font-black">{{ $orderCount }}</div></a>
        <div class="panel p-5 md:col-span-2"><div class="text-sm text-gray-500">Latest Order</div><div class="mt-2 font-bold">{{ $latestOrder?->order_number ?? 'No orders yet' }}</div></div>
        <a class="panel p-5" href="{{ route('account.addresses.index') }}"><div class="text-sm text-gray-500">Default Address</div><div class="mt-2 font-bold">{{ $defaultAddress?->suburb ?? 'Add address' }}</div></a>
    </div>
</div>
@endsection