{{#extend "base" hybrisClass="hybris-class" pageClass="login-page" title="Login page" banner="true" pageMyAcc=true}}
{{#content "head" mode="append"}}
<link type="text/css" rel="stylesheet" href="./css/pages/page_login.css">
{{/content}}
{{#content "body"}}
<main>
  <div class="container">
    <div class="page-header">
      <h1>Welcome to Wickes Secure Login</h1>
    </div>
  </div>
  <div class="login-blocks">
    <div class="container">
      <div class="row">
        <div class="returning-customer-wrapper">
          <form class="returning-customer" id="form-login">
            <h3>Returning customer</h3>
            <div class="returning-customer__info">
              <span>Already have an account?</span>
              <span>Sign in to retrieve your account settings.</span>
            </div>
            <div class="warning-required">
              Required fields
            </div>
            {{> form-row type="email" id="login-email" label="Email address" required="true"}}
            {{> form-row type="password" id="password" label="Password" required="true"}}
            <div class="returning-customer__forgot-link">
              <a href="#" class="link-secondary link-forgot-password">Forgot your password?</a>
            </div>
            <div class="form-row form-row__action">
              <div class="form-row__col-btn">
                <button class="btn btn-primary btn_full">
                  <span class="btn__text">Login</span>
                </button>
              </div>
            </div>
          </form>
        </div>
        <div class="new-customer-wrapper">
          <form class="new-customer" id="form-register">
            <h3>I'm a new customer</h3>
            <div class="new-customer__info">
              <span>Retrieve past orders.</span>
              <span>Store and maintain addresses and settings.</span>
            </div>
            <div class="warning-required">
              Required fields
            </div>
            {{> form-row type="email" id="registration-email" label="Email address" required="true"}}
            <div class="form-row form-row__action">
              <div class="form-row__col-btn">
                <button class="btn btn-primary btn_full">
                  <span class="btn__text">Continue</span>
                </button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</main>
{{/content}}
{{/extend}}