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

{% block content %}
<section class="card">
  <h1>Change Notification Settings</h1>
  <div class="muted" style="margin-bottom:16px;">
    Enter your email address and phone number to request a secure link to manage your notification settings.
  </div>

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

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

  <form method="post">
    <label for="email">Email Address</label>
    <input type="text" id="email" name="email" value="{{ email or '' }}" required>

    <label for="phone">Phone Number</label>
    <input type="text" id="phone" name="phone" value="{{ phone or '' }}" required>

    <button type="submit">Request Secure Link</button>
  </form>
</section>
{% endblock %}