{% extends "base.html" %}
{% block title %}Timezone settings · NEXXVU{% endblock %}
{% block content %}
<div class="page-heading"><div><p class="eyebrow">Settings</p><h1>Timezone</h1><p class="muted">Choose how dates and times appear for your account.</p></div><a class="button button-secondary button-compact" href="/settings">All settings</a></div>
<div class="settings-workspace">
  {% include "_settings_navigation.html" %}
  <section class="settings-main" aria-labelledby="timezone-settings-title">
    <h2 id="timezone-settings-title">Display timezone</h2>
    <p class="field-help">NEXXVU stores monitoring and event timestamps in UTC. This preference changes presentation only and follows daylight-saving rules automatically.</p>
    {% if saved %}<div class="alert alert-success" role="status">Timezone preference saved.</div>{% endif %}
    {% if error %}<div class="alert alert-danger" role="alert">{{ error }}</div>{% endif %}
    <form class="panel settings-form" method="post" action="/settings/timezone">
      <input type="hidden" name="csrf_token" value="{{ session.csrf_token }}">
      <label for="timezone-name">Timezone</label>
      <select id="timezone-name" name="timezone_name" required>{% for timezone in timezones %}<option value="{{ timezone }}"{% if appearance.timezone_name == timezone %} selected{% endif %}>{{ timezone }}</option>{% endfor %}</select>
      <p class="field-help">Standard IANA timezone names are provided by the Portal runtime.</p>
      <div class="form-actions"><button class="button button-primary" type="submit">Save timezone</button><a class="button button-secondary" href="/settings">Cancel</a></div>
    </form>
  </section>
</div>
{% endblock %}