{#- Admin form to add or edit an event.

   typed holds what a refused save sent, when the view shows the form again
   with the reason flashed above it, so the fields keep what was typed
   instead of what is stored. Without it the fields show the stored event.

   Slot for features that build on events:
     events.admin.form.fields  called with hook(event), where event is None
                               on create; extra fields after Kind. On a
                               POST the form is a refused save shown again,
                               and a field reads what was sent from
                               request.form.
-#}
{% extends "base_template.html" %}

{%- set typed = typed if typed is defined else none %}
{%- macro shown(name, stored) -%}
{{ typed.get(name, '') if typed is not none else stored }}
{%- endmacro %}

{% block title %}{{ 'Edit event' if event else 'Add event' }}{% endblock %}

{% block content %}
<div class="d-flex flex-column align-items-start gap-2 mb-4">
    <h1 class="h3 mb-0">{{ 'Edit event' if event else 'Add event' }}</h1>
    <a href="{{ url_for('events.admin_index') }}" class="btn btn-outline-secondary">← Back to events</a>
</div>

{#- A save sent back to the form says why here, since the panel's layout
    draws no flashed message of its own. -#}
{% with messages = get_flashed_messages(with_categories=true) %}
    {% for category, message in messages %}
        <div class="alert alert-{{ 'danger' if category == 'danger' else 'success' }} py-2">{{ message }}</div>
    {% endfor %}
{% endwith %}

<form method="POST" class="card">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-8">
                <label class="form-label">Title *</label>
                <input name="title" class="form-control" required value="{{ shown('title', event.title if event else '') }}">
            </div>
            <div class="col-md-4">
                <label class="form-label">Kind</label>
                <input name="kind" class="form-control" list="known-groups" value="{{ shown('kind', event.kind if event else 'talk') }}" placeholder="Pick an existing kind or type a new one">
                <datalist id="known-groups">{% for g in known_groups %}<option value="{{ g }}">{% endfor %}</datalist>
                <div class="form-text">Type a new name to create a new kind.</div>
            </div>
            {% for hook in get_template_hooks("events.admin.form.fields") %}
            {{ (hook(event) or "") | safe }}
            {% endfor %}
            <div class="col-md-6">
                <label class="form-label">Speaker</label>
                <input name="speaker" class="form-control" value="{{ shown('speaker', event.speaker if event else '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Room</label>
                <input name="room" class="form-control" value="{{ shown('room', event.room if event else '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Starts at</label>
                <input name="starts_at" type="datetime-local" class="form-control" value="{{ shown('starts_at', event.starts_at.strftime('%Y-%m-%dT%H:%M') if event and event.starts_at else '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Ends at</label>
                <input name="ends_at" type="datetime-local" class="form-control" value="{{ shown('ends_at', event.ends_at.strftime('%Y-%m-%dT%H:%M') if event and event.ends_at else '') }}">
            </div>
            <div class="col-12">
                <label class="form-label">Summary</label>
                <textarea name="summary" class="form-control" rows="2">{{ shown('summary', event.summary if event else '') }}</textarea>
            </div>
            <div class="col-12">
                <label class="form-label">Description</label>
                <textarea name="description" class="form-control" rows="5">{{ shown('description', event.description if event else '') }}</textarea>
            </div>
            <div class="col-md-6">
                <label class="form-label">Image URL</label>
                <input name="image" class="form-control" value="{{ shown('image', event.image if event else '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Link URL</label>
                <input name="link" type="url" class="form-control" value="{{ shown('link', event.link if event else '') }}">
            </div>
            <div class="col-md-3">
                <label class="form-label">Order</label>
                <input name="order" type="number" class="form-control" value="{{ shown('order', event.order if event else 0) }}">
            </div>
            {%- set published = ('published' in typed) if typed is not none else (event.published if event else True) %}
            <div class="col-md-3 d-flex align-items-end">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="published" id="published" {{ 'checked' if published else '' }}>
                    <label class="form-check-label" for="published">Published</label>
                </div>
            </div>
        </div>
    </div>
    <div class="card-footer text-end">
        <a href="{{ url_for('events.admin_index') }}" class="btn btn-link text-muted">Cancel</a>
        <button class="btn btn-primary" type="submit">{{ 'Save changes' if event else 'Add event' }}</button>
    </div>
</form>
{% endblock %}