2020-01-25 17:12:12 +01:00
<!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" >
2020-01-25 19:11:41 +01:00
< title > Einstellungen< / title >
2020-01-25 17:12:12 +01:00
< link rel = "stylesheet" th:href = "@{/css/ecom.css}" / >
< / head >
< body >
2020-02-09 15:00:07 +01:00
< nav th:replace = "fragments/header :: header" > Header< / nav >
2020-01-25 17:12:12 +01:00
< div class = "sidebar-layout content-width" >
< nav > < / nav >
< div >
< h1 > Einstellungen< / h1 >
< / div >
< / div >
< main class = "sidebar-layout content-width" >
2020-02-09 15:00:07 +01:00
< nav th:replace = "fragments/customer :: sidebar" > < / nav >
2020-01-25 17:12:12 +01:00
< div class = "content-width" >
< form class = "detailflex" >
< div >
< h2 > Login Daten < / h2 >
< / div >
< div >
< div class = "input-icon" >
< input class = "full-width" type = "text" name = "email" value = "max.mueller@example.com" required / >
< button > Email-Adresse ändern < / button >
< / div >
< / div >
< / form >
< form class = "detailflex" >
< div >
< h2 > Sicherheit < / h2 >
< / div >
< div >
< label for = "password" > Altes Passwort< / label >
< input class = "full-width" type = "password" name = "old-password" placeholder = "Passwort" id = "password" required >
< label for = "password" > Neues Passwort< / label >
< input class = "full-width" type = "password" name = "password" placeholder = "Passwort" id = "password" required >
< label for = "password2" > Neues Passwort wiederholen< / label >
< input class = "full-width" type = "password" name = "password2" placeholder = "Passwort" id = "password2" required >
< button > Passwort Daten ändern < / button >
< / div >
< / form >
< form class = "detailflex" >
< div >
< h2 > Rechungs- und Lieferinformation < / h2 >
< / div >
< div class = "col-2" >
< div >
< label for = "salutation" > Anrede< / label >
< input class = "full-width" list = "salutationsOpt" name = "salutation" placeholder = "Anrede" value = "Herr" required / >
< datalist id = "salutationsOpt" >
< option value = "Herr" >
< option value = "Frau" >
< option value = "Herr Dr." >
< option value = "Frau Dr." >
< / datalist >
< / div >
< div >
< label for = "name" > Name< / label >
< input class = "full-width" type = "text" name = "name" placeholder = "Nachname Vorname" value = "Max Müller" required / >
< / div >
< / div >
< div >
< label for = "address" > Anschrift< / label >
< textarea rows = "5" class = "full-width" type = "text" name = "address" placeholder = "Optional: Zusatz Optional: Unternehmen Straße Hausnummer Postleitzeit Ort Land" >
Musterstraße 26
7158 Mustertal
Deutschland< / textarea >
< / div >
< fieldset >
< input type = "radio" name = "type" value = "priv" id = "type-priv" required checked >
< label for = "type-priv" > Ich bin Privatkunde.< / label > < br / >
< input type = "radio" name = "type" value = "bus" id = "type-bus" required >
< label for = "type-bus" > Ich bin Geschäftskunde.< / label > < br / >
< / fieldset >
< div >
< button > Lieferinformation ändern < / button >
< / div >
< / form >
2020-02-04 20:13:41 +01:00
< form class = "detailflex" >
< div >
< h2 > Werbung < / h2 >
< / div >
< div >
< fieldset >
< input type = "radio" name = "ad" value = "y" id = "ad-y" required checked >
< label for = "type-priv" > Ich möchte Werbung erhalten.< / label > < br / >
< input type = "radio" name = "ad" value = "n" id = "ad-n" required >
< label for = "type-bus" > Ich möchte keine Werbung erhalten.< / label > < br / >
< / fieldset >
< button type = "submit" > Speichern < / button >
< / div >
< / form >
2020-01-25 17:12:12 +01:00
< form class = "detailflex" >
< div >
< h2 > Zahlungsinformation< / h2 >
< / div >
< div >
< div class = "input-icon" >
< input class = "full-width" type = "text" name = "payment-card" placeholder = "XXXXXXXX840" required / >
< button > Kreditkartennummer ändern < / button >
< / div >
< / div >
< / form >
< / div >
< / main >
2020-02-09 15:00:07 +01:00
< footer th:replace = "fragments/footer :: footer" > < / footer >
2020-01-25 17:12:12 +01:00
< / body >
< / html >