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

{% block content %}
    <div class="overflow-auto">
        <table>
            <thead>
            <tr>
                <th scope="col">
                    Buchungsdatum/<br>Reisedatum
                </th>
                <th scope="col">
                    Reise
                </th>
                <th scope="col">
                    Vorgangsnr.
                </th>
                <th scope="col">
                    Preis/<br>offen
                </th>
                <th scope="col">
                    Status
                </th>
                <th scope="col"></th>
            </tr>
            </thead>
            <tbody>
            {% for booking in bookings %}
                <tr>
                    <td>
                        {{ booking.bookingDate | date('d.m.Y') }}/<br>{{ booking.travelDate | date('d.m.Y') }}
                    </td>
                    <td>
                        {{ booking.travel }}
                    </td>
                    <td>
                        {{ booking.bookingNumber }}
                    </td>
                    <td>
                        {{ booking.price|format_currency('EUR') }}/<br>{{ booking.balance ? booking.balance|format_currency('EUR') : '-' }}
                    </td>
                    <td>
                        {{ booking.status }}
                    </td>
                    <td>
                        {% if booking.editable %}
                            <button type="button"
                                    hx-get="{{ path('app_booking_edit', { 'id': booking.id }) }}"
                                    hx-target="#app"
                                    hx-indicator="#loading-indicator">
                                bearbeiten
                            </button>
                        {% endif %}
                        <a href="{{ path('app_booking_confirmation', { 'id': booking.id }) }}" target="_blank">
                            Bestätigung
                        </a>
                        <a href="{{ path('app_booking_documents', { 'id': booking.id }) }}" target="_blank">
                            Reisedokumente
                        </a>
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td>
                        Keine Daten
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}