{% extends 'base.html.twig' %}

{% block content %}
    <h1>Announcements</h1>

    <a href="{{ path('announcements_create') }}" class="btn btn-primary">Neues Announcement</a>

    <table class="table mt-4">
        <thead>
        <tr>
            <th>Message</th>
            <th>Geplant für</th>
            <th>Feste Zeiten</th>
            <th>Bestätigt</th>
            <th>Aktionen</th>
        </tr>
        </thead>
        <tbody>
        {% for announcement in announcements %}
            <tr>
                <td>{{ announcement.message }}</td>
                <td>{{ announcement.scheduledAt|date('d.m.Y H:i') }}</td>
                <td>
                    {% if announcement.scheduledTimes is not empty %}
                        {{ announcement.scheduledTimes|join(', ') }}
                    {% else %}
                        Keine festen Zeiten
                    {% endif %}
                </td>
                <td>
                    {% if announcement.confirmed %}
                        ✅
                    {% else %}
                        ❌
                    {% endif %}
                </td>
                <td>
                    {% if not announcement.confirmed %}
                        <form action="{{ path('announcements_confirm', {id: announcement.id}) }}" method="POST" style="display:inline;">
                            <button class="btn btn-success">Bestätigen</button>
                        </form>
                    {% endif %}

                    <a href="{{ path('announcements_edit', {id: announcement.id}) }}" class="btn btn-warning btn-sm">Bearbeiten</a>

                    <form action="{{ path('announcements_delete', {id: announcement.id}) }}" method="POST" style="display:inline;">
                        <button type="submit" class="btn btn-danger btn-sm">Löschen</button>
                    </form>
                </td>
            </tr>
        {% else %}
            <tr><td colspan="5">Keine Announcements</td></tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}