@php
    $links = [
        ['route' => 'reports.sales.daily', 'label' => 'Daily Sales', 'description' => 'Revenue, transactions, and hourly breakdown for a single day.'],
        ['route' => 'reports.sales.monthly', 'label' => 'Monthly Sales', 'description' => 'Revenue trend across a month, compared to the previous one.'],
        ['route' => 'reports.purchases', 'label' => 'Purchase', 'description' => 'Spend by supplier and order status over a period.'],
        ['route' => 'reports.inventory', 'label' => 'Inventory', 'description' => 'Current stock valuation and low-stock counts.'],
        ['route' => 'reports.profit', 'label' => 'Profit', 'description' => 'Gross and net profit, using cost snapshots at time of sale.'],
        ['route' => 'reports.customers', 'label' => 'Customer', 'description' => 'Top members ranked by spend.'],
        ['route' => 'reports.suppliers', 'label' => 'Supplier', 'description' => 'Top suppliers ranked by purchase volume.'],
        ['route' => 'reports.cash-flow', 'label' => 'Cash Flow', 'description' => 'Money in vs. money out across every finance account.'],
        ['route' => 'reports.dead-stock', 'label' => 'Dead Stock', 'description' => 'Stock on hand with no recent sales activity.'],
        ['route' => 'reports.best-sellers', 'label' => 'Best Seller', 'description' => 'Top products by quantity sold or revenue.'],
    ];
@endphp

<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
            {{ __('Reports') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-6xl mx-auto sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
                @foreach ($links as $link)
                    <a href="{{ route($link['route']) }}" class="block bg-white dark:bg-gray-800 shadow-sm sm:rounded-lg p-5 hover:shadow-md transition">
                        <div class="font-medium text-gray-900 dark:text-gray-100">{{ __($link['label']) }}</div>
                        <div class="mt-1 text-sm text-gray-500 dark:text-gray-400">{{ __($link['description']) }}</div>
                    </a>
                @endforeach
            </div>
        </div>
    </div>
</x-app-layout>