{% extends "base.html" %}

{% block title %}{{ _('User') }} #{{ user.id }}: {{ user.get_name() }} — {{ service_name }}{% endblock %}

{% block content %}
<h1>{{ _('User Profile') }}</h1>
<dl class="dl-horizontal">
  <dt>{{ _('ID') }}</dt>
  <dd>#{{ user.id }}</dd>
  <dt>{{ _('Name') }}</dt>
  <dd>
    {% if user.name is not none %}
      {{ user.name }}
    {% else %}
      &mdash;
    {% endif %}
    {% if user.is_admin %} <span class="label label-default" data-toggle="tooltip" data-placement="top" title="{{ _('Administrators can manage actions, objects and other %(service_name)s content.', service_name=service_name) }}">{{ _('administrator') }}</span>{% endif %}
    {% if user.type.name.lower() == 'other' %}<span class="label label-default" data-toggle="tooltip" data-placement="top" title="{{ _('Bot users are meant for the automation of object creation and other tasks.') }}">{{ _('bot') }}</span>{% endif %}
    {% if user.is_readonly %} <span class="label label-default" data-toggle="tooltip" data-placement="top" title="{{ _('Accounts marked as read only are unable to create or change entries in %(service_name)s.', service_name=service_name) }}">{{ _('read only') }}</span>{% endif %}
    {% if user.is_hidden %} <span class="label label-default" data-toggle="tooltip" data-placement="top" title="{{ _('Accounts marked as hidden will not be shown in user lists.') }}">{{ _('hidden') }}</span>{% endif %}
    {% if not user.is_active %} <span class="label label-default" data-toggle="tooltip" data-placement="top" title="{{ _('Deactivated accounts cannot be used until they are activated again.') }}">{{ _('deactivated') }}</span>{% endif %}
  </dd>
  {% if user.component is not none %}
    <dt>{{ _('Other Databases') }}</dt>
    <dd>
      {% if user.component.address is not none %}
      {{ _('<a href="%(user_url)s">User #%(user_id)s</a> (<a href="%(component_url)s">%(component_name)s</a>)', user_url=(user.component.address|unify_url) ~ relative_url_for('.user_profile', user_id=user.fed_id), user_id=user.fed_id, component_url=user.component.address, component_name=user.component.get_name()) }}
      {% else %}
        {{ _('User #%(user_id)s (%(component_name)s)', user_id=user.id, component_name=user.component.get_name()) }}
      {% endif %}
    </dd>
  {% endif %}
  {% if user.eln_import_id is not none %}
    <dt>{{ _('Imported from') }}</dt>
    <dd>
      <a href="{{ url_for('.eln_import', eln_import_id=user.eln_import_id) }}" >
        {{ _('.eln file') }} #{{ user.eln_import_id }}
      </a>
    </dd>
  {% endif %}
  <dt>ORCID iD</dt>
  <dd>
    {% if user.orcid %}
      <div itemscope itemtype="https://schema.org/Person"><a itemprop="sameAs" content="https://orcid.org/{{ user.orcid }}" href="https://orcid.org/{{ user.orcid }}" target="orcid.widget" rel="me noopener noreferrer" style="vertical-align:top;"><img src="{{ fingerprinted_static('sampledb/img/orcid_16x16.png') }}" style="width:1em;margin-right:.5em;" alt="ORCID iD icon">https://orcid.org/{{ user.orcid }}</a></div>
    {% else %}
      &mdash;
    {% endif %}
  </dd>
  <dt>{{ _('Affiliation') }}</dt>
  <dd>
    {% if user.affiliation %}
      {{ user.affiliation }}
    {% else %}
      &mdash;
    {% endif %}
  </dd>
  <dt>{{ _('Role') }}</dt>
  <dd>
    {% if user.role %}
      {{ user.role }}
    {% else %}
      &mdash;
    {% endif %}
  </dd>
  {% for extra_field_id, extra_field in EXTRA_USER_FIELDS.items() %}
  <dt>{{ (extra_field.name | get_translated_text) or extra_field_id }}</dt>
  <dd>
    {{ (user.extra_fields or {}).get(extra_field_id, '&mdash;') | safe }}
  </dd>
  {% endfor %}
  <dt>{{ _('Basic Groups') }}</dt>
  <dd>
    {% if basic_groups %}
    <ul style="margin-bottom: 0; padding-left: 0">
    {% for group in basic_groups %}
      <li><a href="{{ url_for('.group', group_id=group.id) }}">{{ group.name | get_translated_text }}</a></li>
    {% endfor %}
    </ul>
    {% else %}
      &mdash;
    {% endif %}
  </dd>
  <dt>{{ _('Project Groups') }}</dt>
  <dd>
    {% if project_groups %}
    <ul style="margin-bottom: 0; padding-left: 0">
    {% for group in project_groups %}
      <li><a href="{{ url_for('.project', project_id=group.id) }}">{{ group.name | get_translated_text }}</a></li>
    {% endfor %}
    </ul>
    {% else %}
      &mdash;
    {% endif %}
  </dd>
  {% if instruments and not config['DISABLE_INSTRUMENTS'] %}
    <dt>{{ _('Instruments') }}</dt>
    <dd>
     <ul style="margin-bottom: 0; padding-left: 0">
      {% for instrument in instruments %}
        <li><a href="{{ url_for('.instrument', instrument_id=instrument.id) }}">{{ instrument.name | get_translated_text }}</a></li>
      {% endfor %}
      </ul>
    </dd>
  {% endif %}
  {% if config['SHOW_LAST_PROFILE_UPDATE'] or last_modifying_user %}
  <dt>
    {{ _('Last Update') }}
  </dt>
  <dd>
  {% if user.last_modified and user.last_modified_by_id %}
    {{ user.last_modified | babel_format_datetime }}
  {% elif not last_modifying_user %}
    &mdash;
  {% endif %}
  {% if last_modifying_user %}
    {{ _('by <a href="%(user_url)s">%(user_name)s</a>', user_url=url_for('.user_profile', user_id=last_modifying_user.id), user_name=last_modifying_user.get_name()) }}
  {% endif %}
  </dd>
  {% endif %}
    {% if show_federated_identities %}
    <dt>{{ _('Federated Identities') }}</dt>
    <dd>
      {% if fed_identity_descriptions_sampledb %}
      <ul style="margin: 0; padding-left: 0;">
        {% for component_uuid, identity_description in fed_identity_descriptions_sampledb.items() %}
          <li><a href="{{ identity_description.component_url }}">{{ identity_description.component_name }}</a>:
            {% for user_link in identity_description.user_links %}
              <a href="{{ user_link.user_url }}">{{ _('User') }} #{{ user_link.fed_id }}</a>{% if not loop.last %}, {% endif %}
            {% endfor %}
          </li>
        {% endfor %}
      </ul>
      {% endif %}
      {% if fed_identity_descriptions_eln %}
      <ul style="margin: 0; padding-left: 0;">
        {% for identity_description in fed_identity_descriptions_eln %}
          <li><a href="{{ identity_description.eln_import_url }}">{{ _('ELN Import') }} #{{ identity_description.eln_import_id }}</a>: <a href="{{ url_for('.user_profile', user_id=identity_description.user_id) }}">{% if identity_description.eln_object_id %} {{ identity_description.eln_object_id }} {% else %} {{ _('User') }} #{{ identity_description.user_id }}{% endif %}</a>
        {% endfor %}
      </ul>
      {% endif %}
      {% if not fed_identity_descriptions_sampledb and not fed_identity_descriptions_eln %}
        &mdash;
      {% endif %}
    </dd>
    {% endif %}
    {% if show_local_federated_identity %}
    <dt>{{ _('Federated Identity with') }}
    <dd>
      {% if local_federated_identity_user %}
        <a href="{{ url_for('.user_profile', user_id=local_federated_identity_user.id) }}">{{ local_federated_identity_user.name }} #{{ local_federated_identity_user.id }}</a>
      {% else %}
        &mdash;
      {% endif %}
    </dd>
    {% endif %}
