<div>
    <h1 class="text-2xl font-semibold text-gray-800 mb-6">داشبورد</h1>

    <!-- Stat Cards -->
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
        <div class="bg-white p-6 rounded-lg shadow-md flex items-center justify-between">
            <div>
                <p class="text-sm font-medium text-gray-500">درآمد ماهانه</p>
                <p class="text-2xl font-bold text-gray-800">۴,۰۰۰,۰۰۰ تومان</p>
            </div>
            <div class="bg-blue-100 text-blue-500 p-3 rounded-full">
                <i class="bi bi-cash-stack text-2xl"></i>
            </div>
        </div>
        <div class="bg-white p-6 rounded-lg shadow-md flex items-center justify-between">
            <div>
                <p class="text-sm font-medium text-gray-500">تعداد کاربران</p>
                <p class="text-2xl font-bold text-gray-800">۱۲۵ نفر</p>
            </div>
            <div class="bg-green-100 text-green-500 p-3 rounded-full">
                <i class="bi bi-people-fill text-2xl"></i>
            </div>
        </div>
        <div class="bg-white p-6 rounded-lg shadow-md flex items-center justify-between">
            <div>
                <p class="text-sm font-medium text-gray-500">تیکت‌های باز</p>
                <p class="text-2xl font-bold text-gray-800">۱۸</p>
            </div>
            <div class="bg-yellow-100 text-yellow-500 p-3 rounded-full">
                <i class="bi bi-chat-left-text-fill text-2xl"></i>
            </div>
        </div>
        <div class="bg-white p-6 rounded-lg shadow-md flex items-center justify-between">
            <div>
                <p class="text-sm font-medium text-gray-500">بازدید امروز</p>
                <p class="text-2xl font-bold text-gray-800">۲,۴۳۰</p>
            </div>
            <div class="bg-indigo-100 text-indigo-500 p-3 rounded-full">
                <i class="bi bi-graph-up-arrow text-2xl"></i>
            </div>
        </div>
    </div>

    <!-- Recent Activity Table -->
    <div class="mt-8 bg-white p-6 rounded-lg shadow-md">
        <h2 class="text-lg font-semibold text-gray-800 mb-4">فعالیت‌های اخیر</h2>
        <div class="overflow-x-auto">
            <table class="w-full min-w-full text-right">
                <thead>
                <tr class="border-b">
                    <th class="py-3 px-4 font-semibold text-sm">کاربر</th>
                    <th class="py-3 px-4 font-semibold text-sm">فعالیت</th>
                    <th class="py-3 px-4 font-semibold text-sm">وضعیت</th>
                    <th class="py-3 px-4 font-semibold text-sm">تاریخ</th>
                </tr>
                </thead>
                <tbody class="text-gray-600">
                <tr class="border-b hover:bg-gray-50">
                    <td class="py-3 px-4">علی رضایی</td>
                    <td class="py-3 px-4">مقاله جدیدی منتشر کرد.</td>
                    <td class="py-3 px-4"><span class="bg-green-200 text-green-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded-full">تایید شده</span></td>
                    <td class="py-3 px-4">۱۰ دقیقه پیش</td>
                </tr>
                <tr class="border-b hover:bg-gray-50">
                    <td class="py-3 px-4">مریم احمدی</td>
                    <td class="py-3 px-4">پروفایل خود را ویرایش کرد.</td>
                    <td class="py-3 px-4"><span class="bg-blue-200 text-blue-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded-full">انجام شد</span></td>
                    <td class="py-3 px-4">۲ ساعت پیش</td>
                </tr>
                <tr class="hover:bg-gray-50">
                    <td class="py-3 px-4">رضا حسینی</td>
                    <td class="py-3 px-4">یک تیکت جدید ثبت کرد.</td>
                    <td class="py-3 px-4"><span class="bg-yellow-200 text-yellow-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded-full">در انتظار بررسی</span></td>
                    <td class="py-3 px-4">دیروز</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
