{% extends "base.html" %}

{% block title %}Edit My Account - MyWhoosh Garmin Sync{% endblock %}

{% block content %}
<h1>Edit My Account</h1>
<div class="card">
    <form method="post" action="/account/edit" class="stacked-form">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">

        <label for="mywhoosh_email">MyWhoosh Email</label>
        <input type="email" id="mywhoosh_email" name="mywhoosh_email" value="{{ mywhoosh_email }}" required>

        <label for="mywhoosh_password">MyWhoosh Password</label>
        <input type="password" id="mywhoosh_password" name="mywhoosh_password" autocomplete="new-password">
        <p class="hint">Leave blank to keep the existing password.</p>

        <label for="garmin_email">Garmin Email</label>
        <input type="email" id="garmin_email" name="garmin_email" value="{{ garmin_email }}" required>

        <label for="garmin_password">Garmin Password</label>
        <input type="password" id="garmin_password" name="garmin_password" autocomplete="new-password">
        <p class="hint">Leave blank to keep the existing password.</p>

        <label for="notify_email_enabled">
            <input type="checkbox" id="notify_email_enabled" name="notify_email_enabled"
                   {% if user.notify_email_enabled %}checked{% endif %}>
            Email me when this account needs attention
        </label>

        <label for="notification_email">Notification email</label>
        <input type="email" id="notification_email" name="notification_email"
               value="{{ user.notification_email or '' }}">

        <button type="submit">Save</button>
    </form>
</div>
<p><a href="/account">Back to my account</a></p>
{% endblock %}