web/customer/register.jsp

   1 <%--
   2         Document   : register
   3         Created on : 11.08.2015, 11:56:22
   4         Author     : Roland Haeder
   5 --%>
   6
   7 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
   8 <%@page contentType="text/html" pageEncoding="UTF-8"%>
   9 <%@page import="org.mxchange.pizzaapplication.application.PizzaServiceApplication"%>
  10
  11 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  13         <head>
  14                 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  15                 <link rel="stylesheet" href="<%=request.getContextPath()%>/style.css" type="text/css"/>
  16                 <title><%=PizzaServiceApplication.MAIN_TITLE%> - Neukunde</title>
  17         </head>
  18
  19         <body>
  20                 <div id="header">
  21                         <div id="title">
  22                                 <h1><%=PizzaServiceApplication.MAIN_TITLE%> - Neukunde</h1>
  23                         </div>
  24                 </div>
  25
  26                 <jsp:include page="/static/menu.jsp" flush="true" />
  27
  28                 <div id="content_outer">
  29                         <div id="content_title">
  30                                 <h2>Anmelden zum <%=PizzaServiceApplication.MAIN_TITLE%>:</h2>
  31                         </div>
  32
  33                         <div id="content">
  34                                 <div>
  35                                         Sie sind bereits Kunde? Dann <a href="<%=request.getContextPath()%>/customer/login.jsp">hier</a> einloggen.
  36                                 </div>
  37
  38                                 <form action="<%=request.getContextPath()%>/form_handler/do_register.jsp" accept-charset="utf-8" id="form" method="post">
  39                                         <div class="table">
  40                                                 <div class="table_header">
  41                                                         Bitte geben Sie mindestens Name, Anschrift und Telefonnummer ein:
  42                                                 </div>
  43
  44                                                 <div class="para">
  45                                                         <fieldset id="personal_data">
  46                                                                 <legend title="Bitte geben Sie Ihre Daten ein.">Bitte Ihre Daten eingeben:</legend>
  47
  48                                                                 <div class="table_row">
  49                                                                         <div class="table_left">
  50                                                                                 <label for="gender">Anrede</label>
  51                                                                         </div>
  52
  53                                                                         <div class="table_right">
  54                                                                                 <c:set var="enabled" scope="request" value="true" />
  55                                                                                 <jsp:include page="/static/gender_selection_box.jsp" flush="true" />
  56                                                                         </div>
  57
  58                                                                         <div class="clear"></div>
  59                                                                 </div>
  60
  61                                                                 <div class="table_row">
  62                                                                         <div class="table_left">
  63                                                                                 <label for="companyname">Firmenname:</label>
  64                                                                         </div>
  65
  66                                                                         <div class="table_right">
  67                                                                                 <input class="input" type="text" id="companyname" name="companyName" size="15" maxlength="255" value="${customer.companyName}" />
  68                                                                         </div>
  69
  70                                                                         <div class="clear"></div>
  71                                                                 </div>
  72
  73                                                                 <div class="table_row">
  74                                                                         <div class="table_left">
  75                                                                                 <label for="surname">Vorname:</label>
  76                                                                         </div>
  77
  78                                                                         <div class="table_right">
  79                                                                                 <input class="input" type="text" id="surname" name="surname" size="10" maxlength="255" value="${customer.surname}" />
  80                                                                         </div>
  81
  82                                                                         <div class="clear"></div>
  83                                                                 </div>
  84
  85                                                                 <div class="table_row">
  86                                                                         <div class="table_left">
  87                                                                                 <label for="familyName">Nachname:</label>
  88                                                                         </div>
  89
  90                                                                         <div class="table_right">
  91                                                                                 <input class="input" type="text" id="familyName" name="familyName" size="10" maxlength="255" value="${customer.familyName}" />
  92                                                                         </div>
  93
  94                                                                         <div class="clear"></div>
  95                                                                 </div>
  96
  97                                                                 <div class="table_row">
  98                                                                         <div class="table_left">
  99                                                                                 <label for="street">Straße:</label>
 100                                                                         </div>
 101
 102                                                                         <div class="table_right">
 103                                                                                 <input class="input" type="text" id="street" name="street" size="20" maxlength="255" value="${customer.street}" />
 104                                                                         </div>
 105
 106                                                                         <div class="clear"></div>
 107                                                                 </div>
 108
 109                                                                 <div class="table_row">
 110                                                                         <div class="table_left">
 111                                                                                 <label for="houseNumber">Hausnummer:</label>
 112                                                                         </div>
 113
 114                                                                         <div class="table_right">
 115                                                                                 <input class="input" type="text" id="houseNumber" name="houseNumber" size="3" maxlength="5" value="${customer.houseNumber}" />
 116                                                                         </div>
 117
 118                                                                         <div class="clear"></div>
 119                                                                 </div>
 120
 121                                                                 <div class="table_row">
 122                                                                         <div class="table_left">
 123                                                                                 <label for="zipCode">Postleitzahl:</label>
 124                                                                         </div>
 125
 126                                                                         <div class="table_right">
 127                                                                                 <input class="input" type="text" id="zipCode" name="zipCode" size="5" maxlength="6" value="${customer.zipCode}" />
 128                                                                         </div>
 129
 130                                                                         <div class="clear"></div>
 131                                                                 </div>
 132
 133                                                                 <div class="table_row">
 134                                                                         <div class="table_left">
 135                                                                                 <label for="city">Ort:</label>
 136                                                                         </div>
 137
 138                                                                         <div class="table_right">
 139                                                                                 <input class="input" type="text" id="city" name="city" size="10" maxlength="255" value="${customer.city}" />
 140                                                                         </div>
 141
 142                                                                         <div class="clear"></div>
 143                                                                 </div>
 144
 145                                                                 <div class="table_row">
 146                                                                         <div class="table_left">
 147                                                                                 <label for="phoneNumber">Telefon:</label>
 148                                                                         </div>
 149
 150                                                                         <div class="table_right">
 151                                                                                 <input class="input" type="text" id="phoneNumber" name="phoneNumber" size="20" maxlength="255" value="${customer.phoneNumber}" />
 152                                                                         </div>
 153
 154                                                                         <div class="clear"></div>
 155                                                                 </div>
 156
 157                                                                 <div class="table_row">
 158                                                                         <div class="table_left">
 159                                                                                 <label for="faxNumber">Faxnummer:</label>
 160                                                                         </div>
 161
 162                                                                         <div class="table_right">
 163                                                                                 <input class="input" type="text" id="faxNumber" name="faxNumber" size="20" maxlength="255" value="${customer.faxNumber}" />
 164                                                                         </div>
 165
 166                                                                         <div class="clear"></div>
 167                                                                 </div>
 168
 169                                                                 <div class="table_row">
 170                                                                         <div class="table_left">
 171                                                                                 <label for="cellphoneNumber">Handy:</label>
 172                                                                         </div>
 173
 174                                                                         <div class="table_right">
 175                                                                                 <input class="input" type="text" id="cellphoneNumber" name="cellphoneNumber" size="20" maxlength="255" value="${customer.cellphoneNumber}" />
 176                                                                         </div>
 177
 178                                                                         <div class="clear"></div>
 179                                                                 </div>
 180                                                         </fieldset>
 181                                                 </div>
 182
 183                                                 <div class="para">
 184                                                         <fieldset id="login_data">
 185                                                                 <legend title="Zum Bestätigen wird Ihre Email-Adresse benötigt, für den Login Kundennummer und Passwort.">Email-Adresse und Passwort:</legend>
 186
 187                                                                 <div class="table_row">
 188                                                                         <div class="table_left">
 189                                                                                 eMail-Adresse eingeben:
 190                                                                         </div>
 191
 192                                                                         <div class="table_right">
 193                                                                                 <input class="input" type="text" name="email1" size="20" maxlength="255" />
 194                                                                         </div>
 195
 196                                                                         <div class="clear"></div>
 197                                                                 </div>
 198
 199                                                                 <div class="table_row">
 200                                                                         <div class="table_left">
 201                                                                                 eMail-Adresse wiederholen:
 202                                                                         </div>
 203
 204                                                                         <div class="table_right">
 205                                                                                 <input class="input" type="text" name="email2" size="20" maxlength="255" />
 206                                                                         </div>
 207
 208                                                                         <div class="clear"></div>
 209                                                                 </div>
 210
 211                                                                 <div class="para"></div>
 212
 213                                                                 <div class="table_row">
 214                                                                         <div class="table_left">
 215                                                                                 Passwort eingeben:
 216                                                                         </div>
 217
 218                                                                         <div class="table_right">
 219                                                                                 <input class="input" type="password" name="password1" size="10" maxlength="255" />
 220                                                                         </div>
 221
 222                                                                         <div class="clear"></div>
 223                                                                 </div>
 224
 225                                                                 <div class="table_row">
 226                                                                         <div class="table_left">
 227                                                                                 Passwort wiederholen:
 228                                                                         </div>
 229
 230                                                                         <div class="table_right">
 231                                                                                 <input class="input" type="password" name="password2" size="10" maxlength="255" />
 232                                                                         </div>
 233
 234                                                                         <div class="clear"></div>
 235                                                                 </div>
 236
 237                                                                 <div class="para notice">
 238                                                                         Die Kundennummer wird Ihnen später vergeben.
 239                                                                 </div>
 240                                                         </fieldset>
 241                                                 </div>
 242
 243                                                 <div class="para">
 244                                                         <fieldset id="terms_privacy">
 245                                                                 <legend title="Bitte die AGBs und Datenschutzbestimmungen lesen und akzeptieren.">Rechtliches:</legend>
 246
 247                                                                 <div class="table_row">
 248                                                                         <div class="table_left25">
 249                                                                                  <input class="input" type="checkbox" name="privacy" value="1" />
 250                                                                         </div>
 251
 252                                                                         <div class="table_right75">
 253                                                                                 Ja, ich habe die <a href="<%=request.getContextPath()%>/privacy.jsp" target="_blank">Datenschutzbestimmungen</a> gelesen und
 254                                                                                 auch verstanden.
 255                                                                         </div>
 256
 257                                                                         <div class="clear"></div>
 258                                                                 </div>
 259
 260                                                                 <div class="table_row">
 261                                                                         <div class="table_left25">
 262                                                                                  <input class="input" type="checkbox" name="terms" value="1" />
 263                                                                         </div>
 264
 265                                                                         <div class="table_right75">
 266                                                                                 Ja, ich habe die <a href="<%=request.getContextPath()%>/terms.jsp" target="_blank">Allgemeinen Geschäftsbedingungen</a> gelesen und
 267                                                                                 auch verstanden.
 268                                                                         </div>
 269
 270                                                                         <div class="clear"></div>
 271                                                                 </div>
 272                                                         </fieldset>
 273                                                 </div>
 274
 275                                                 <div class="table_footer">
 276                                                         <input class="reset" type="reset" value="Formular zurücksetzen" />
 277                                                         <input class="submit" type="submit" name="send" value="Anmelden" />
 278                                                 </div>
 279                                         </div>
 280                                 </form>
 281                         </div>
 282                 </div>
 283
 284                 <jsp:include page="/static/footer.jsp" flush="true" />
 285         </body>
 286 </html>