{% import "includes/macros" as macros %}
{% import "includes/forms/boat" as boat %}
{% extends "base" %}
{% block content %}
    <div class="max-w-screen-lg w-full dark:text-white">
        <h1 class="h1">Nachricht senden</h1>
        <div class="grid ">
            <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
                 role="alert">
                <h2 class="h2">Gruppe</h2>
                <form action="/admin/notification/group"
                      method="post"
                      class="grid gap-3 p-3">
                    {{ macros::select(label="Gruppe", data=roles, name="role_id") }}
                    {{ macros::input(label="Überschrift", name="category", type="text", required=true) }}
                    {{ macros::input(label="Nachricht", name="message", type="text", required=true) }}
                    <input type="submit" class="btn btn-primary" value="Abschicken" />
                </form>
            </div>
            <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
                 role="alert">
                <h2 class="h2">Person</h2>
                <form action="/admin/notification/user"
                      method="post"
                      class="grid gap-3 p-3">
                    {{ macros::select(label="Person", data=users, name="user_id") }}
                    {{ macros::input(label="Überschrift", name="category", type="text", required=true) }}
                    {{ macros::input(label="Nachricht", name="message", type="text", required=true) }}
                    <input type="submit" class="btn btn-primary" value="Abschicken" />
                </form>
            </div>
        </div>
    </div>
{% endblock content %}