{% extends "views/platform-admin/_base_template.html" %}
{% from "components/page-footer.html" import page_footer %}

{% block per_page_title %}
  {{ user.name }}
{% endblock %}

{% block platform_admin_content %}
  <div class="grid-row bottom-gutter">
    <div class="grid-col-12">
      <h1 class="font-body-2xl margin-bottom-3">
        {{ user.name }}
      </h1>
      <p>{{ user.email_address }}</p>
      <p class="{{ '' if user.mobile_number else 'hint' }}">{{ user.mobile_number or 'No mobile number'}}</p>

      <h2 class="font-body-lg">Live services</h2>
      <nav class="browse-list">
        {% if user.live_services %}
          <ul>
          {% for service in user.live_services|sort %}
            <li class="browse-list-item">
              <a class="usa-link browse-list-hint" href={{url_for('.service_dashboard', service_id=service.id)}}>{{ service.name }}</a>
            </li>
          {% endfor %}
          </ul>
        {% else %}
          <p class="hint">
            No live services
          </p>
        {% endif %}
      </nav>
      <h2 class="font-body-lg">Trial mode services</h2>
      <nav class="browse-list">
        {% if user.trial_mode_services %}
          <ul>
          {% for service in user.trial_mode_services|sort %}
            <li class="browse-list-item">
              <a class="usa-link browse-list-hint" href={{url_for('.service_dashboard', service_id=service.id)}}>{{ service.name }}</a>
            </li>
          {% endfor %}
          </ul>
        {% else %}
          <p class="hint">
            No services in trial mode
          </p>
        {% endif %}
      </nav>

      <h2 class="font-body-lg">Authentication</h2>
      <p>{{ user.auth_type | format_auth_type }}</p>
      {% if user.auth_type != 'webauthn_auth' %}
        <a class="usa-link" href="{{ url_for('main.change_user_auth', user_id=user.id) }}">
          Change authentication for this user
        </a>
      {% endif %}

      <h2 class="font-body-lg">Last login</h2>
      {% if not user.logged_in_at %}
      <p class="hint">This person has never logged in</p>
      {% else %}
      <p>Last logged in
        <time datetime="{{ user.logged_in_at }}">
          {{ user.logged_in_at|format_delta }}
        </time>
      </p>
      {% endif %}
      {% if user.failed_login_count > 0 %}
      <p style="color:#b10e1e;">
        {{ user.failed_login_count }} failed login attempts
      </p>
      {% endif %}
      {% if user.state == 'active' %}
        <span class="page-footer-link page-footer-delete-link-without-button">
          <a class="usa-link usa-link--destructive" href="{{ url_for('main.archive_user', user_id=user.id) }}">
            Archive user
          </a>
        </span>
      {% endif %}
    </div>
  </div>
{% endblock %}