</dl>
  <div class="btn-group">
    <a href="{{ url_for('.objects', user=user.id) }}" class="btn btn-default">{{ _('View Objects') }}</a>
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      <span class="caret"></span>
      <span class="sr-only">{{ _('Toggle Dropdown') }}</span>
    </button>
    <ul class="dropdown-menu">
      <li><a href="{{ url_for('.objects', related_user=user.id) }}">{{ _('… with activity by this user') }}</a></li>
      <li role="separator" class="divider"></li>
      <li><a href="{{ url_for('.objects', user=user.id, user_permissions='READ') }}">{{ _('… with <b>READ</b> permissions') }}</a></li>
      <li><a href="{{ url_for('.objects', user=user.id, user_permissions='WRITE') }}">{{ _('… with <b>WRITE</b> permissions') }}</a></li>
      <li><a href="{{ url_for('.objects', user=user.id, user_permissions='GRANT') }}">{{ _('… with <b>GRANT</b> permissions') }}</a></li>
    </ul>
  </div>
  {% if user_read_only_form %}
  <form method="post" action="{{ url_for('.user_profile', user_id=user.id) }}" style="display: inline">
    {{ user_read_only_form.hidden_tag() }}
    <input type="hidden" value="toggle_read_only" name="{{ user_read_only_form.action.name }}" />
    <input type="checkbox" {% if user_read_only_form.should_be_read_only.default %}checked="checked"{% endif %} name="{{ user_read_only_form.should_be_read_only.name }}" style="display: none"/>
    <button type="submit" class="btn btn-default" style="width: 12em; margin-bottom: 1px">
      {% if user_read_only_form.should_be_read_only.default %}{{ _('Mark as read only')}}{% else %}{{ _('Unmark as read only')}}{% endif %}
    </button>
  </form>
  {% endif %}
  {% if user_hidden_form %}
  <form method="post" action="{{ url_for('.user_profile', user_id=user.id) }}" style="display: inline">
    {{ user_hidden_form.hidden_tag() }}
    <input type="hidden" value="toggle_hidden" name="{{ user_hidden_form.action.name }}" />
    <input type="checkbox" {% if user_hidden_form.should_be_hidden.default %}checked="checked"{% endif %} name="{{ user_hidden_form.should_be_hidden.name }}" style="display: none"/>
    <button type="submit" class="btn btn-default" style="width: 12em; margin-bottom: 1px">
      {% if user_hidden_form.should_be_hidden.default %}{{ _('Mark as hidden')}}{% else %}{{ _('Unmark as hidden')}}{% endif %}
    </button>
  </form>
  {% endif %}
  {% if user_active_form %}
  <form method="post" action="{{ url_for('.user_profile', user_id=user.id) }}" style="display: inline">
    {{ user_hidden_form.hidden_tag() }}
    <input type="hidden" value="toggle_active" name="{{ user_active_form.action.name }}" />
    <input type="checkbox" {% if user_active_form.should_be_active.default %}checked="checked"{% endif %} name="{{ user_active_form.should_be_active.name }}" style="display: none"/>
    <button type="submit" class="btn btn-default" style="width: 12em; margin-bottom: 1px">
      {% if user_active_form.should_be_active.default %}{{ _('Activate') }}{% else %}{{ _('Deactivate') }}{% endif %}
    </button>
  </form>
  {% endif %}
  {% if user_profile_form and user.id != current_user.id %}
    <button type="button" class="btn btn-default" data-toggle="modal" data-target="#editProfileModal"  style="width: 12em; margin-bottom: 1px">
      {{ _('Edit') }}
    </button>

    <div class="modal fade" id="editProfileModal" tabindex="-1" role="dialog" aria-labelledby="editProfileModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <form method="post" action="{{ url_for('.user_profile', user_id=user.id) }}">
            {{ user_profile_form.hidden_tag() }}
            <input type="hidden" value="edit_profile" name="{{ user_profile_form.action.name }}" />
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="editProfileModalLabel">{{ _('Edit Profile Information') }}</h4>
            </div>
            <div class="modal-body">
              <div class="form-group {% if user_profile_form.orcid.errors %} has-error{% endif %}">
                <label for="input-orcid" class="control-label">ORCID iD</label>
                <div class="input-group">
                  <span class="input-group-addon">https://orcid.org/</span>
                  <input class="form-control" type="text" id="input-orcid" name="{{user_profile_form.orcid.name}}" value="{{ user_profile_form.orcid.data or '' }}" placeholder="xxxx-xxxx-xxxx-xxxx">
                </div>
                {% if user_profile_form.orcid.errors %}
                  <span class="help-block">{{ _('Please enter an ORCID iD or leave this field blank.') }}</span>
                {% endif %}
              </div>
              <div class="form-group {% if user_profile_form.affiliation.errors %} has-error{% endif %}">
                <label for="input-affiliation" class="control-label">{{ _('Affiliation') }}</label>
                <input class="form-control" type="text" id="input-affiliation" name="{{user_profile_form.affiliation.name}}" value="{{ user_profile_form.affiliation.data or ""}}" placeholder="{{ _('Affiliation, e.g. an institute, company or department') }}">
              </div>
              <div class="form-group {% if user_profile_form.role.errors %} has-error{% endif %}">
                <label for="input-role" class="control-label">{{ _('Role') }}</label>
                <input class="form-control" type="text" id="input-role" name="{{user_profile_form.role.name}}" value="{{ user_profile_form.role.data or ""}}" placeholder="{{ _('Role, e.g. PhD student, principal investigator or technician') }}">
              </div>
              {% for extra_field_id, extra_field in EXTRA_USER_FIELDS.items() %}
              <div class="form-group">
                <label for="extra_field_{{ extra_field_id }}" class="control-label">{{ (extra_field.name | get_translated_text) or extra_field_id }}</label>
                <input class="form-control" type="text" id="extra_field_{{ extra_field_id }}" name="extra_field_{{ extra_field_id }}" value="{{ (user.extra_fields or {}).get(extra_field_id, request.form.get('extra_field_' + extra_field_id, '')) }}" placeholder="{{ (extra_field.placeholder | get_translated_text) or (extra_field.name | get_translated_text) or extra_field_id }}">
              </div>
              {% endfor %}
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">{{ _('Cancel') }}</button>
              <button type="submit" class="btn btn-primary">{{ _('Save') }}</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  {% elif user.id == current_user.id %}
    <a href="{{ url_for('.user_preferences', user_id=user.id) }}" class="btn btn-default" style="width: 12em; margin-bottom: 1px">
      {{ _('Edit') }}
    </a>
  {% endif %}
{% endblock %}

{% block template_values %}
  {% do set_template_value("show_edit_form", user_profile_form and request.form.get(user_profile_form.action.name) == 'edit_profile') %}

  {{ super() }}
{% endblock %}

{% block scripts %}
  {{ super() }}
  <script src="{{ fingerprinted_static('sampledb/js/page/profile.js') }}" type="module"></script>
{% endblock %}