{% extends "base.html" %}

{% block title %}إدارة المستخدمين - نظام التقارير الصوتية{% endblock %}

{% block content %}
<div class="container">
    <div class="row mb-4">
        <div class="col">
            <h2><i class="fas fa-users"></i> إدارة المستخدمين</h2>
            <p class="text-muted">إدارة حسابات المستخدمين والصلاحيات</p>
        </div>
        <div class="col-auto">
            <a href="{{ url_for('admin.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-right"></i> العودة للوحة الإدارة
            </a>
        </div>
    </div>

    <!-- Search -->
    <div class="row mb-3">
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <form method="GET" action="{{ url_for('admin.users') }}">
                        <div class="input-group">
                            <input type="text" name="q" class="form-control" placeholder="البحث عن مستخدم..." value="{{ request.args.get('q', '') }}">
                            <button class="btn btn-primary" type="submit">
                                <i class="fas fa-search"></i> بحث
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Users Table -->
    <div class="card">
        <div class="card-header bg-white">
            <h5 class="mb-0"><i class="fas fa-list"></i> قائمة المستخدمين ({{ users|length }})</h5>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>الاسم</th>
                            <th>البريد الإلكتروني</th>
                            <th>اسم الشركة</th>
                            <th>تاريخ التسجيل</th>
                            <th>الحالة</th>
                            <th>الصلاحية</th>
                            <th>الملفات</th>
                            <th>الإجراءات</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for user in users %}
                        <tr>
                            <td>{{ user.id }}</td>
                            <td>
                                {{ user.name }}
                                {% if user.logo_path %}
                                <i class="fas fa-image text-info" title="لديه شعار"></i>
                                {% endif %}
                            </td>
                            <td>{{ user.email }}</td>
                            <td>{{ user.company_name or '-' }}</td>
                            <td>{{ user.created_at.strftime('%Y-%m-%d') }}</td>
                            <td>
                                {% if user.is_active %}
                                <span class="badge bg-success">نشط</span>
                                {% else %}
                                <span class="badge bg-danger">معطل</span>
                                {% endif %}
                            </td>
                            <td>
                                {% if user.is_admin %}
                                <span class="badge bg-primary">مدير</span>
                                {% else %}
                                <span class="badge bg-secondary">مستخدم</span>
                                {% endif %}
                            </td>
                            <td>
                                <span class="badge bg-info">{{ user.clients|length }}</span>
                            </td>
                            <td>
                                {% if user.id != current_user.id %}
                                <div class="btn-group btn-group-sm">
                                    <!-- Toggle Active -->
                                    <form method="POST" action="{{ url_for('admin.toggle_active', user_id=user.id) }}" style="display:inline;">
                                        <button type="submit" class="btn btn-sm {% if user.is_active %}btn-warning{% else %}btn-success{% endif %}"
                                                title="{% if user.is_active %}تعطيل{% else %}تفعيل{% endif %}">
                                            <i class="fas fa-{% if user.is_active %}ban{% else %}check{% endif %}"></i>
                                        </button>
                                    </form>

                                    <!-- Toggle Admin -->
                                    <form method="POST" action="{{ url_for('admin.toggle_admin', user_id=user.id) }}" style="display:inline;">
                                        <button type="submit" class="btn btn-sm {% if user.is_admin %}btn-secondary{% else %}btn-primary{% endif %}"
                                                title="{% if user.is_admin %}إزالة صلاحية المدير{% else %}منح صلاحية المدير{% endif %}">
                                            <i class="fas fa-user-shield"></i>
                                        </button>
                                    </form>

                                    <!-- Delete -->
                                    <form method="POST" action="{{ url_for('admin.delete_user', user_id=user.id) }}"
                                          style="display:inline;"
                                          onsubmit="return confirm('هل أنت متأكد من حذف هذا المستخدم؟');">
                                        <button type="submit" class="btn btn-sm btn-danger" title="حذف">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </form>
                                </div>
                                {% else %}
                                <span class="badge bg-info">أنت</span>
                                {% endif %}
                            </td>
                        </tr>
                        {% else %}
                        <tr>
                            <td colspan="9" class="text-center text-muted">لا يوجد مستخدمين</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{% endblock %}