<%
const layout = '../admin/layout';
const body = `
<div class="space-y-6">
  <!-- Stats cards -->
  <div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4">
    <!-- Total Users -->
    <div class="card hover:shadow-lg dark:hover:shadow-dark-lg transition-all duration-300">
      <div class="flex items-center">
        <div class="flex-shrink-0">
          <div class="h-8 w-8 bg-blue-500 dark:bg-blue-400 rounded-lg flex items-center justify-center">
            <i class="fas fa-users text-white text-sm"></i>
          </div>
        </div>
        <div class="mr-5 w-0 flex-1">
          <dl>
            <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 truncate">
              کل کاربران
            </dt>
            <dd class="text-lg font-medium text-gray-900 dark:text-white">
              1,247
            </dd>
          </dl>
        </div>
      </div>
    </div>

    <!-- Active Signals -->
    <div class="card hover:shadow-lg dark:hover:shadow-dark-lg transition-all duration-300">
      <div class="flex items-center">
        <div class="flex-shrink-0">
          <div class="h-8 w-8 bg-green-500 dark:bg-green-400 rounded-lg flex items-center justify-center">
            <i class="fas fa-signal text-white text-sm"></i>
          </div>
        </div>
        <div class="mr-5 w-0 flex-1">
          <dl>
            <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 truncate">
              سیگنال‌های فعال
            </dt>
            <dd class="text-lg font-medium text-gray-900 dark:text-white">
              23
            </dd>
          </dl>
        </div>
      </div>
    </div>

    <!-- Revenue -->
    <div class="card hover:shadow-lg dark:hover:shadow-dark-lg transition-all duration-300">
      <div class="flex items-center">
        <div class="flex-shrink-0">
          <div class="h-8 w-8 bg-yellow-500 dark:bg-yellow-400 rounded-lg flex items-center justify-center">
            <i class="fas fa-dollar-sign text-white text-sm"></i>
          </div>
        </div>
        <div class="mr-5 w-0 flex-1">
          <dl>
            <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 truncate">
              درآمد ماهانه
            </dt>
            <dd class="text-lg font-medium text-gray-900 dark:text-white">
              ۱۲,۳۴۵,۶۷۸ تومان
            </dd>
          </dl>
        </div>
      </div>
    </div>

    <!-- Success Rate -->
    <div class="card hover:shadow-lg dark:hover:shadow-dark-lg transition-all duration-300">
      <div class="flex items-center">
        <div class="flex-shrink-0">
          <div class="h-8 w-8 bg-purple-500 dark:bg-purple-400 rounded-lg flex items-center justify-center">
            <i class="fas fa-chart-line text-white text-sm"></i>
          </div>
        </div>
        <div class="mr-5 w-0 flex-1">
          <dl>
            <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 truncate">
              نرخ موفقیت
            </dt>
            <dd class="text-lg font-medium text-gray-900 dark:text-white">
              87.3%
            </dd>
          </dl>
        </div>
      </div>
    </div>
  </div>

  <!-- Quick Actions -->
  <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
    <!-- Recent Activity -->
    <div class="card">
      <div class="border-b border-gray-200 dark:border-gray-700 pb-4 mb-4">
        <h3 class="text-lg font-medium text-gray-900 dark:text-white flex items-center">
          <i class="fas fa-clock ml-2 text-primary-600 dark:text-primary-400"></i>
          فعالیت‌های اخیر
        </h3>
      </div>
      <div class="space-y-3">
        <div class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800/50 rounded-lg">
          <div class="flex items-center">
            <div class="h-8 w-8 bg-green-500 rounded-full flex items-center justify-center">
              <i class="fas fa-user-plus text-white text-xs"></i>
            </div>
            <div class="mr-3">
              <p class="text-sm font-medium text-gray-900 dark:text-white">کاربر جدید ثبت‌نام کرد</p>
              <p class="text-xs text-gray-500 dark:text-gray-400">علی احمدی</p>
            </div>
          </div>
          <span class="text-xs text-gray-500 dark:text-gray-400">۵ دقیقه پیش</span>
        </div>

        <div class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800/50 rounded-lg">
          <div class="flex items-center">
            <div class="h-8 w-8 bg-blue-500 rounded-full flex items-center justify-center">
              <i class="fas fa-signal text-white text-xs"></i>
            </div>
            <div class="mr-3">
              <p class="text-sm font-medium text-gray-900 dark:text-white">سیگنال جدید منتشر شد</p>
              <p class="text-xs text-gray-500 dark:text-gray-400">خرید BTCUSDT</p>
            </div>
          </div>
          <span class="text-xs text-gray-500 dark:text-gray-400">۱۵ دقیقه پیش</span>
        </div>

        <div class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800/50 rounded-lg">
          <div class="flex items-center">
            <div class="h-8 w-8 bg-yellow-500 rounded-full flex items-center justify-center">
              <i class="fas fa-crown text-white text-xs"></i>
            </div>
            <div class="mr-3">
              <p class="text-sm font-medium text-gray-900 dark:text-white">اشتراک ویژه خریداری شد</p>
              <p class="text-xs text-gray-500 dark:text-gray-400">سارا محمدی</p>
            </div>
          </div>
          <span class="text-xs text-gray-500 dark:text-gray-400">۳۰ دقیقه پیش</span>
        </div>
      </div>
    </div>

    <!-- Quick Actions -->
    <div class="card">
      <div class="border-b border-gray-200 dark:border-gray-700 pb-4 mb-4">
        <h3 class="text-lg font-medium text-gray-900 dark:text-white flex items-center">
          <i class="fas fa-bolt ml-2 text-primary-600 dark:text-primary-400"></i>
          عملیات سریع
        </h3>
      </div>
      <div class="grid grid-cols-2 gap-3">
        <a href="/admin/signals" class="flex flex-col items-center p-4 bg-gradient-to-br from-blue-50 to-blue-100 dark:from-blue-900/20 dark:to-blue-800/20 rounded-lg hover:shadow-md dark:hover:shadow-dark transition-all duration-200 border border-blue-200 dark:border-blue-700">
          <div class="h-10 w-10 bg-blue-500 dark:bg-blue-400 rounded-lg flex items-center justify-center mb-2">
            <i class="fas fa-plus text-white"></i>
          </div>
          <span class="text-sm font-medium text-blue-700 dark:text-blue-300 text-center">سیگنال جدید</span>
        </a>

        <a href="/admin/users" class="flex flex-col items-center p-4 bg-gradient-to-br from-green-50 to-green-100 dark:from-green-900/20 dark:to-green-800/20 rounded-lg hover:shadow-md dark:hover:shadow-dark transition-all duration-200 border border-green-200 dark:border-green-700">
          <div class="h-10 w-10 bg-green-500 dark:bg-green-400 rounded-lg flex items-center justify-center mb-2">
            <i class="fas fa-users text-white"></i>
          </div>
          <span class="text-sm font-medium text-green-700 dark:text-green-300 text-center">مدیریت کاربران</span>
        </a>

        <a href="/admin/content" class="flex flex-col items-center p-4 bg-gradient-to-br from-purple-50 to-purple-100 dark:from-purple-900/20 dark:to-purple-800/20 rounded-lg hover:shadow-md dark:hover:shadow-dark transition-all duration-200 border border-purple-200 dark:border-purple-700">
          <div class="h-10 w-10 bg-purple-500 dark:bg-purple-400 rounded-lg flex items-center justify-center mb-2">
            <i class="fas fa-file-alt text-white"></i>
          </div>
          <span class="text-sm font-medium text-purple-700 dark:text-purple-300 text-center">مدیریت محتوا</span>
        </a>

        <a href="/admin/settings" class="flex flex-col items-center p-4 bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-800/20 dark:to-gray-700/20 rounded-lg hover:shadow-md dark:hover:shadow-dark transition-all duration-200 border border-gray-200 dark:border-gray-600">
          <div class="h-10 w-10 bg-gray-500 dark:bg-gray-400 rounded-lg flex items-center justify-center mb-2">
            <i class="fas fa-cog text-white"></i>
          </div>
          <span class="text-sm font-medium text-gray-700 dark:text-gray-300 text-center">تنظیمات</span>
        </a>
      </div>
    </div>
  </div>

  <!-- Chart Section -->
  <div class="card">
    <div class="border-b border-gray-200 dark:border-gray-700 pb-4 mb-4">
      <h3 class="text-lg font-medium text-gray-900 dark:text-white flex items-center">
        <i class="fas fa-chart-bar ml-2 text-primary-600 dark:text-primary-400"></i>
        آمار فروش ماهانه
      </h3>
    </div>
    <div class="h-64 bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-800 dark:to-gray-900 rounded-lg flex items-center justify-center">
      <div class="text-center">
        <i class="fas fa-chart-line text-4xl text-gray-400 dark:text-gray-600 mb-4"></i>
        <p class="text-gray-500 dark:text-gray-400">نمودار آمار فروش</p>
        <p class="text-sm text-gray-400 dark:text-gray-500 mt-2">برای نمایش نمودارهای واقعی، Chart.js یا کتابخانه مشابه را اضافه کنید</p>
      </div>
    </div>
  </div>
</div>
`;
%>

<%- include(layout, { body: body, title: title, currentPage: currentPage }) %>