{% extends "base.html" %}
{% block title %}لوحة التحكم{% endblock %}

{% block content %}
<h2 class="mb-4">لوحة التحكم</h2>

<!-- أزرار الإدارة -->
<div class="row mb-4">
  <div class="col-md-3 mb-3">
    <a href="{{ url_for('manage_products') }}" class="btn btn-outline-primary w-100">إدارة المنتجات</a>
  </div>
  <div class="col-md-3 mb-3">
    <a href="{{ url_for('manage_brands') }}" class="btn btn-outline-secondary w-100">إدارة العلامات</a>
  </div>
  <div class="col-md-3 mb-3">
    <a href="{{ url_for('manage_messages') }}" class="btn btn-outline-success w-100">الرسائل</a>
  </div>
  <div class="col-md-3 mb-3">
    <a href="{{ url_for('manage_hero') }}" class="btn btn-outline-danger w-100">الهيدر</a>
  </div>
  <div class="col-md-3 mb-3">
    <a href="{{ url_for('manage_gallery') }}" class="btn btn-outline-warning w-100">معرض الصور</a>
  </div>
  <div class="col-md-3 mb-3">
    <a href="{{ url_for('manage_videos') }}" class="btn btn-outline-info w-100">إدارة الفيديوهات</a>
  </div>
  <div class="col-md-3 mb-3">
    <a href="{{ url_for('admin_logout') }}" class="btn btn-outline-dark w-100">تسجيل الخروج</a>
  </div>
</div>

<!-- جدول الرسائل -->
<div class="card mb-4">
  <div class="card-header bg-success text-white d-flex justify-content-between align-items-center">
    <h5 class="mb-0">الرسائل الواردة</h5>
    <span class="badge bg-light text-dark">{{ messages|length }}</span>
  </div>
  <div class="card-body p-0">
    {% if messages %}
    <div class="table-responsive">
      <table class="table table-hover mb-0">
        <thead class="table-light">
          <tr>
            <th>الاسم</th>
            <th>الموضوع</th>
            <th>الرسالة</th>
            <th>الحالة</th>
            <th>الإجراءات</th>
          </tr>
        </thead>
        <tbody>
          {% for msg in messages %}
          <tr>
            <td>{{ msg.name }}</td>
            <td>{{ msg.subject or 'بدون موضوع' }}</td>
            <td>{{ msg.body|truncate(50) }}</td>
            <td>
              {% if msg.read %}
                <span class="badge bg-success">مقروءة</span>
              {% else %}
                <span class="badge bg-warning text-dark">جديدة</span>
              {% endif %}
            </td>
            <td>
              <a href="{{ url_for('mark_message_read', id=msg.id) }}" class="btn btn-sm btn-outline-primary">قراءة</a>
              <form method="POST" action="{{ url_for('delete_message', id=msg.id) }}" class="d-inline">
                <button type="submit" class="btn btn-sm btn-outline-danger"
                        onclick="return confirm('هل أنت متأكد من الحذف؟')">
                  حذف
                </button>
              </form>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}
    <div class="text-center py-3 text-muted">لا توجد رسائل.</div>
    {% endif %}
  </div>
</div>

<!-- جدول المسؤولين -->
<div class="card">
  <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
    <h5 class="mb-0">المسؤولون</h5>
    <a href="{{ url_for('add_admin') }}" class="btn btn-sm btn-light">+ إضافة مسؤول</a>
  </div>
  <div class="card-body p-0">
    {% if admins %}
    <div class="table-responsive">
      <table class="table table-hover mb-0">
        <thead class="table-light">
          <tr>
            <th>#</th>
            <th>اسم المستخدم</th>
            <th>الإجراءات</th>
          </tr>
        </thead>
        <tbody>
          {% for admin in admins %}
          <tr>
            <td>{{ loop.index }}</td>
            <td>{{ admin.username }}</td>
            <td>
              {% if admin.id == current_user.id %}
                <span class="text-muted">حسابك الحالي</span>
              {% else %}
                <a href="{{ url_for('edit_admin', id=admin.id) }}" class="btn btn-sm btn-outline-warning">تعديل</a>
                <form method="POST" action="{{ url_for('delete_admin', id=admin.id) }}" class="d-inline">
                  <button type="submit" class="btn btn-sm btn-outline-danger"
                          onclick="return confirm('هل أنت متأكد من حذف المسؤول؟')">
                    حذف
                  </button>
                </form>
              {% endif %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}
    <div class="text-center py-3 text-muted">لا توجد حسابات مسؤولين.</div>
    {% endif %}
  </div>
</div>

{% endblock %}