{% extends "group/edit_base.html" %}

{% import 'macros/form.html' as form %}

{% set user = c.user_dict %}

{% block primary_content_inner %}
  {% link_for _('Back to all members'), controller='group', action='members', id=group.name, class_='btn pull-right', icon='arrow-left' %}
  <h1 class="page-heading">
    {% block page_heading %}{{ _('Edit Member') if user else _('Add Member') }}{% endblock %}
  </h1>
  {% block form %}
  <form class="dataset-form form-horizontal" method='post'>
    {% if user %}
      <input type="hidden" name="username" value="{{ user.name }}" />
      {% set format_attrs = {'disabled': true} %}
      {{ form.input('username', label=_('User'), value=user.name, classes=['control-medium'], attrs=format_attrs) }}
    {% else %}
      {% set format_attrs = {'data-module': 'autocomplete', 'data-module-source': '/api/2/util/user/autocomplete?q=?'} %}
      {{ form.input('username', id='field-username', label=_('User'), placeholder=_('Username'), value='', error='', classes=['control-medium'], attrs=format_attrs) }}
    {% endif %}
    {% set format_attrs = {'data-module': 'autocomplete'} %}
    {{ form.select('role', label=_('Role'), options=c.roles, selected=c.user_role, error='', attrs=format_attrs) }}
    <div class="form-actions">
      {% if user %}
        {% set locale = h.dump_json({'content': _('Are you sure you want to delete this member?')}) %}
        <a href="{% url_for controller='group', action='member_delete', id=c.group_dict.id, user=user.id %}" class="btn btn-danger pull-left" data-module="confirm-action" data-module-i18n="{{ locale }}">{{ _('Delete') }}</a>
        <button class="btn btn-primary" type="submit" name="submit" >
          {{ _('Save') }}
        </button>
      {% else %}
        <button class="btn btn-primary" type="submit" name="submit" >
          {{ _('Add') }}
        </button>
      {% endif %}
    </div>
  </form>
  {% endblock %}
{% endblock %}

{% block secondary_content %}
  {{ super() }}
  <div class="module module-narrow module-shallow">
    <h2 class="module-heading">
      <i class="icon-large icon-info-sign"></i>
      {{ _('What are roles?') }}
    </h2>
    <div class="module-content">
      {% trans %}
        <p><strong>Admin:</strong> Can add/edit and delete datasets, as well as
          manage group members.</p>
        <p><strong>Editor:</strong> Can add and edit datasets, but not manage
          group members.</p>
        <p><strong>Member:</strong> Can view the group's private
          datasets, but not add new datasets.</p>
      {% endtrans %}
    </div>
  </div>
{% endblock %}
