{# account/index.html — the signed-in user's own account (milestone 490): who
   they are, the time zone every page writes its times in, and their email
   (milestone 495). One form, one Save. #}
{% extends "base.html" %}
{% from "_macros.html" import page_header, zone_select %}
{% from "account/_email_choices.html" import email_section with context %}
{% block title %}Your account — Steward{% endblock %}
{% block content %}
{{ page_header("Your account") }}

<p class="page-verdict">
  Signed in as <strong>{{ user.username }}</strong> ({{ user.role.value }}) with {{ source }}
  · times show in <strong>{{ zone_title }}</strong> ({{ zone_label }})
</p>

{% if error %}<div class="alert alert-error" role="alert">{{ error }}</div>{% endif %}

<form method="post" action="/account/" class="form-page">{{ csrf_field() }}
  <section class="card form-section" aria-labelledby="acct-time">
    <h2 id="acct-time" class="section-title">Time zone</h2>
    <div class="field">
      <label class="field-label" for="acct-tz">Show times in</label>
      {{ zone_select("time_zone", "acct-tz", zone_name, zones) }}
      <span class="field-hint">Every page writes its times in this zone, on a 24-hour clock.</span>
    </div>
  </section>

  {{ email_section(user, defaults, "your time zone") }}

  <div class="form-actions"><button type="submit" class="btn">Save</button></div>
</form>
{% endblock %}