2020-01-25 17:12:12 +01:00
<!DOCTYPE html>
< html lang = "de" dir = "ltr" xmlns:th = "http://www.thymeleaf.org" >
< head >
2020-04-27 09:48:24 +02:00
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=0.75, user-scalable=no" >
2020-01-25 17:12:12 +01:00
2020-04-27 09:48:24 +02:00
< title > Einstellungen< / title >
< link rel = "stylesheet" th:href = "@{/css/ecom.css}" / >
2020-01-25 17:12:12 +01:00
< / head >
< body >
2020-04-27 09:48:24 +02:00
< nav th:replace = "fragments/header :: header" > Header< / nav >
2020-01-25 17:12:12 +01:00
2020-04-27 09:48:24 +02:00
< div class = "sidebar-layout content-width" >
< nav > < / nav >
< div >
< h1 > Einstellungen< / h1 >
< / div >
< / div >
< main class = "sidebar-layout content-width" >
< nav th:replace = "fragments/customer :: sidebar" > < / nav >
< div class = "content-width" >
2020-05-19 11:52:41 +02:00
< form method = "POST" th:action = "@{/user/settings/changeMail}" >
2020-01-25 17:12:12 +01:00
< div >
2020-04-27 09:48:24 +02:00
< h2 > Login Daten < / h2 >
2020-01-25 17:12:12 +01:00
< / div >
< div >
2020-04-27 09:48:24 +02:00
< div class = "input-icon" >
2020-05-18 14:41:33 +02:00
< input class = "full-width" type = "text" name = "email" th:value = "${user.email}" required / >
2020-04-27 09:48:24 +02:00
< button > Email-Adresse ändern< / button >
< / div >
2020-01-25 17:12:12 +01:00
< / div >
2020-04-27 09:48:24 +02:00
< / form >
2020-01-25 17:12:12 +01:00
2020-05-19 15:18:48 +02:00
< form class = "detailflex" method = "POST" th:action = "@{/user/settings/changePwd}" >
2020-01-25 17:12:12 +01:00
< div >
2020-04-27 09:48:24 +02:00
< h2 > Sicherheit < / h2 >
2020-01-25 17:12:12 +01:00
< / div >
< div >
2020-04-27 09:48:24 +02:00
< label for = "password" > Altes Passwort< / label >
< input class = "full-width" type = "password" name = "old-password" placeholder = "Passwort" id = "password"
required>
2020-01-25 17:12:12 +01:00
2020-05-19 15:18:48 +02:00
< label for = "password1" > Neues Passwort< / label >
< input class = "full-width" type = "password" name = "password1" placeholder = "Passwort" id = "password1" required >
2020-04-27 09:48:24 +02:00
< 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 >
2020-01-25 17:12:12 +01:00
< / div >
2020-04-27 09:48:24 +02:00
< / form >
2020-01-25 17:12:12 +01:00
2020-05-19 15:18:48 +02:00
< form class = "detailflex" method = "POST" th:action = "@{/user/settings/changeAddress}" >
2020-01-25 17:12:12 +01:00
< div >
2020-04-27 09:48:24 +02:00
< h2 > Rechungs- und Lieferinformation < / h2 >
2020-01-25 17:12:12 +01:00
< / div >
< div class = "col-2" >
2020-04-27 09:48:24 +02:00
< div >
< label for = "salutation" > Anrede< / label >
2020-05-18 14:41:33 +02:00
< input class = "full-width" list = "salutationsOpt" name = "salutation" placeholder = "Anrede" th:value = "${user.salutation}"
2020-04-27 09:48:24 +02:00
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 >
2020-05-18 14:41:33 +02:00
< input class = "full-width" type = "text" name = "name" placeholder = "Nachname Vorname" th:value = "${user.name}"
2020-04-27 09:48:24 +02:00
required/>
< / div >
2020-01-25 17:12:12 +01:00
< / div >
< div >
2020-04-27 09:48:24 +02:00
< label for = "address" > Anschrift< / label >
< textarea rows = "5" class = "full-width" type = "text" name = "address"
2020-05-18 14:41:33 +02:00
placeholder="Optional: Zusatz Optional: Unternehmen Straße Hausnummer Postleitzeit Ort Land" th:text="${user.defaultDeliveryAddress.addressString}"/>
2020-01-25 17:12:12 +01:00
< / div >
2020-05-18 14:41:33 +02:00
<!-- <fieldset>
2020-04-27 09:48:24 +02:00
< 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 / >
2020-05-18 14:41:33 +02:00
< / fieldset > -->
2020-01-25 17:12:12 +01:00
< div >
2020-04-27 09:48:24 +02:00
< button > Lieferinformation ändern< / button >
2020-01-25 17:12:12 +01:00
< / div >
2020-04-27 09:48:24 +02:00
< / form >
2020-01-25 17:12:12 +01:00
2020-05-19 15:18:48 +02:00
< form class = "detailflex" method = "POST" th:action = "@{/user/settings/changePaymentInfo}" >
2020-01-25 17:12:12 +01:00
< div >
2020-04-27 09:48:24 +02:00
< h2 > Zahlungsinformation< / h2 >
2020-01-25 17:12:12 +01:00
< / div >
< div >
2020-04-27 09:48:24 +02:00
< div class = "input-icon" >
2020-05-19 15:18:48 +02:00
< input class = "full-width" type = "text" name = "creditCardNumber" th:value = "${user.defaultPayment.creditCardNumber}" required / >
2020-04-27 09:48:24 +02:00
< button > Kreditkartennummer ändern< / button >
< / div >
2020-01-25 17:12:12 +01:00
< / div >
2020-04-27 09:48:24 +02:00
< / form >
< / div >
< / main >
< footer th:replace = "fragments/footer :: footer" > < / footer >
2020-01-25 17:12:12 +01:00
< / body >
< / html >