{% extends "base.html" %}
{% block title %}Permissions · WageWise Neo{% endblock %}
{% block content %}
<div class="page-header">
    <div><div class="eyebrow">Setup</div><h1>User Permissions</h1></div>
</div>
<div class="panel">
    <p style="margin-bottom:16px;font-size:13px;color:var(--color-ink-soft);">
        Control exactly what each user can see and do. <strong>V</strong> = View &nbsp; <strong>C</strong> = Create &nbsp; <strong>E</strong> = Edit &nbsp; <strong>D</strong> = Delete
    </p>
    <div style="overflow-x:auto;">
    <table class="ledger-table" style="font-size:12px;min-width:max-content;">
        <thead>
            <tr>
                <th style="min-width:160px;">User</th>
                <th>Role</th>
                {% for m in modules %}
                <th style="min-width:90px;text-align:center;">{{ {'employees':'Employees','attendance':'Attendance','ot':'OT','leave':'Leave','payroll':'Payroll','reports':'Reports','settings':'Settings','users':'Users'}.get(m,m|title) }}</th>
                {% endfor %}
                <th></th>
            </tr>
        </thead>
        <tbody>
        {% for user in users %}
        {% set p = all_perms.get(user.id, {}) %}
        <tr>
            <td class="name-cell">{{ user.full_name }}<div class="meta">{{ user.username }}</div></td>
            <td><span class="stamp {{ 'active' if user.role == 'admin' else 'neutral' }}">{{ user.role }}</span></td>
            {% for m in modules %}
            {% set mp = p.get(m, {}) %}
            <td style="text-align:center;font-family:var(--font-data);font-size:11px;letter-spacing:0.05em;">
                <span style="color:{{ 'var(--color-paid)' if mp.get('view') else 'var(--color-ink-faint)' }}">V</span>
                <span style="color:{{ 'var(--color-stamp)' if mp.get('create') else 'var(--color-ink-faint)' }}">C</span>
                <span style="color:{{ '#1a6eb5' if mp.get('edit') else 'var(--color-ink-faint)' }}">E</span>
                <span style="color:{{ 'var(--color-due)' if mp.get('delete') else 'var(--color-ink-faint)' }}">D</span>
            </td>
            {% endfor %}
            <td><a href="{{ url_for('permissions_edit', user_id=user.id) }}" class="btn btn-secondary" style="font-size:11px;padding:2px 10px;">Edit</a></td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
    </div>
</div>
{% endblock %}