@extends('layouts.app')
@section('title', 'Dashboard')
@section('content')
<h1 class="text-2xl font-semibold mb-6">Dashboard</h1>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 mb-8">
    @foreach([
        ['Invoices', $stats['invoices']],
        ['Quotations', $stats['quotations']],
        ['Revenue', number_format($stats['revenue'], 2)],
        ['Customers', $stats['customers']],
        ['Products', $stats['products']],
        ['Companies', $stats['companies']],
    ] as [$label, $value])
        <div class="bg-white rounded-xl shadow-sm p-4">
            <div class="text-xs uppercase text-slate-500">{{ $label }}</div>
            <div class="text-2xl font-semibold mt-1">{{ $value }}</div>
        </div>
    @endforeach
</div>

<div class="bg-white rounded-xl shadow-sm">
    <div class="px-4 py-3 border-b font-medium">Recent documents</div>
    <table class="w-full text-sm">
        <thead class="bg-slate-50 text-left text-slate-500">
            <tr><th class="p-3">Number</th><th>Type</th><th>Customer</th><th>Company</th><th>Date</th><th class="text-right pr-4">Total</th></tr>
        </thead>
        <tbody>
        @forelse($recent as $d)
            <tr class="border-t hover:bg-slate-50">
                <td class="p-3"><a class="text-indigo-600 hover:underline" href="{{ route('documents.show', $d) }}">{{ $d->number }}</a></td>
                <td>{{ \App\Models\Document::typeLabel($d->type) }}</td>
                <td>{{ $d->customer->name ?? '-' }}</td>
                <td>{{ $d->company->name ?? '-' }}</td>
                <td>{{ $d->issue_date?->format('Y-m-d') }}</td>
                <td class="text-right pr-4">{{ $d->currency }} {{ number_format($d->total, 2) }}</td>
            </tr>
        @empty
            <tr><td colspan="6" class="p-6 text-center text-slate-500">No documents yet. <a href="{{ route('documents.create') }}" class="text-indigo-600">Create one</a>.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
@endsection