{% extends "base.html" %}
{% block title %}{{ "Edit" if birthday else "Add" }} Occasion — Mornings{% endblock %}
{% block content %}
<a href="{{ root_path }}/birthdays" class="back-link">&larr; Back to Birthdays & Anniversaries</a>

<div class="page-header">
    <h2>{{ "Edit" if birthday else "Add" }} Occasion</h2>
</div>

<form method="post" action="{{ root_path ~ '/birthdays/' ~ birthday.id ~ '/update' if birthday else root_path ~ '/birthdays/create' }}" enctype="multipart/form-data" style="max-width: 640px;">
    <div class="form-group">
        <label for="type">Type</label>
        <select id="type" name="type">
            <option value="birthday" {{ "selected" if not birthday or birthday.type == "birthday" else "" }}>Birthday</option>
            <option value="anniversary" {{ "selected" if birthday and birthday.type == "anniversary" else "" }}>Anniversary</option>
        </select>
    </div>

    <div class="form-group">
        <label for="name">Name</label>
        <input type="text" id="name" name="name" value="{{ birthday.name if birthday else '' }}" required>
    </div>

    <div class="form-group">
        <label for="birth_date">Date</label>
        <input type="date" id="birth_date" name="birth_date"
               value="{{ birthday.birth_date if birthday else '' }}" required>
        <small class="form-hint">The year is used to calculate age (birthdays) or years (anniversaries) in announcements.</small>
    </div>

    <div class="form-group">
        <label for="reminder_time">Reminder Time</label>
        <input type="time" id="reminder_time" name="reminder_time"
               value="{{ birthday.reminder_time if birthday else '08:00' }}" required>
    </div>

    <div class="form-group">
        <label for="sound">Sound <small>(optional, plays on day-of only)</small></label>
        <select id="sound" name="sound">
            <option value="">— None —</option>
            {% for s in sounds %}
            <option value="{{ s.filename }}" {{ "selected" if birthday and birthday.sound == s.filename else "" }}>{{ s.name }}</option>
            {% endfor %}
        </select>
        <small class="form-hint"><a href="{{ root_path }}/sounds">Manage sounds</a></small>
    </div>

    <div class="form-group">
        <label for="image_file">Image <small>(optional, displayed on day-of only)</small></label>
        {% if birthday and birthday.image %}
        <p style="margin-bottom: 0.5rem;"><small>Current: {{ birthday.image }}</small></p>
        <input type="hidden" name="existing_image" value="{{ birthday.image }}">
        {% endif %}
        <input type="file" id="image_file" name="image_file" accept="image/*">
    </div>

    <div class="form-group">
        <label for="airplay_device">Cast Device <small>(optional)</small></label>
        <select id="airplay_device" name="airplay_device">
            <option value="">— Default —</option>
            <option value="__all__" {{ "selected" if birthday and birthday.airplay_device == "__all__" else "" }}>All available devices</option>
            {% for d in paired_devices %}
            <option value="{{ d.name }}" {{ "selected" if birthday and birthday.airplay_device == d.name else "" }}>{{ d.name }} ({{ d.type }})</option>
            {% endfor %}
            {% if birthday and birthday.airplay_device and birthday.airplay_device != "__all__" and birthday.airplay_device not in paired_devices | map(attribute='name') | list %}
            <option value="{{ birthday.airplay_device }}" selected>{{ birthday.airplay_device }}</option>
            {% endif %}
        </select>
    </div>

    <div class="form-actions">
        <button type="submit" class="btn btn-primary">{{ "Update" if birthday else "Add" }}</button>
        <a href="{{ root_path }}/birthdays" class="btn btn-ghost">Cancel</a>
    </div>
</form>
{% endblock %}