{% extends "base.html" %}

{% block title %}{% if user %}Edit {{ user.name }}{% else %}New User{% endif %} - MyWhoosh Garmin Sync{% endblock %}

{% block content %}
<h1>{% if user %}Edit User{% else %}New User{% endif %}</h1>
<div class="card">
    <form method="post" action="{{ form_action }}" class="stacked-form">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">

        <label for="name">Name</label>
        <input type="text" id="name" name="name" value="{{ user.name if user else '' }}" required>

        <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"
               {% if not user %}required{% endif %}>
        {% if user %}
        <p class="hint">Leave blank to keep the existing password.</p>
        {% endif %}

        <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"
               {% if not user %}required{% endif %}>
        {% if user %}
        <p class="hint">Leave blank to keep the existing password.</p>
        {% endif %}

        <label for="enabled">
            <input type="checkbox" id="enabled" name="enabled" {% if not user or user.enabled %}checked{% endif %}>
            Enabled
        </label>

        <label for="notify_email_enabled">
            <input type="checkbox" id="notify_email_enabled" name="notify_email_enabled"
                   {% if user and 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 if user and user.notification_email else '' }}">

        <button type="submit">{% if user %}Save{% else %}Create{% endif %}</button>
    </form>
</div>
{% endblock %}