{% extends "auth_base.html" %}
{% block title %}Notification Settings - The Weather Monitor{% endblock %}

{% block content %}
<section class="card">
  <h1>Notification Settings</h1>
  <div class="muted" style="margin-bottom:16px;">
    Review and update your notification delivery settings below.
  </div>

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

  {% if message %}
  <div class="muted" style="margin-bottom:16px;">{{ message }}</div>
  {% endif %}

  <table class="kv" style="margin-bottom:16px;">
    <tr><th>Name</th><td>{{ full_name or "" }}</td></tr>
    <tr><th>Home Site</th><td>{{ home_site or "" }}</td></tr>
    <tr><th>Email</th><td>{{ email or "" }}</td></tr>
    <tr><th>SMS</th><td>{{ sms or "" }}</td></tr>
  </table>

  {% if token_status == "ready" %}
  <form method="post" action="/save-notification-settings">
    <input type="hidden" name="token" value="{{ token }}">

    <label style="display:flex; align-items:center; gap:8px; margin:12px 0;">
      <input type="checkbox" name="email_enabled" value="1" {% if email_enabled %}checked{% endif %}>
      Enable Email Notifications
    </label>

    <label style="display:flex; align-items:center; gap:8px; margin:12px 0;">
      <input type="checkbox" name="sms_enabled" value="1" {% if sms_enabled %}checked{% endif %}>
      Enable SMS Notifications
    </label>

    <button type="submit">Save Notification Settings</button>
  </form>
  {% endif %}
</section>
{% endblock %}