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

{% block title %}Edit Member Role - {{ 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><a href="{{ url_for('projects.member_list', project_id=project.id) }}">Members</a></li>
        <li aria-current="page">Edit Role</li>
    </ol>
</nav>

<div class="page-header">
    <h1>Edit Member Role</h1>
    <p>Update role for {{ member.username }}</p>
</div>

<div class="card narrow">
    {{ ui.error_summary(errors, error_labels) }}
    <form method="post">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        
        <div class="form-group">
            <label for="member_user">User</label>
            <input type="text" id="member_user" class="form-control" value="{{ member.username }} ({{ member.display_name }})" disabled>
        </div>
        
        <div class="form-group">
            <label for="role">Role *</label>
            <select id="role" name="role" class="form-control" required{{ ui.invalid_attrs(errors, "role", "role-help") }}>
                {% for role in roles %}
                <option value="{{ role }}" {% if role == (submitted_role or member.role.value) %}selected{% endif %}>{{ role_descriptions[role] if role in role_descriptions else role }}</option>
                {% endfor %}
            </select>
            {{ ui.field_error(errors, "role") }}
            <div class="form-text" id="role-help">
                The role applies to this project only. A global project role
                (project-owner, project-editor or project-viewer) assigned on the
                user's page gives access to every project.
            </div>
        </div>
        
        <div class="actions-row mt-lg">
            <button type="submit" class="btn btn-primary">
                {{ ui.icon("save") }} Save Changes
            </button>
            <a href="{{ url_for('projects.member_list', project_id=project.id) }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}