templates/Account/register.html.twig line 21

Open in your IDE?
  1. {% extends 'signin.html.twig' %}
  2. {% block content %}
  3. {% do pimcore_head_link().appendStylesheet(asset('website/static/css/shop-homepage.css')) %}
  4. {% if not loggedin %}
  5. <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  6. <script>
  7.     function onSubmit(token) {
  8.         document.getElementById("register-form").submit();
  9.     }
  10. </script>
  11. <div class="container">
  12.     <a href="/{{ locale }}"><img class="signin-logo" src="/SA_logo_inst_Positive_RGB.png" width="282"  alt="image description"></a>
  13.     <div class="item-container login-form-wrapper register-form-wrapper">
  14.           <div class="row form-container">
  15.               <div class="form-info">
  16.                   <h1> {{ pimcore_input("headline") }}</h1>
  17.                 <h2><em>{{ pimcore_input('subline') }}</em></h2>
  18.               </div>
  19.             <p class="error-message-wrapper"><span class="error-message">{{ errormessage }}</span></p>
  20.             <form id="register-form" class="cart-form" action="/{{ locale }}/account/register" method="post">
  21.                 <label class="required"><h4>{{ "espirits.login.firstname"|trans }}</h4>
  22.                       <input type="text" value="{{ firstname }}" name="firstname" placeholder="{{ "espirits.login.firstname"|trans }}" required>
  23.                 </label>
  24.                 <label class="required"><h4>{{ "espirits.login.lastname"|trans }}</h4>
  25.                       <input type="text" value="{{ lastname }}" name="lastname" placeholder="{{ "espirits.login.lastname"|trans }}" required>
  26.                 </label>
  27.                 <label class="required"><h4>{{ "espirits.login.email"|trans }}</h4>
  28.                       <input type="email" value="{{ email }}" name="email" placeholder="{{ "espirits.login.email"|trans }}" required>
  29.                       <img class="email-icon icon" src="/website/static/images/email-icon.svg" />
  30.                     {% if errorfield == 'email' %}<span class="error-icon">&#9888</span>{% endif %}
  31.                 </label>
  32.                 <div class="spacer"></div>
  33.                 <label class="required"><h4>{{ "espirits.login.country"|trans }}</h4>
  34.                     <select name="country" required>
  35.                         {% for country in countries %}
  36.                             <option data-image="{{ country.Icon }}" value="{{ country.Value }}" {% if country.Selected is defined %} {{ country.Selected }} {% endif %}>&nbsp;{{ country.Name }}</option>
  37.                         {% endfor %}
  38.                     </select>
  39.                 </label>
  40.                 <label class="required"><h4>{{ "espirits.login.company"|trans }}</h4>
  41.                     <input type="text" value="{{ company }}" name="company" placeholder="{{ "espirits.login.company"|trans }}" required>
  42.                     {% if errorfield == 'companyName' %}<span class="error-icon">&#9888</span>{% endif %}
  43.                 </label>
  45.                 <div class="spacer"></div>
  46.                 <label class="required"><h4>{{ "espirits.login.createpassword"|trans }}</h4>
  47.                       <div class="input-info">{{ "espirits.login.passwordrequirements"|trans }}</div>
  48.                      <input type="password" name="createpassword" placeholder="{{ "espirits.login.createpassword"|trans }}" required>
  49.                      <img class="lock-icon icon" src="/website/static/images/lock-icon.svg" />
  50.                       {% if errorfield == 'password' %}<span class="error-icon">&#9888</span>{% endif %}
  51.                 </label>
  52.                 <label class="required"><h4>{{ "espirits.login.verifypassword"|trans }}</h4>
  53.                      <input type="password" name="verifypassword" placeholder="{{ "espirits.login.verifypassword"|trans }}" required>
  54.                      <img class="lock-icon icon" src="/website/static/images/lock-icon.svg" />
  55.                 </label>
  56.                 <!--button name="continue" class="btn g-recaptcha" data-sitekey="6LcXqEQUAAAAABGksCu-WbBmhQgDdhtwOSnftsOS" data-callback='onSubmit'>{{ pimcore_input("register") }}</button-->
  57.                 <button name="continue" class="btn "  data-callback='onSubmit'>{{ pimcore_input("register") }}</button>
  58.                 
  59.             </form>
  60.           </div>
  61.     </div>
  62. </div>
  63. {% endif %}
  64. {% endblock %}