{% extends "projects/base.html" %}
{% import "site_shell/_macros.html" as ui %}

{% block title %}Members - {{ project.name }} - Pychestrate{% endblock %}

{% block content %}
<nav aria-label="Breadcrumb">
    <ol class="breadcrumb">
        <li><a href="{{ url_for('projects.project_list') }}">Projects</a></li>
        <li><a href="{{ url_for('projects.project_detail', project_id=project.id) }}">{{ project.name }}</a></li>
        <li aria-current="page">Members</li>
    </ol>
</nav>

<div class="page-header">
    <h1>Project Members</h1>
    <p>Manage team members and their roles</p>
</div>

{% if can_manage %}
<div class="toolbar toolbar--end">
    <a href="{{ url_for('projects.member_add', project_id=project.id) }}" class="btn btn-primary">
        {{ ui.icon("person_add") }} Add Member
    </a>
</div>
{% endif %}

<div class="table-scroll" tabindex="0"><table class="data-table">
    <thead>
        <tr>
            <th scope="col">Username</th>
            <th scope="col">Display Name</th>
            <th scope="col">Role</th>
            <th scope="col">Joined</th>
            {% if can_manage %}<th scope="col">Actions</th>{% endif %}
        </tr>
    </thead>
    <tbody>
        {% for member in members %}
        <tr>
            <td>{{ member.username }}</td>
            <td>{{ member.display_name }}</td>
            <td><span class="badge badge-info">{{ member.role | state_words }}</span></td>
            <td>{{ member.joined_at | format_datetime('%Y-%m-%d %H:%M') }}</td>
            {% if can_manage %}
            <td>
                {% if member.role.value != 'owner' %}
                <a href="{{ url_for('projects.member_edit', project_id=project.id, user_id=member.user_id) }}" class="btn btn-sm btn-secondary">Edit Role</a>
                {% endif %}
                {% if member.role.value != 'owner' and member.user_id|string != current_user_id|string %}
                <form action="{{ url_for('projects.member_remove', project_id=project.id, user_id=member.user_id) }}" method="post" data-confirm="Remove this member?">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                    <button type="submit" class="btn btn-sm btn-danger">Remove</button>
                </form>
                {% endif %}
            </td>
            {% endif %}
        </tr>
        {% else %}
        <tr>
            <td colspan="{% if can_manage %}5{% else %}4{% endif %}" class="muted center">No members found</td>
        </tr>
        {% endfor %}
    </tbody>
</table></div>

{{ ui.pagination('projects.member_list', page, total_pages, {'per_page': per_page, 'project_id': project.id}, total=total) }}

<div class="card mt">
    <h2 class="card-header">Access through global roles</h2>
    <p class="muted">These people can open every project, including this one, because of a role assigned on their user page. Their access is not managed here.</p>
    {% if global_access %}
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <thead>
            <tr>
                <th scope="col">Username</th>
                <th scope="col">Display Name</th>
                <th scope="col">Access on every project</th>
                <th scope="col">Granted by</th>
            </tr>
        </thead>
        <tbody>
            {% for entry in global_access %}
            <tr>
                <td>{{ entry.username }}</td>
                <td>{{ entry.display_name | display }}</td>
                <td><span class="badge badge-info">{{ entry.role }}</span></td>
                <td>{{ entry.roles | join(', ') }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
    {% else %}
    {{ ui.empty_state("Nobody has a global project role.") }}
    {% endif %}
</div>
{% endblock %}