<!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>Lager</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>Lagerbuchungen</h1>

        <script th:src="@{/js/back.js}"></script>
        <div class="back" data-group="intern" data-name="Zurück zu den Lagerbuchungen." data-insert="false"></div>
    </div>
</div>
<main class="sidebar-layout content-width">
    <nav th:replace="fragments/intern :: sidebar"></nav>
    <div class="content-width">
        <p>
            Die Lagerbestände nach Artikel können Sie unter den <a th:href="@{/intern/listedArticles/}">gelisteten
            Artikeln</a> einsehen.
        </p>
        <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>
                </td>
                <td>Auf Warteliste <br/>
                </td>
            </tr>
            <tr data-group="3">
                <td></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></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>In Arbeit <br/>
                </td>
            </tr>
            <tr data-group="2">
                <td></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="1">
                <td>2020-01-12 12:11</td>
                <td colspan="4" class="l">
                    <a th:href="@{/intern/supplierOrders/#q=4545}">Lieferung 4545</a>
                </td>
                <td>Fertig <br/></td>
            </tr>
            <tr data-group="1">
                <td></td>
                <td><a th:href="@{/intern/listedArticles/45015}">Kamera</a></td>
                <td>10</td>
                <td> -</td>
                <td><a th:href="@{/intern/warehouse/slots/#q=%231}">Lagerplatz 01</a>
                </th>
                <td></td>
            </tr>
            <tr data-group="1">
                <td></td>
                <td><a th:href="@{/intern/listedArticles/45015}">Kamera</a></td>
                <td>1</td>
                <td> -</td>
                <td><a th:href="@{/intern/warehouse/slots/#q=%234}">Lagerplatz 04</a></td>
                <td></td>
            </tr>

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

</html>
