<!DOCTYPE html>
<html lang="de" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Flexinale - Kino Details</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="container" th:if="${kino != null}">
    <h1>
        <th:block th:text="${kino.name.raw()}"/>
    </h1>
    <table class="FLEXdetails">
        <tr>
            <th class="FLEXid">ID</th>
            <th class="FLEXstring">Name</th>
            <th class="FLEXstring">Adresse</th>
            <th class="FLEXlink">Kontakt</th>
        </tr>
        <tr>
            <td th:text="${kino.id.id()}"></td>
            <td th:text="${kino.name.raw()}"></td>
            <td th:text="${kino.adresse.raw()}"></td>
            <td th:text="${kino.emailAdresse.raw()}"></td>
        </tr>
    </table>

    <div class="container" th:if="${kino.kinoSaele.size() != 0}">
        <h1>
            <th:block th:text="${kino.name.raw()}"/>
            Kinosäle
        </h1>
        <table class="FLEXlist">
            <tr>
                <th class="FLEXid">ID</th>
                <th class="FLEXstring">Name</th>
                <th class="FLEXstring">Anzahl Pl&auml;tze</th>
            </tr>
            <tr th:each="kinoSaal : ${kino.kinoSaele}">
                <td>
                    <th:block th:text="${kinoSaal.id.id()}"/>
                </td>
                <td>
                    <th:block th:text="${kinoSaal.name.raw()}"/>
                </td>
                <td>
                    <th:block th:text="${kinoSaal.anzahlPlaetze.raw()}"/>
                </td>
            </tr>
        </table>
    </div>

</div>
</body>
</html>
