{% extends "admin/base_site.html" %}



{% block content %}
<div class="container-fluid mt-4">
    <div class="justify-content-end d-flex my-3">
        <span class="chip small px-3 bg-primary"> Online </span>
    </div>

    <div class="d-flex justify-content-between gap-2 ">
        <div class="form-group w-100 align-items-center border rounded p-2 gap-2 mb-3">
            <h6 class="mb-0"> Name </h6>
            {{ user.get_full_name }}
        </div>
        
        <div class="form-group w-100 align-items-center border rounded px-3 py-2 gap-1 mb-3">
            <h6 class="mb-0"> Email </h6>
            {{ user.email }}
        </div>
    </div>

    <div class="d-flex justify-content-between  m-0 gap-2 ">
        <div class="form-group w-100 align-items-center border rounded p-2 gap-2 mb-3">
            <h6 class="mb-0"> User Role </h6>
            {% if user.is_superuser %} Owner / Super User {% elif user.is_staff  %} Staff User {% else %} Regular User {% endif %}
        </div>
        
        <div class="form-group w-100 align-items-center border rounded px-3 py-2 gap-1 mb-3">
            <h6 class="mb-0"> Last Login </h6>
            {{ user.last_login }}
        </div>
    </div>

    <div class="border p-3 rounded">
        <h6>Quick Actions </h6>
        <a href="{% url 'admin:auth_user_change' user.pk %}" class="btn btn-sm btn-primary">Edit Profile</a>
        <a href="{% url 'admin:password_change' %}" class="btn btn-sm btn-info">Change Password</a>
        <a href="{% url 'admin:logout' %}" class="btn btn-sm btn-warning">Log out</a>
    </div>
</div>

{% endblock content %}
