{% extends "tasks/base.html" %}
{% block title %}Assign Role — {{ target_user.username }}{% endblock %}
{% block topbar_title %}Assign Role{% endblock %}
{% block content %}
<div style="margin-bottom:8px;">
    <a href="{% url 'task_management:staff_access_list' %}" style="font-size:12px;color:var(--s-text3);text-decoration:none;">← Team Access</a>
</div>
<div class="s-card s-card-pad" style="max-width:500px;">
    <div style="margin-bottom:16px;">
        <div class="s-card-title">{{ target_user.get_full_name|default:target_user.username }}</div>
        <div class="s-card-sub">{{ target_user.email|default:target_user.username }}{% if is_client %} · also a portal client{% endif %}</div>
    </div>
    <form method="post">
        {% csrf_token %}
        <div class="staff-form-group">
            <label class="staff-form-label">{{ form.role.label }}</label>
            {{ form.role }}
            {% if form.role.errors %}<div style="font-size:11px;color:var(--s-red);">{{ form.role.errors.0 }}</div>{% endif %}
        </div>
        <div class="staff-form-group">
            <label class="staff-form-label">{{ form.staff_access_active.label }}</label>
            <div style="display:flex;flex-direction:column;gap:8px;margin-top:6px;">
                {% for w in form.staff_access_active %}
                <label style="display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;">{{ w.tag }} {{ w.choice_label }}</label>
                {% endfor %}
            </div>
        </div>
        <div style="display:flex;gap:8px;margin-top:20px;padding-top:14px;border-top:1px solid var(--s-border);">
            <button type="submit" class="s-btn s-btn-primary">Save</button>
            <a href="{% url 'task_management:staff_access_list' %}" class="s-btn s-btn-outline">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}