{% import "includes/macros" as macros %}
{% extends "base" %}
{% block content %}
    <div class="max-w-screen-lg w-full">
        <h1 class="h1">Schnupper Verwaltung</h1>
        <div class="grid gap-3">
            <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
                 role="alert">
                <h2 class="h2">Angemeldete Personen: {{ schnupperanten | length }}</h2>
                <div class="text-sm p-3">
                    <ol class="ms-2" style="list-style: number;">
                        {% for user in schnupperanten %}
                            <li class="py-1"
                                {% if "paid" in user.roles %}style="background-color: green;"{% endif %}>
                                {{ user.name }} ({{ user.mail }}
                                {%- if user.notes %} | {{ user.notes }}
                                {% endif -%}
                                )
                                <a class="btn btn-primary"
                                   href="/admin/user/move/schnupperant/{{ user.id }}/to/scheckbuch"
                                   onclick="return confirm('Willst du wirklich ein Scheckbuch erstellen? Die Person erhält ein Mail mit allen Infos.')">Zu Scheckbuch umwandeln</a>
                            </li>
                        {% endfor %}
                    </ol>
                </div>
            </div>
        </div>
    </div>
{% endblock content %}