{% extends 'projects/base_project.html' %}
{% load crispy_forms_tags %}

{% block title %}Members - {{ block.super }}{% endblock %}

{% block content_project %}

{% if can_manage_members %}
<div class="box box-primary">
  <div class="box-header with-border">
    <h3 class="box-title">Add Project Member</h3>
  </div>
  <div class="box-body">
    <form action="{% url 'project_members' org_name=request.current_organization.name project_name=project.name %}" method="post" class="form-inline form-new-member">
      {% csrf_token %}
      {% crispy members_form %}
    </form>
  </div>
</div>
{% endif %}

<div class="box box-primary">
  <div class="box-header with-border">
    <h3 class="box-title">Project Members</h3>
  </div>
  <div class="box-body">
    <div class="table-responsive no-padding">
      <table class="table table-hover table-striped" id="table-project-members">
        <tbody>
          <tr>
            <th>Name</th>
            <th>Email</th>
            <th>Role</th>
            {% if can_manage_members %}<th></th>{% endif %}
          </tr>
          {% for pm in project_members %}
          <tr>
            <td>{% if pm.membership.user %}{{ pm.membership.user.username }}{% else %}-{% endif %}</td>
            <td>{% if pm.membership.user %}{{ pm.membership.user.email }}{% else %}{{ pm.membership.email }}{% endif %}</td>
            <td>
              {% if can_manage_members %}
              <select class="form-control input-sm project-role-select select2-project-role" data-update-role-url="{% url 'update_project_member_role' org_name=request.current_organization.name project_name=project.name member_id=pm.id %}">
                {% for role_value, role_label in project_role_choices %}
                <option value="{{ role_value }}" {% if pm.role == role_value %}selected{% endif %}>{{ role_label }}</option>
                {% endfor %}
              </select>
              {% else %}
              {% for role_value, role_label in project_role_choices %}
                {% if pm.role == role_value %}{{ role_label }}{% endif %}
              {% endfor %}
              {% endif %}
            </td>
            {% if can_manage_members %}
            <td class="pull-right">
              <div class="btn-group" role="group">
                <a href="{% url 'delete_project_member' org_name=request.current_organization.name project_name=project.name member_id=pm.id %}" class="btn btn-danger btn-xs" type="button">Remove</a>
              </div>
            </td>
            {% endif %}
          </tr>
          {% empty %}
          <tr>
            <td colspan="{% if can_manage_members %}4{% else %}3{% endif %}"><i>No explicit project members yet.</i></td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>

{% endblock %}