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

<head>
   <meta charset="utf-8">
   <title>e-commerce</title>
   <link rel="stylesheet" th:href="@{/css/ecom.css}" />
   <link rel="stylesheet" th:href="@{/css/listedArticles.css}" />
   <script th:src="@{/js/filterTable.js}"></script>

</head>

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

         <h2> Manuelle Buchung </h2>
         <p>
            Buchungen können manuell getätigt werden.
            <a class="button smaller" th:href="@{/intern/accountingmanual}"> Jetzt Buchen </a>
         </p>

         <h2> Kontostand </h2>
         <h3> 1510.95 EUR </h3>

         <p>
            <table id="main-table">
               <tr>
                  <th colspan="8">
                     <input type="text" placeholder="Filtern" class="smaller jsFilterTable full-width" data-target-id="main-table">
                  </th>
               </tr>
               <tr>
                  <th>Zeitpunkt</th>
                  <th>Betrag</th>
                  <th>Von</th>
                  <th>Kontostand</th>
                  <th>Nach</th>
                  <th>Kontostand</th>
                  <th>Grund</th>
                  <th>Referenz</th>
               </tr>

               <tr>
                  <td>10.09.2019 13:45</td>
                  <td>19,00 EUR</td>
                  <td><a href="/intern/accountingmain">Hauptkonto</a></td>
                  <td>331,00 EUR</td>
                  <td><a href="/intern/accountingvat">Mehrwertsteuer</a></td>
                  <td>1510,95 EUR</td>
                  <td>Kunden-Bestellung</td>
                  <td><a href="/intern/customerorders">2504</a></td>
               </tr>

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

</html>
