<!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>Artikelübersicht</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>Bestellung 1010</h1>

        <script th:src="@{/js/back.js}"></script>
        <div class="back" data-group="intern" data-insert="true"></div>
    </div>
</div>
<main class="sidebar-layout content-width">
    <nav th:replace="fragments/intern :: sidebar"></nav>
    <div class="content-width">
        <div>
            <h2 id="20202701"> Bestellung vom 27.01.2020 </h2>
            <div>
                <table class="key-value">
                    <tr>
                        <th>Nutzer</th>
                        <td><a th:href="@{/intern/customers/498}">K-4850</a></td>
                    </tr>
                    <tr>
                        <th>Lieferstatus</th>
                        <td><b>Unterwegs</b> <br/> Vorraussichtliche Ankunft: 29.01.2020</td>
                    </tr>
                    <tr>
                        <th>Sendeverfolgungsnummer</th>
                        <td>XE51451436DE</td>
                    </tr>
                    <tr>
                        <th></th>
                        <td>
                            Hans Maier <br/>
                            Hauptstraße 12<br/>
                            74880 Musterstadt<br/>
                            Deutschland <br/>
                        </td>
                    </tr>
                    <tr>
                        <th>Eingelösste Bonuspunkte</th>
                        <td>10</td>
                    </tr>
                </table>
            </div>
            <table>
                <tr>
                    <th>Bild</th>
                    <th>Name</th>
                    <th>Menge</th>
                    <th>Preis (Brutto)</th>
                </tr>
                <tr>
                    <td><a th:href="@{/shop/articles/4151}"><img th:src="@{/img/product-1.jpg}" class="s"/><a></td>
                    <td><a th:href="@{/shop/articles/4151}">Kamera<a/></td>
                    <td> 1</td>
                    <td>100,50&nbsp;EUR</td>
                </tr>
                <tr>
                    <td><a th:href="@{/shop/articles/4151}"><img th:src="@{/img/product-2.jpg}" class="s"/><a/></td>
                    <td><a th:href="@{/shop/articles/4151}">Earbuds<a/></td>
                    <td> 3</td>
                    <td>63,95&nbsp;EUR</td>
                </tr>
                <tr>
                    <th></th>
                    <th></th>
                    <th>Position</th>
                    <th>Preis</th>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td>Artikel (Netto)</td>
                    <td> 120,00&nbsp;EUR</td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td>Bonuspunkte</td>
                    <td> 5,00&nbsp;EUR</td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td>Umsatzsteuer (19%)</td>
                    <td> 42,00&nbsp;EUR</td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td>
                        <h3>Gesammtpreis</h3>
                    </td>
                    <td>
                        <h3>240,79&nbsp;EUR</h3>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</main>
<footer th:replace="fragments/footer :: footer"></footer>
</body>

</html>
