<!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>Manuelle Buchung</title>
    <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>Manuelle Buchung</h1>
    </div>
</div>
<main class="sidebar-layout content-width">
    <nav th:replace="fragments/intern :: sidebar"></nav>
    <div class="content-width">
        <form class="detailgrid">
            <div class="s">
                <label for="amount">Betrag</label>
                <input type="number" step="0.01" name="amount" value="0.00"/>&nbsp;EUR
            </div>
            <div class="spacer"></div>

            <div class="s">
                <fieldset>
                    <label for="source">Von Konto:</label>
                    <fieldset>
                        <input type="radio" id="s-no" name="destination" value="None" required>
                        <label for="s-no">Kein Konto</label>
                    </fieldset>
                    <fieldset>
                        <input type="radio" id="s-main" name="destination" value="Main" required>
                        <label for="s-main">Hauptkonto</label>
                    </fieldset>
                    <fieldset>
                        <input type="radio" id="s-vat" name="destination" value="Vat" required>
                        <label for="s-vat">Mehrwertsteuerkonto</label>
                    </fieldset>
                    <fieldset>
                        <input type="radio" id="s-cust" name="destination" value="Cust" required>
                        <label for="s-cust">Kundenkonto</label>
                        <input placeholder="Kunden Nr." type="text" name="destination-customer" value=""/>
                    </fieldset>
                    <fieldset>
                        <input type="radio" id="s-sup" name="destination" value="Sup" required>
                        <label for="s-sup">Lieferanten Konto</label>
                        <input placeholder="Lieferanten Nr." type="text" name="destination-sup" value=""/>
                    </fieldset>
                </fieldset>
            </div>

            <div class="s">
                <fieldset>
                    <label for="destination">Nach Konto:</label>
                    <fieldset>
                        <input type="radio" id="d-no" name="destination" value="None" required>
                        <label for="d-no">Kein Konto</label>
                    </fieldset>
                    <fieldset>
                        <input type="radio" id="d-main" name="destination" value="Main" required>
                        <label for="d-main">Hauptkonto</label>
                    </fieldset>
                    <fieldset>
                        <input type="radio" id="d-vat" name="destination" value="Vat" required>
                        <label for="d-vat">Mehrwertsteuerkonto</label>
                    </fieldset>
                    <fieldset>
                        <input type="radio" id="d-cust" name="destination" value="Cus" required>
                        <label for="d-cust">Kundenkonto</label>
                        <input placeholder="Kunden Nr." type="text" name="destination-customer" value=""/>
                    </fieldset>
                    <fieldset>
                        <input type="radio" id="d-sup" name="destination" value="Sup" required>
                        <label for="d-sup">Lieferanten Konto</label>
                        <input placeholder="Lieferanten Nr." type="text" name="destination-sup" value=""/>
                    </fieldset>
                </fieldset>
            </div>

            <div class="m">
                <fieldset>
                    <label for="reason">Buchungsgrund:</label>
                    <fieldset>
                        <input type="radio" name="reason" value="Start">
                        <label for="d-sup">Startbuchung</label>
                    </fieldset>
                    <fieldset>
                        <input type="radio" name="reason" value="Manual" checked>
                        <label for="d-sup">Manuell</label>
                        <input placeholder="Grund" class="full-width" type="text" name="reason-man" value=""/>
                    </fieldset>
                </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>
