@extends('layouts.app')

@section('content')

<div class="mb-6">
    <h1 class="text-3xl font-bold">Invoice Management System Dashboard</h1>
    <p class="text-gray-500 mt-1">Manage clients and invoices from one place</p>
</div>

<div class="grid grid-cols-1 md:grid-cols-2 gap-6">

    <!-- Clients Card -->
    <div class="card bg-base-100 shadow-lg">
        <div class="card-body">
            <h2 class="card-title">Clients</h2>
            <p class="text-gray-500">
                View, add, and manage all your clients.
            </p>
            <div class="card-actions justify-end">
                <a href="/clients" class="btn btn-primary">
                    Go to Clients
                </a>
            </div>
        </div>
    </div>

    <!-- Invoices Card -->
    <div class="card bg-base-100 shadow-lg">
        <div class="card-body">
            <h2 class="card-title">Invoices</h2>
            <p class="text-gray-500">
                Create and manage invoices easily.
            </p>
            <div class="card-actions justify-end">
                <a href="/invoices" class="btn btn-secondary">
                    View Invoices
                </a>
            </div>
        </div>
    </div>

</div>

@endsection