@extends('master.authMaster')

@section('content')
<!-- content part -->
<div class="col-span-12 xxl:col-span-9 grid grid-cols-12 gap-6">

    <div class="col-span-12 mt-8">
        <h3>
            Welcome to Dashboard, <b>{{ Auth::user()->name }}</b>.
        </h3>
        <h4>
            Current Year: {{ \App\Models\AccountingYear::current()->accounting_year_financial }}
        </h4>
    </div>

    <!-- Cards Section -->
    <div class="col-span-12 grid grid-cols-12 gap-6 mt-6">
        <!-- Cash in Hand Card -->
        <div class="col-span-12 sm:col-span-6">
            <div class="bg-white shadow-lg rounded-2xl p-6 border border-gray-200">
                <div class="flex items-center justify-between">
                    <div>
                        <h5 class="text-gray-500 text-sm font-medium">Cash in Hand</h5>
                        <h2 class="text-2xl font-bold text-gray-800 mt-2">
                            ₹ {{ number_format($totalCash ?? 0, 2) }}
                        </h2>
                    </div>
                    <div class="bg-green-100 p-3 rounded-full">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-green-600"
                            fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8V6m0 12v2m6-12a9 9 0 11-12 0 9 9 0 0112 0z" />
                        </svg>
                    </div>
                </div>
            </div>
        </div>

        <!-- Cash at Bank Card -->
        <div class="col-span-12 sm:col-span-6">
            <div class="bg-white shadow-lg rounded-2xl p-6 border border-gray-200">
                <div class="flex items-center justify-between">
                    <div>
                        <h5 class="text-gray-500 text-sm font-medium">Cash at Bank</h5>
                        <h2 class="text-2xl font-bold text-gray-800 mt-2">
                            ₹ {{ number_format($totalBank ?? 0, 2) }}
                        </h2>
                    </div>
                    <div class="bg-blue-100 p-3 rounded-full">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-600"
                            fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                d="M3 10h18M9 21V9m6 12V9m-7-6h8a2 2 0 012 2v2H4V5a2 2 0 012-2z" />
                        </svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Cards Section -->

</div>

<div class="col-span-12 xxl:col-span-3 xxl:border-l border-theme-5 -mb-10 pb-10">
    <div class="xxl:pl-6 grid grid-cols-12 gap-6">
    </div>
</div>
<!--end content part -->
@endsection