{% extends "base.html" %} {% block title %}لوحة التحكم - قاموس الفور{% endblock
%} {% block content %}
<div class="container-fluid">
  <div class="row">
    <div class="col-md-12">
      <h1 class="mb-4">لوحة التحكم</h1>
    </div>
  </div>

  <!-- الإحصائيات الرئيسية -->
  <div class="row mb-4">
    <div class="col-md-3">
      <div class="card text-center">
        <div class="card-body">
          <i class="fas fa-book fa-3x text-primary mb-3"></i>
          <h3>{{ total_words }}</h3>
          <p class="text-muted">إجمالي الكلمات</p>
        </div>
      </div>
    </div>
    <div class="col-md-3">
      <div class="card text-center">
        <div class="card-body">
          <i class="fas fa-check-circle fa-3x text-success mb-3"></i>
          <h3>{{ active_words }}</h3>
          <p class="text-muted">الكلمات النشطة</p>
        </div>
      </div>
    </div>
    <div class="col-md-3">
      <div class="card text-center">
        <div class="card-body">
          <i class="fas fa-pause-circle fa-3x text-danger mb-3"></i>
          <h3>{{ inactive_words }}</h3>
          <p class="text-muted">الكلمات غير النشطة</p>
        </div>
      </div>
    </div>
    <div class="col-md-3">
      <div class="card text-center">
        <div class="card-body">
          <i class="fas fa-calendar-day fa-3x text-info mb-3"></i>
          <h3>{{ words_today }}</h3>
          <p class="text-muted">كلمات اليوم</p>
        </div>
      </div>
    </div>
  </div>

  <!-- إحصائيات إضافية -->
  <div class="row mb-4">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <h5>إحصائيات سريعة</h5>
        </div>
        <div class="card-body">
          <div class="row">
            <div class="col-md-4">
              <p>
                <strong>الكلمات مع ملفات صوتية:</strong> {{ words_with_audio }}
              </p>
            </div>
            <div class="col-md-4">
              <p>
                <strong>نسبة الكلمات النشطة:</strong>
                {% if total_words > 0 %} {{
                "%.1f"|format((active_words/total_words*100)) }}% {% else %} 0%
                {% endif %}
              </p>
            </div>
            <div class="col-md-4">
              <p>
                <strong>آخر تحديث:</strong> {{ moment().format('YYYY-MM-DD
                HH:mm') if moment else 'غير متوفر' }}
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- إدارة المحتوى والكلمات الحديثة -->
  <div class="row">
    <div class="col-md-6">
      <div class="card">
        <div class="card-header">
          <h5>إدارة المحتوى</h5>
        </div>
        <div class="card-body">
          <a
            href="{{ url_for('admin.words_list') }}"
            class="btn btn-primary mb-2 w-100"
          >
            <i class="fas fa-list"></i> عرض جميع الكلمات
          </a>
          <a
            href="{{ url_for('admin.add_word') }}"
            class="btn btn-success mb-2 w-100"
          >
            <i class="fas fa-plus"></i> إضافة كلمة جديدة
          </a>
          {% if current_user.is_admin %}
          <a
            href="{{ url_for('admin.backup_system') }}"
            class="btn btn-warning w-100"
          >
            <i class="fas fa-database"></i> نظام النسخ الاحتياطي
          </a>
          {% endif %}
        </div>
      </div>
    </div>

    <div class="col-md-6 col-lg-3 mb-4">
      <div class="card">
        <div class="card-body">
          <div class="d-flex justify-content-between">
            <div>
              <h4 class="card-title">{{ inactive_words }}</h4>
              <p class="card-text">كلمات غير نشطة</p>
            </div>
            <div class="align-self-center">
              <i class="fas fa-eye-slash fa-2x"></i>
            </div>
          </div>
          <a
            href="{{ url_for('admin.inactive_words') }}"
            class="btn btn-light btn-sm mt-2"
          >
            <i class="fas fa-list"></i> عرض القائمة
          </a>
        </div>
      </div>
    </div>

    <div class="col-md-6 col-lg-3 mb-4">
      <div class="card">
        <div class="card-body">
          <div class="d-flex justify-content-between">
            <div>
              <h4 class="card-title">{{ words_without_audio }}</h4>
              <p class="card-text">بدون ملفات صوتية</p>
            </div>
            <div class="align-self-center">
              <i class="fas fa-volume-mute fa-2x"></i>
            </div>
          </div>
          <a
            href="{{ url_for('admin.words_without_audio') }}"
            class="btn btn-light btn-sm mt-2"
          >
            <i class="fas fa-list"></i> عرض القائمة
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}