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


{% set user = user_dict %}

{% block breadcrumb_content_inner -%}
    {{ ui.breadcrumb(group.display_name|truncate(35), href=h.url_for(group_type+'.read', id=group.name), attrs={"title": group.display_name}) }}
    {{- ui.breadcrumb(_('Edit Member') if user else _('Add Member'), href=h.url_for(group_type+'.member_new', id=group.name), active=true) }}
{%- endblock %}

{%- block content_action -%}
    {{ ui.content_action(_('Back to all members'), href=h.url_for(group_type+'.manage_members', id=group_dict.name), style="secondary", icon="arrow-left") }}
    {{ super() }}
{%- endblock %}


{% block primary_content_inner %}
    <h1 class="page-heading">
        {% block page_heading %}{{ _('Edit Member') if user else _('Add Member') }}{% endblock %}
    </h1>

    {% block form %}
        {%- call ui.util.call(ui.form, method="POST") -%}
            <div class="row align-items-center">
                <div class="col-md-5">
                    <div class="form-group control-medium">
                        {% if not user %}
                            <label class="form-label" for="username">
                                {{ _('Existing User') }}
                            </label>
                            <p>
                                {{ _('If you wish to add an existing user, search for their username below.') }}
                            </p>
                        {% endif %}
                        <div class="controls">
                            {% if user %}
                                <input type="hidden" name="username" value="{{ user.name }}" />
                                <input id="username" name="username" type="text" value="{{ user.name }}"
                                       disabled="True" class="form-control control-medium">
                            {% else %}
                                <input id="username" type="text" name="username" placeholder="{{ _('Username') }}"
                                       value="" class="control-medium" data-module="autocomplete"
                                       data-module-source="/api/2/util/user/autocomplete?ignore_self=true&q=?">
                            {% endif %}
                        </div>
                    </div>
                </div>
                {% if not user and h.check_access('user_create') %}
                    <div class="col-md-2">
                        <div class="add-member-or">
                            {{ _('or') }}
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group control-medium">
                            <label class="form-label" for="email">
                                {{ _('New User') }}
                            </label>
                            <p>
                                {{ _('If you wish to invite a new user, enter their email address.') }}
                            </p>
                            <div class="controls">
                                <input id="email" type="text" name="email" placeholder="Email address" class="form-control">
                            </div>
                        </div>
                    </div>
                {% endif %}
            </div>

            {% if user and user.name == current_user.name and user_role == 'admin' %}
                {% set format_attrs = {'data-module': 'autocomplete', 'disabled': 'disabled'} %}
                {{ ui.select(name='role', label=_('Role'), options=roles, selected=user_role, attrs=format_attrs) }}
                {{ ui.hidden_input('role', value=user_role) }}
            {% else %}
                {% set format_attrs = {'data-module': 'autocomplete'} %}
                {{ ui.select(name='role', label=_('Role'), options=roles, selected=user_role, attrs=format_attrs) }}
            {% endif %}

            {%- call ui.util.call(ui.form_actions) -%}
                {% if user %}
                    {{ ui.button(_('Delete'), href=h.url_for(group_type + '.member_delete', id=group_dict.id, user=user.id), style="danger", data={"module": "confirm-action", "module-content": _('Are you sure you want to delete this member?')}) }}

                    {{ ui.button(_('Update Member'), type="submit", attrs={"name": "submit"}) }}

                {% else %}
                    {{ ui.button(_('Add Member'), type="submit", attrs={"name": "submit"}) }}
                {% endif %}
            {%- endcall %}

        {%- endcall %}

    {% endblock %}
{% endblock %}

{% block secondary_content %}
    {{ super() }}
    {%- call ui.util.call(ui.sidebar_section, title=_('What are roles?'), icon="info-circle") -%}
        {% trans %}
        <p><strong>Admin:</strong> Can edit group information, as well as
            manage organization members.</p>
        <p><strong>Member:</strong> Can add/remove datasets from groups</p>
          {% endtrans %}
    {%- endcall %}
{% endblock %}