{% extends "withnav_template.html" %}
{% from "components/table.html" import list_table, row, field %}
{% from "components/table.html" import mapping_table, row, text_field, optional_text_field, edit_field, field, boolean_field with context %}

{% block per_page_title %}
  User profile
{% endblock %}

{% block serviceNavigation %}{% endblock %}

{% block sideNavigation %}
  {% include "components/settings_nav.html" %}
{% endblock %}

{% block maincolumn_content %}

  <h1 class="font-body-2xl margin-bottom-3">User profile</h1>

  <div class="body-copy-table">
    {% call mapping_table(
      caption='User profile',
      field_headings_visible=False,
      caption_visible=False
    ) %}
      {% call row() %}
        {{ text_field('Name') }}
        {{ text_field(current_user.name) }}
        {{ edit_field(
            'Change',
            url_for('.user_profile_name'),
            suffix='name'
          )
        }}
      {% endcall %}

      {% call row() %}
        {{ text_field('Mobile number') }}
        {{ optional_text_field(current_user.mobile_number) }}
        {{ edit_field(
            'Change',
            url_for('.user_profile_mobile_number'),
            suffix='mobile number'
          )
        }}
      {% endcall %}

      {% call row() %}
        {{ text_field('Preferred timezone') }}
        {{ optional_text_field(current_user.preferred_timezone) }}
        {{ text_field('Set automatically') }}
      {% endcall %}

      {% if current_user.platform_admin or session.get('disable_platform_admin_view') %}
        {% call row(id='disable-platform-admin') %}
          {{ text_field('Use platform admin view') }}
          {{ text_field((not session.get('disable_platform_admin_view'))|format_yes_no) }}
          {{ edit_field(
              'Change',
              url_for('.user_profile_disable_platform_admin_view'),
              suffix='whether to use platform admin view'
            )
          }}
        {% endcall %}
      {% endif %}

    {% endcall %}
  </div>

  <h2>Sign-in method</h2>
  <p>Your username, password, and multi-factor authentication options are handled by Login.gov. </p>
  <p>To make changes, head to <a href="https://secure.login.gov/">Login.gov</a>
  and sign-in with your credentials.  Any changes made to your Login.gov account will automatically be synced with Notify.gov.</p>

{% endblock %}