@extends('layouts.admin')
@section('title', 'Reports')
@section('page-title', 'Reports')
@section('content')
<div class="space-y-4">
    <p class="text-slate-600">Operational and financial reports.</p>
    <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
        <a href="{{ route('reports.sales') }}" class="rounded-xl border border-slate-200 bg-white p-4 shadow-sm hover:bg-slate-50">
            <div class="font-semibold text-slate-800">Sales report</div>
        </a>
        <a href="{{ route('reports.orders') }}" class="rounded-xl border border-slate-200 bg-white p-4 shadow-sm hover:bg-slate-50">
            <div class="font-semibold text-slate-800">Order report</div>
        </a>
        <a href="{{ route('reports.pending-orders') }}" class="rounded-xl border border-slate-200 bg-white p-4 shadow-sm hover:bg-slate-50">
            <div class="font-semibold text-slate-800">Pending orders</div>
        </a>
        <a href="{{ route('reports.outstanding') }}" class="rounded-xl border border-slate-200 bg-white p-4 shadow-sm hover:bg-slate-50">
            <div class="font-semibold text-slate-800">Outstanding dues</div>
        </a>
        <a href="{{ route('reports.staff-productivity') }}" class="rounded-xl border border-slate-200 bg-white p-4 shadow-sm hover:bg-slate-50">
            <div class="font-semibold text-slate-800">Staff productivity</div>
        </a>
    </div>
</div>
@endsection