{% extends "base.html" %}
{% set active_nav = "my-organization" %}

{% block title %}Users - My Organization - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">Users</h1>
        <p class="page-subtitle">{{ revision.name }}</p>
    </div>
    <div>
        <a href="/my-organization" class="btn btn-ghost">← Back to Organization</a>
        {% if user.is_org_admin %}
        <a href="/my-organization/users/new" class="btn btn-secondary">+ Add User</a>
        {% endif %}
    </div>
</div>

<div class="card">
    {% if users %}
    <div class="table-container">
        <table class="table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Email</th>
                    <th>EUID</th>
                    <th>Roles</th>
                    <th>Status</th>
                    {% if can_manage_users %}
                    <th>Actions</th>
                    {% endif %}
                </tr>
            </thead>
            <tbody>
                {% for user in users %}
                <tr>
                    <td>{{ user.name or '—' }}</td>
                    <td>{{ user.email }}</td>
                    <td><a class="text-mono text-sm" href="/tapdb/object/{{ user.id }}">{{ user.id }}</a></td>
                    <td>
                        {% for role in user.roles %}
                        <span class="badge badge-secondary">{{ role }}</span>
                        {% endfor %}
                    </td>
                    <td>
                        <span class="badge badge-{{ 'success' if user.is_active else 'danger' }}">
                            {{ 'Active' if user.is_active else 'Inactive' }}
                        </span>
                    </td>
                    {% if can_manage_users %}
                    <td>
                        <div class="btn-group">
                            {% if user.is_active %}
                            <form method="post" action="/my-organization/users/{{ user.id }}/deactivate" style="display: inline;">
                                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                                <button type="submit" class="btn btn-sm btn-danger"
                                        onclick="return confirm('Deactivate this user?')">
                                    Deactivate
                                </button>
                            </form>
                            {% else %}
                            <form method="post" action="/my-organization/users/{{ user.id }}/activate" style="display: inline;">
                                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                                <button type="submit" class="btn btn-sm btn-success">
                                    Activate
                                </button>
                            </form>
                            {% endif %}
                        </div>
                    </td>
                    {% endif %}
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% else %}
    <div class="card-body text-center text-muted">
        <p>No users found in your organization.</p>
        {% if user.is_org_admin %}
        <a href="/my-organization/users/new" class="btn btn-secondary mt-md">Add First User</a>
        {% endif %}
    </div>
    {% endif %}
</div>
{% endblock %}