{% extends "base.html" %}
{% block content %}
<h1>{{ "Edit Show" if show else "New Show" }}</h1>

<form method="post" action="{{ root_path ~ ('/shows/' ~ show.id ~ '/update' if show else '/shows/create') }}">
    <div class="form-group">
        <label for="name">Name</label>
        <input type="text" id="name" name="name" value="{{ show.name if show else '' }}" required>
    </div>

    <div class="form-group">
        <label for="start_time">Start Time</label>
        <input type="time" id="start_time" name="start_time" value="{{ show.start_time if show else '07:30' }}" required>
    </div>

    <div class="form-group">
        <label>Days</label>
        <div class="day-toggles">
            {% for day in day_names %}
            <span class="day-toggle">
                <input type="checkbox" id="day_{{ day }}" name="day_{{ day }}"
                       {{ "checked" if day in checked_days else "" }}>
                <label for="day_{{ day }}">{{ day | capitalize }}</label>
            </span>
            {% endfor %}
        </div>
    </div>

    <div class="form-group">
        <label for="duration">Duration (minutes)</label>
        <input type="number" id="duration" name="duration" value="{{ show.duration if show else 60 }}" min="5" max="180">
    </div>

    <div class="form-group">
        <label for="device">Cast Device</label>
        <select id="device" name="device">
            <option value="">-- Default --</option>
            <option value="__all__" {{ "selected" if show and show.device == "__all__" else "" }}>All available devices</option>
            {% for d in paired_devices %}
            <option value="{{ d.name }}" {{ "selected" if show and show.device == d.name else "" }}>
                {{ d.name }} ({{ d.type }})
            </option>
            {% endfor %}
        </select>
    </div>

    <div class="form-group">
        <label for="voice">Voice</label>
        <select id="voice" name="voice">
            <option value="">Default (from settings)</option>
            {% for v in voices %}
            <option value="{{ v.id if v.id is defined else v }}"
                    {{ "selected" if show and show.voice == (v.id if v.id is defined else v) else "" }}>
                {{ v.label if v.label is defined else v }}
            </option>
            {% endfor %}
        </select>
    </div>

    <div class="form-group">
        <label for="image_interval">Image Interval (seconds)</label>
        <input type="number" id="image_interval" name="image_interval"
               value="{{ show.image_interval if show else 20 }}" min="5" max="120">
    </div>

    <div class="form-group">
        <label for="render_minutes_before">Render Lead Time (minutes)</label>
        <input type="number" id="render_minutes_before" name="render_minutes_before"
               value="{{ show.render_minutes_before if show else 10 }}" min="1" max="60">
    </div>

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