@php
    $moduleName = 'Executive Dashboard';
    $arName = 'لوحة المعلومات التنفيذية';
@endphp
<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-black leading-tight">
            {{ \App\Helpers\TranslationHelper::transFromDatabase($moduleName, __($arName)) }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                <div class="p-6 text-black">
                    <div class="flex justify-between items-center mb-6">
                        <h3 class="text-lg font-bold">{{ \App\Helpers\TranslationHelper::transFromDatabase($moduleName, $arName) }}</h3>
                    </div>

                    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                        <!-- Placeholder for Widgets -->
                        <div class="bg-blue-50 p-4 rounded-lg border border-blue-200">
                            <h4 class="font-bold text-blue-800">{{ __('إجمالي المرضى') }}</h4>
                            <p class="text-2xl font-bold">0</p>
                        </div>
                        <div class="bg-green-50 p-4 rounded-lg border border-green-200">
                            <h4 class="font-bold text-green-800">{{ __('إجمالي الإيرادات') }}</h4>
                            <p class="text-2xl font-bold">0.00</p>
                        </div>
                        <div class="bg-purple-50 p-4 rounded-lg border border-purple-200">
                            <h4 class="font-bold text-purple-800">{{ __('المواعيد اليومية') }}</h4>
                            <p class="text-2xl font-bold">0</p>
                        </div>
                    </div>

                    <div class="mt-8 bg-gray-50 border-r-4 border-gray-400 p-4">
                        <p class="text-sm text-black">
                            {{ \App\Helpers\TranslationHelper::transFromDatabase('This dashboard is being initialized.', __('هذه اللوحة قيد التهيئة حالياً.')) }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>