<!DOCTYPE html>
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=0.75, user-scalable=no">

    <title>Packliste</title>
    <script th:src="@{/js/filterTable.js}"></script>
    <link rel="stylesheet" th:href="@{/css/ecom.css}"/>
</head>

<body>
<nav th:replace="fragments/header :: header">Header</nav>
<div class="sidebar-layout content-width">
    <nav></nav>
    <div>
        <h1>Packliste</h1>

        <script th:src="@{/js/back.js}"></script>
        <div class="back" data-group="intern" data-name="Zurück zur Packliste." data-insert="false"></div>
    </div>
</div>
<main class="sidebar-layout content-width">
    <nav th:replace="fragments/intern :: sidebar"></nav>
    <div class="content-width">
        <p>
        <table id="main-table">
            <tr>
                <th colspan="7">
                    <input type="text" placeholder="Filtern" class="smaller jsFilterTable full-width"
                           data-target-id="main-table"></input>
                </th>
            </tr>
            <tr>
                <th>Zeitpunkt</th>
                <th>Artikel</th>
                <th>Anzahl</th>
                <th>Von</th>
                <th>Nach</th>
                <th>Status</th>
            </tr>


            <!-------------------------------------------------------------->
            <tr data-group="3">
                <td>2020-01-12 12:18</td>
                <td colspan="4" class="l">
                    <a th:href="@{/intern/customerOrders/4808}">Bestellung 8408</a>
                    <div>
                        Hans Maier <br/>
                        Hauptstraße 12<br/>
                        74880 Musterstadt<br/>
                        Deutschland <br/>
                    </div>
                </td>
                <td>
                    <form th:action="@{/intern/warehouse/progress/5410}" method="post">
                        <button type="submit">Beginnen</button>
                    </form>
                </td>
            </tr>
            <tr data-group="3">
                <td><img th:src="@{/img/product-1.jpg}" class="s"/></td>
                <td><a th:href="@{/intern/listedArticles/45015}">Kamera</a></td>
                <td>1</td>
                <td><a th:href="@{/intern/warehouse/slots/#q=%231}">Lagerplatz 01</a></td>
                <td> -</td>
                <td></td>
            </tr>
            <tr data-group="3">
                <td><img th:src="@{/img/product-2.jpg}" class="s"/></td>
                <td><a th:href="@{/intern/listedArticles/4205}">Spielzeugauto</a></td>
                <td>2</td>
                <td><a th:href="@{/intern/warehouse/slots/#q=%232}">Lagerplatz 02</a></td>
                <td> -</td>
                <td></td>
            </tr>

            <!-------------------------------------------------------------->
            <tr data-group="2">
                <td>2020-01-12 12:15</td>
                <td colspan="4" class="l">
                    Manuell: Ware war defekt.
                </td>
                <td><a class="secondary button">Abschließen</a>
                </td>
            </tr>
            <tr data-group="2">
                <td><img th:src="@{/img/product-1.jpg}" class="s"/></td>
                <td><a th:href="@{/intern/listedArticles/45015}">Kamera</a></td>
                <td>1</td>
                <td><a th:href="@{/intern/warehouse/slots/#q=%231}">Lagerplatz 01</a></td>
                <td> -</td>
                <td></td>
            </tr>

        </table>
        </p>
    </div>
</main>
<footer th:replace="fragments/footer :: footer"></footer>
</body>

</html>
