{% extends "tasks/base.html" %}
{% block title %}Team Access — Staff Panel{% endblock %}
{% block topbar_title %}Team Access{% endblock %}
{% block topbar_actions %}
<a href="{% url 'task_management:role_list' %}" class="s-btn s-btn-outline s-btn-sm">Manage Roles</a>
<!--Dont use has_perm-->
{% if request.user.is_superuser %}
<a href="{% url 'task_management:user_create' %}" class="s-btn s-btn-primary s-btn-sm">
    <svg width="13" height="13" viewBox="0 0 20 20" fill="currentColor"><path d="M8 9a3 3 0 100-6 3 3 0 000 6zM8 11a6 6 0 016 6H2a6 6 0 016-6zM16 7a1 1 0 10-2 0v1h-1a1 1 0 100 2h1v1a1 1 0 102 0v-1h1a1 1 0 100-2h-1V7z"/></svg>
    Add User
</a>
{% endif %}
{% endblock %}
{% block content %}
<div class="s-card s-card-pad">
    <div class="s-card-header">
        <div>
            <div class="s-card-title">Users & Staff Roles</div>
            <div class="s-card-sub">Assign a role to grant task-module permissions. Users need an active staff profile to sign in.</div>
        </div>
    </div>
    <div class="s-table-wrap">
        <table class="s-table">
            <thead><tr><th>User</th><th>Staff Access</th><th>Role</th><th>Type</th><th style="text-align:right;">Actions</th></tr></thead>
            <tbody>
                {% for row in access_rows %}
                {% with u=row.user sp=row.profile %}
                <tr>
                    <td>
                        <div style="font-weight:600;">{{ u.get_full_name|default:u.username }}</div>
                        <div style="font-size:11px;color:var(--s-text3);">{{ u.email|default:u.username }}</div>
                    </td>
                    <td>
                        {% if sp %}
                            {% if sp.is_active %}<span class="s-badge s-badge-blue">Active</span>{% else %}<span class="s-badge" style="opacity:.6;">Inactive</span>{% endif %}
                        {% else %}<span class="s-badge s-badge-gray">No Profile</span>{% endif %}
                    </td>
                    <td style="font-size:13px;">{% if sp and sp.role %}{{ sp.role.name }}{% else %}<span style="color:var(--s-text3);">—</span>{% endif %}</td>
                    <td style="font-size:11px;color:var(--s-text3);">
                        {% if row.is_client %}Client{% endif %}
                        {% if u.is_superuser %} Superuser{% endif %}
                    </td>
                    <td style="text-align:right;">
                        <a href="{% url 'task_management:user_assign_role' u.id %}" class="s-btn s-btn-outline s-btn-sm">Assign Role</a>
                    </td>
                </tr>
                {% endwith %}
                {% empty %}
                <tr><td colspan="5" style="text-align:center;padding:24px;color:var(--s-text3);">No active users.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}