{% extends "base.html" %}
{% load crispy_forms_tags %}
{% load django_tables2 %}
{% load static %}

{% block content %}
    <div class="card border-light shadow">
        <div class="card-header h3">تفاصيل المستخدم</div>
        <div class="card-body mt-2 row">
            <div class="col-md-6 h4">
                <p><strong>اسم الـمستخدم:</strong> {{ object.username }}</p>
                <p><strong>الاســــــــــــــــــم:</strong> {{ object.get_full_name }}</p>
                <p><strong>رقـــــم الـــهاتف:</strong> {{ object.phone }}</p>
                <p><strong>جهـــــة الـــعمل:</strong> {{ object.occupation }}</p>
            </div>
            <div class="col-md-6 h4">
                <p><strong>البريد الالكتروني:</strong> {{ object.email }}</p>
                <p><strong>تاريخ الإنشاء:</strong> {{ object.date_joined|date:"Y-m-d" }}</p>
                <p><strong>آخر دخول:</strong> {{ object.last_login|date:"Y-m-d H:i" }}</p>
                <p><strong>الصلاحيات:</strong>
                    {% if object.is_superuser %}
                        مدير النظام
                    {% elif object.is_staff %}
                        مستخدم اداري
                    {% else %}
                        مستخدم عادي
                    {% endif %}
                </p>
            </div>
        </div>
    </div>

    <!-- ACTIVITY LOG TABLE -->
    <div class="card mt-2 border-light shadow">
        <div class="card-header h3">
            سجل النشاط
        </div>
        <div class="mt-2 card-body p-1 table-responsive-lg">
            {% render_table table %}
        </div>
    </div>

    <!-- BACK BUTTON -->
    <div class="mb-3 mt-3">
        <a href="{% url 'manage_users' %}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-right me-2"></i> العودة إلى إدارة المستخدمين
        </a>
    </div>



{% endblock %}