import React from 'react';
import AppLayout from '@/layouts/app-layout';
import { Head, Link } from '@inertiajs/react';
import { Card, CardHeader, CardTitle, CardDescription, CardContent } from '@/components/ui/card';
import { FileText, Briefcase, DollarSign } from 'lucide-react';
import { index as reportsIndex, renewal as renewalRoute, jobStatus as jobStatusRoute, commission as commissionRoute } from '@/routes/reports';
export default function ReportsIndex() {
const reports = [
{
title: 'Renewal Report',
description: 'View jobs due for renewal based on next due date.',
href: renewalRoute.url(),
icon: FileText,
color: 'text-blue-500',
bgColor: 'bg-blue-500/10',
},
{
title: 'Job Status Report',
description: 'Filter jobs by their current status.',
href: jobStatusRoute.url(),
icon: Briefcase,
color: 'text-purple-500',
bgColor: 'bg-purple-500/10',
},
{
title: 'Commission Report',
description: 'View commission details for completed jobs.',
href: commissionRoute.url(),
icon: DollarSign,
color: 'text-green-500',
bgColor: 'bg-green-500/10',
},
];
return (