{% extends "base.html" %}
{% block title %}Weekly Reminder - {{ config.APP_NAME }}{% endblock %}
{% block content %}
<h1>🔔 Weekly Deadline Reminder</h1>
<p style="font-size:0.9rem; color:var(--text-muted);">
    If set, a pop-up will show your deadlines for the coming Saturday-to-Thursday week, the next time you
    open the app on or after your chosen day and time. If nothing is set here, no pop-up ever appears.
</p>

<div class="auth-card" style="max-width:420px;">
    <form method="POST">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div class="field">
            <label>Remind me on</label>
            <select name="reminder_day">
                <option value="saturday" {% if settings and settings.reminder_day == 'saturday' %}selected{% endif %}>Saturday</option>
                <option value="thursday" {% if settings and settings.reminder_day == 'thursday' %}selected{% endif %}>Thursday</option>
            </select>
        </div>
        <div class="field">
            <label>At (any time you like)</label>
            <input type="time" name="reminder_time" value="{{ settings.reminder_time if settings else '09:00' }}" required>
        </div>
        <div class="field">
            <label><input type="checkbox" name="ring_alarm" {% if settings and settings.ring_alarm %}checked{% endif %}> Ring Alarm (plays a sound when the pop-up appears)</label>
        </div>
        <button type="submit" class="btn-primary">Save</button>
    </form>

    {% if settings %}
    <form method="POST" action="{{ url_for('reminders.disable_weekly') }}" style="margin-top:16px;"
          onsubmit="return confirm('Turn off the weekly reminder? No pop-up will show until you set it again.');">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button type="submit" class="btn-danger-link">Turn Off Weekly Reminder</button>
    </form>
    {% endif %}
</div>

<p style="margin-top:20px; font-size:0.85rem; color:var(--text-muted); max-width:500px;">
    Worth knowing: this is a website, not a phone app, so the pop-up can only appear while you actually have
    the app open. It shows the next time you load any page on or after your chosen day/time - if you don't
    happen to open the app that day, you'll simply see it the next time you do, rather than missing it.
</p>
{% endblock %}