<!DOCTYPE html>
<html lang="de" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Flexinale - Tickets</title>
    <link href="icons/movies.png" rel="icon">
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
    <link href="../static/css/vendor/picnic.min.css"
          media="screen" rel="stylesheet" th:href="@{../css/vendor/picnic.min.css}"/>
    <link href="../static/css/app/main.css"
          media="screen" rel="stylesheet" th:href="@{../css/app/main.css}"/>
</head>

<body>

<div th:replace="~{header}"/>

<div class="FLEXmainSmall" role="alert" th:text="${success}" th:if="${success}"></div>

<div class="container" th:if="${#lists.isEmpty(ticketsByDay)}">
    <h1>Keine Tickets vorhanden!</h1>
</div>

<div class="container" th:if="${not #lists.isEmpty(ticketsByDay)}">
    <h1>Du hast
        <th:block th:text="${totalNumberOfTickets}"/>
        Tickets
    </h1>

    <th:block th:each="ticketListOneDay : ${ticketsByDay}">
        <th:block th:if="${not #lists.isEmpty(ticketListOneDay)}">

            <h3>
                <th:block th:text="${ticketListOneDay.size()}"/>
                Vorführung(en)
                am
                <th:block th:text="${#temporals.format(ticketListOneDay.get(0).zeit().raw(), 'dd.MM.yyyy')}">
                </th:block>
            </h3>
            <table class="FLEXlist">
                <tr>
                    <th class="FLEXstring">Film</th>
                    <th class="FLEXstring">Vorführung</th>
                    <th class="FLEXstring">Kino</th>
                    <th class="FLEXstring">Saal</th>
                    <th class="FLEXstring">Anzahl Tickets</th>
                </tr>
                <tr th:each="vorfuehrungMitAnzahlTickets : ${ticketListOneDay}">
                    <td>
                        <a th:href="@{film/{id}(id=${vorfuehrungMitAnzahlTickets.film().id.id()})}">
                            <th:block th:text="${vorfuehrungMitAnzahlTickets.film().titel.raw()}"/>
                        </a>
                    </td>
                    <td th:text="${T(de.accso.flexinale.common.shared_kernel.TimeFormatter).calculateString(vorfuehrungMitAnzahlTickets.zeit().raw(), vorfuehrungMitAnzahlTickets.film().dauerInMinuten.raw())}"></td>
                    <td>
                        <a target="_blank" th:href="@{kino/{id}(id=${vorfuehrungMitAnzahlTickets.kinoSaal().kino.id.id()})}">
                            <th:block th:text="${vorfuehrungMitAnzahlTickets.kinoSaal().kino.name.raw()} "/>
                        </a>
                    </td>
                    <td>
                        <th:block th:text="${vorfuehrungMitAnzahlTickets.kinoSaal().name.raw()}"/>
                    </td>
                    <td>
                        <th:block th:text="${vorfuehrungMitAnzahlTickets.anzahlTickets().raw()}"/>
                    </td>
                </tr>
            </table>
            &nbsp;
            &nbsp;
            &nbsp;
        </th:block>
    </th:block>

</div>

</body>