<x-filament-panels::page>
    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">

        <div class="p-6 bg-white rounded-2xl shadow text-center">
            <h2 class="text-gray-600 text-sm font-medium">No. of Receipts</h2>
            <p class="text-2xl font-bold text-indigo-600 mt-2">
                {{ number_format($noOfReceipts) }}
            </p>
        </div>

        <div class="p-6 bg-white rounded-2xl shadow text-center">
            <h2 class="text-gray-600 text-sm font-medium">Total Amount</h2>
            <p class="text-2xl font-bold text-green-600 mt-2">
                ₹{{ number_format($totalAmount) }}
            </p>
        </div>

        <div class="p-6 bg-white rounded-2xl shadow text-center">
            <h2 class="text-gray-600 text-sm font-medium">Settlement Amount</h2>
            <p class="text-2xl font-bold text-amber-600 mt-2">
                ₹{{ number_format($settlementAmount) }}
            </p>
        </div>

    </div>
</x-filament-panels::page>
