{{"<!-- subscription -->" | safeHTML }}
{{ if .Site.Params.subscription.enable }}
{{ with .Site.Params.subscription }}
<section class="subscription">
  <div class="container my-4">
    <div class="subscription-wrapper col-lg-10 align-items-center mx-auto">
      <div class="d-flex position-relative mx-5 justify-content-between align-items-center flex-column flex-md-row text-md-left">
        <h3 class="text-white flex-fill">{{ i18n "subscribe_newsletter" | safeHTML }}</h3>
        <form method="post" id="newsletter-form" name="mc-embedded-subscribe-form" target="_blank" novalidate class="row flex-fill">
          <div class="col-lg-7 my-md-2 my-2">
            <input type="email" class="form-control text-white px-4 border-0 w-100 text-center text-md-left" placeholder="{{ i18n "your_email" }}" name="EMAIL" required>
            <p id="newsletter-status" class="text-white mt-2" hidden>Bedankt voor de aanmelding!</p>
            <p id="newsletter-error" class="text-white mt-2" hidden>Er ging iets mis. Probeer opnieuw.</p>
          </div>
          <div class="col-lg-5 my-md-2 my-2">
            <button type="submit" name="subscribe" class="btn btn-outline-white text-white border-0 w-100">{{ i18n "subscribe_now" | safeHTML }}</button>
            <div style="position: absolute; left: -5000px;" aria-hidden="true">
              <input type="text" tabindex="-1">
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>
{{ end }}
{{ end }}
{{"<!-- /subscription -->" | safeHTML }}