<!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> Manuelle Buchung </h1>

         <form class="detailgrid">
            <div class="s">
               <label for="amount">Betrag</label>
               <input class="linestyle" type="number" step="0.01" name="amount" value="0.00" /> EUR
            </div>
            <div class="spacer"> </div>

            <!-- T0D0:
                 display: inline-block;min-width:4.5em; is dirty
             -->
            <div class="s">
               <fieldset>
                  <label for="source">Von Konto:</label>
                  <input type="radio" name="source" value="None"> Kein Konto <br/>
                  <input type="radio" name="source" value="InternalBookingAccount" checked> Hauptkonto <br/>
                  <input type="radio" name="source" value="VATBookingAccount"> Mehrwertsteuerkonto <br/>
                  <input type="radio" name="source" value="Customer"> <span style="display: inline-block;min-width:4.5em;">Kunde</span>   <input placeholder="Kunden Nr." class="linestyle" type="text" name="source-customer" value="" /> <br/>
                  <input type="radio" name="source" value="Sup">  <span style="display: inline-block;min-width:4.5em;">Lieferant</span>  <input placeholder="Lieferanten Nr." class="linestyle" type="text" name="source-sup" value="" /> <br/>
               </fieldset>
            </div>

            <div class="s">
               <fieldset>
                  <label for="destination">Nach Konto:</label>
                  <input type="radio" name="destination" value="None"> Kein Konto <br/>
                  <input type="radio" name="destination" value="InternalBookingAccount" checked> Hauptkonto <br/>
                  <input type="radio" name="destination" value="VATBookingAccount"> Mehrwertsteuerkonto <br/>
                  <input type="radio" name="destination" value="Customer"> <span style="display: inline-block;min-width:4.5em;">Kunde</span>  <input placeholder="Kunden Nr." class="linestyle " type="text" name="destination-customer" value="" /> <br/>
                  <input type="radio" name="destination" value="Sup">  <span style="display: inline-block;min-width:4.5em;">Lieferant</span>   <input placeholder="Lieferanten Nr." class="linestyle " type="text" name="destination-sup" value="" /> <br/>
               </fieldset>
            </div>

            <div class="m">
               <fieldset>
                  <label for="reason">Buchungsgrund:</label>
                  <input type="radio" name="reason" value="Manual" checked>Manuell <br/>
                  <input placeholder="..." class="linestyle full-width" type="text" name="reason-man" value="" /> <br/>
                  <input type="radio" name="reason" value="Start"> Startbuchung
               </fieldset>
            </div>

            <div class="l">
               <p>
                  Manuelle Buchungen können nicht rückgängig gemacht werden! <br/>
                  Es können jedoch Gegenbuchungen erstellt werden.
               </p>
               <button type="submit">Buchung tätigen</button>
               <button type="reset">Zurücksetzen</button>
            </div>
         </form>

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

</html>
