Newsletter

<div class="newsletter-section{% if section.settings.show_background %} index-section--newsletter-background{% endif %}">

  <div class="page-width text-center">

    <div class="section-header text-center">

      {% if section.settings.title != blank %}

        <label for="Email" class="h2">{{ section.settings.title | escape }}</label>

      {% endif %}

      {% if section.settings.subtitle != blank %}

        <p>{{ section.settings.subtitle | escape }}</p>

      {% endif %}

    </div>

    {% form 'customer' %}

      {{ form.errors | default_errors }}

      {% if form.posted_successfully? %}

        <p class="form--success">{{ 'general.newsletter_form.confirmation' | t }}</p>

      {% else %}

        <div class="input-group password__input-group">

          <input type="hidden" name="contact[tags]" value="newsletter">

          <input type="email"

            name="contact[email]"

            id="Email"

            class="input-group__field newsletter__input"

            value="{% if customer %}{{ customer.email }}{% endif %}"

            placeholder="{{ 'general.newsletter_form.email_placeholder' | t }}"

            autocorrect="off"

            autocapitalize="off">

          <span class="input-group__btn">

            <button type="submit" class="btn newsletter__submit" name="commit" id="Subscribe">

              <span class="newsletter__submit-text--large">{{ 'general.newsletter_form.submit' | t }}</span>

            </button>

          </span>

        </div>

      {% endif %}

    {% endform %}

  </div>

</div>