@extends('layouts.user', ['heading' => 'Reports / रिपोर्ट'])

@section('content')
    <div class="grid grid-cols-1 gap-3 md:grid-cols-2">
        <div class="rounded-2xl bg-white p-4 shadow">
            <div class="font-semibold">Income Statement</div>
            <div class="text-sm text-slate-500">Download your income summary.</div>
            <a href="{{ route('user.reports.income') }}" class="mt-3 inline-block rounded bg-slate-900 px-4 py-2 text-sm text-white">View</a>
        </div>
        <div class="rounded-2xl bg-white p-4 shadow">
            <div class="font-semibold">Payout Report</div>
            <div class="text-sm text-slate-500">All payouts and status.</div>
            <a href="{{ route('user.reports.payouts') }}" class="mt-3 inline-block rounded bg-slate-900 px-4 py-2 text-sm text-white">View</a>
        </div>
        <div class="rounded-2xl bg-white p-4 shadow">
            <div class="font-semibold">Order Invoices</div>
            <div class="text-sm text-slate-500">Your product invoices.</div>
            <a href="{{ route('user.reports.orders') }}" class="mt-3 inline-block rounded bg-slate-900 px-4 py-2 text-sm text-white">View</a>
        </div>
        <div class="rounded-2xl bg-white p-4 shadow">
            <div class="font-semibold">Yearly Earnings</div>
            <div class="text-sm text-slate-500">Annual income summary.</div>
            <a href="{{ route('user.reports.yearly') }}" class="mt-3 inline-block rounded bg-slate-900 px-4 py-2 text-sm text-white">View</a>
        </div>
    </div>
@endsection