{% extends "_base.html" %}

{% block title %}Events{% endblock %}

{% block head %}
<style>
    body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .event {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 1em;
        max-width: 100%;
    }
</style>
{% endblock %}

{% block body %}
<ul class="breadcrumbs">
    <li><a href="/">Home</a></li>
    <li class="current"><a href="/events">Events</a></li>
</ul>

<div class="event">
    <strong>Stream status change</strong>
    <form action="/events" method="post">
        <input type="hidden" name="event" value="stream_status"/>
        <textarea name="script">
            {%- match events.stream_status -%}
                {%- when Some with (script) -%}
                    {{- script -}}
                {%- else -%}
            {%- endmatch -%}
        </textarea>
        <button type="submit">Edit</button>
    </form>
</div>
{% endblock %}