{% extends 'admin/layout.html.twig' %}

{% block title %}Einstellungen - Besetzungsmatrix - Vorschau{% endblock %}

{% block content %}
    <div class="flex items-center justify-between pb-8">
        <h1 class="text-2xl font-bold">
            Besetzungsmatrix – Vorschau
        </h1>
        <div class="flex items-center space-x-2">
            <a href="{{ path('app_admin_system_staffing_rule_index') }}" class="btn">
                Zurück zur Matrix
            </a>
            <a href="{{ path('app_admin_system_staffing_rule_export') }}" class="btn">
                Excel-Export
            </a>
        </div>
    </div>
    <p class="pb-4">
        Alle künftigen Termine der Produkte in der Matrix, auch inaktive Zeilen. Angelegt wird nur,
        was hier als „wird angelegt" steht.
    </p>
    <div class="data-table-wrapper">
        <div class="data-table-wrapper__inner">
            <table class="data-table">
                <thead>
                <tr>
                    <th>Produkt</th>
                    <th>Termin</th>
                    <th>Reisedatum</th>
                    <th>Status</th>
                    <th>Einsätze</th>
                </tr>
                </thead>
                <tbody>
                {% for row in pagination %}
                    <tr>
                        <td>{{ row.productCode }}</td>
                        <td>
                            {{ row.code }}
                            <br>
                            <span class="text-sm text-gray-500">{{ row.product }}</span>
                        </td>
                        <td class="whitespace-nowrap">
                            {{ row.dateFrom|date('d.m.Y') }} – {{ row.dateTo|date('d.m.Y') }}
                        </td>
                        <td class="whitespace-nowrap">{{ row.status }}</td>
                        <td>
                            <ul>
                                {% for assignment in row.assignments %}
                                    <li>
                                        {{ assignment.places }}× {{ assignment.jobProfile }}
                                        {% if assignment.pickup %}
                                            <span class="text-sm text-gray-500">– Busbegleitung ab {{ assignment.pickup }}</span>
                                        {% endif %}
                                        {% if assignment.fees %}
                                            <span class="text-sm text-gray-500">– {{ assignment.fees }}</span>
                                        {% endif %}
                                    </li>
                                {% else %}
                                    <li>-</li>
                                {% endfor %}
                            </ul>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="5">
                            Keine Termine – die Matrix ist leer, oder keiner ihrer Produktcodes hat künftige Termine.
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            {{ knp_pagination_render(pagination) }}
        </div>
    </div>
{% endblock %}