{{-- resources/views/dashboard.blade.php --}}
<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800">ড্যাশবোর্ড</h2>
    </x-slot>

    <div class="py-6 max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">

        {{-- সামারি কার্ড --}}
        <div class="grid grid-cols-3 md:grid-cols-6 gap-4">
            <div class="bg-white shadow rounded-lg p-4 text-center">
                <p class="text-2xl font-bold text-blue-600">{{ $stats['total_patients'] }}</p>
                <p class="text-xs text-gray-500 mt-1">মোট রোগী</p>
            </div>
            <div class="bg-white shadow rounded-lg p-4 text-center">
                <p class="text-2xl font-bold text-green-600">{{ $stats['today_appointments'] }}</p>
                <p class="text-xs text-gray-500 mt-1">আজকের অ্যাপয়েন্টমেন্ট</p>
            </div>
            <div class="bg-white shadow rounded-lg p-4 text-center">
                <p class="text-2xl font-bold text-purple-600">{{ $stats['admitted_patients'] }}</p>
                <p class="text-xs text-gray-500 mt-1">ভর্তি রোগী</p>
            </div>
            <div class="bg-white shadow rounded-lg p-4 text-center">
                <p class="text-2xl font-bold text-yellow-600">{{ $stats['pending_lab_tests'] }}</p>
                <p class="text-xs text-gray-500 mt-1">বাকি ল্যাব টেস্ট</p>
            </div>
            <div class="bg-white shadow rounded-lg p-4 text-center">
                <p class="text-2xl font-bold text-red-600">৳{{ number_format($stats['total_due'], 0) }}</p>
                <p class="text-xs text-gray-500 mt-1">মোট বাকি বিল</p>
            </div>
            <div class="bg-white shadow rounded-lg p-4 text-center">
                <p class="text-2xl font-bold text-emerald-600">৳{{ number_format($stats['today_revenue'], 0) }}</p>
                <p class="text-xs text-gray-500 mt-1">আজকের আয়</p>
            </div>
        </div>

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

            {{-- আজকের অ্যাপয়েন্টমেন্ট --}}
            <div class="bg-white shadow rounded-lg p-5">
                <div class="flex justify-between items-center mb-3">
                    <h3 class="font-semibold">আজকের অ্যাপয়েন্টমেন্ট</h3>
                    <a href="{{ route('appointments.index') }}" class="text-blue-600 text-sm">সব দেখুন</a>
                </div>
                <div class="space-y-2 text-sm">
                    @forelse ($todayAppointments as $appt)
                    <div class="flex justify-between border-b pb-2">
                        <div>
                            <p class="font-medium">{{ $appt->patient->name }}</p>
                            <p class="text-xs text-gray-500">Dr. {{ $appt->doctor->user->name }}</p>
                        </div>
                        <span class="text-xs text-gray-500">{{ \Carbon\Carbon::parse($appt->appointment_time)->format('h:i A') }}</span>
                    </div>
                    @empty
                    <p class="text-gray-400 text-sm">আজ কোনো অ্যাপয়েন্টমেন্ট নেই</p>
                    @endforelse
                </div>
            </div>

            {{-- ভর্তি রোগী --}}
            <div class="bg-white shadow rounded-lg p-5">
                <div class="flex justify-between items-center mb-3">
                    <h3 class="font-semibold">বর্তমানে ভর্তি রোগী</h3>
                    <a href="{{ route('admissions.index') }}" class="text-blue-600 text-sm">সব দেখুন</a>
                </div>
                <div class="space-y-2 text-sm">
                    @forelse ($admittedPatients as $adm)
                    <div class="flex justify-between border-b pb-2">
                        <div>
                            <p class="font-medium">{{ $adm->patient->name }}</p>
                            <p class="text-xs text-gray-500">{{ $adm->bed->ward->name }} — {{ $adm->bed->bed_number }}</p>
                        </div>
                        <span class="text-xs text-gray-500">{{ $adm->admission_date->diffForHumans() }}</span>
                    </div>
                    @empty
                    <p class="text-gray-400 text-sm">কোনো রোগী ভর্তি নেই</p>
                    @endforelse
                </div>
            </div>

            {{-- বাকি বিল --}}
            <div class="bg-white shadow rounded-lg p-5">
                <div class="flex justify-between items-center mb-3">
                    <h3 class="font-semibold">বাকি বিলের তালিকা</h3>
                    <a href="{{ route('invoices.index') }}" class="text-blue-600 text-sm">সব দেখুন</a>
                </div>
                <div class="space-y-2 text-sm">
                    @forelse ($recentInvoices as $inv)
                    <div class="flex justify-between border-b pb-2">
                        <div>
                            <p class="font-medium">{{ $inv->patient->name }}</p>
                            <p class="text-xs text-gray-500">{{ $inv->invoice_no }}</p>
                        </div>
                        <span class="text-xs text-red-600 font-medium">৳{{ number_format($inv->due_amount, 2) }}</span>
                    </div>
                    @empty
                    <p class="text-gray-400 text-sm">কোনো বাকি বিল নেই</p>
                    @endforelse
                </div>
            </div>

            {{-- বাকি ল্যাব টেস্ট --}}
            <div class="bg-white shadow rounded-lg p-5">
                <div class="flex justify-between items-center mb-3">
                    <h3 class="font-semibold">অপেক্ষমান ল্যাব টেস্ট</h3>
                    <a href="{{ route('lab-tests.index') }}" class="text-blue-600 text-sm">সব দেখুন</a>
                </div>
                <div class="space-y-2 text-sm">
                    @forelse ($pendingLabTests as $test)
                    <div class="flex justify-between border-b pb-2">
                        <div>
                            <p class="font-medium">{{ $test->patient->name }}</p>
                            <p class="text-xs text-gray-500">{{ $test->testType->name }}</p>
                        </div>
                        <span class="text-xs text-yellow-600">{{ ucfirst(str_replace('_',' ',$test->status)) }}</span>
                    </div>
                    @empty
                    <p class="text-gray-400 text-sm">কোনো অপেক্ষমান টেস্ট নেই</p>
                    @endforelse
                </div>
            </div>
        </div>

        {{-- সাপ্তাহিক রেভিনিউ চার্ট (Chart.js) --}}
        <div class="bg-white shadow rounded-lg p-5">
            <h3 class="font-semibold mb-3">গত ৭ দিনের আয়</h3>
            <canvas id="revenueChart" height="80"></canvas>
        </div>
    </div>

    @push('scripts')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.0/chart.umd.min.js"></script>
    <script>
        const ctx = document.getElementById('revenueChart');
        new Chart(ctx, {
            type: 'line',
            data: {
                labels: {
                    !!json_encode($weeklyRevenue - > pluck('date')) !!
                },
                datasets: [{
                    label: 'আয় (৳)',
                    data: {
                        !!json_encode($weeklyRevenue - > pluck('total')) !!
                    },
                    borderColor: 'rgb(37, 99, 235)',
                    backgroundColor: 'rgba(37, 99, 235, 0.1)',
                    tension: 0.3,
                    fill: true,
                }]
            },
            options: {
                responsive: true
            }
        });
    </script>
    @endpush
</x-app-layout>