{{!--
This template is used for the subscription page.
--}}

{{!-- The tag below means: insert everything in this file
into the {body} of the default.hbs template --}}
{{!< default}}

<div class="l-wrapper" data-aos="fade-down">
  <a href="{{@site.url}}" class="m-back">
    <span class="m-back__icon icon-arrow-left"></span>
    <span>{{t "Back to home"}}</span>
  </a>
</div>

<main class="l-fullscreen">
  <section class="l-fullscreen__content in-subscribe-page" data-aos="fade-up" data-aos-delay="300">
    {{^if success}}
    <div>
      <header class="m-heading in-subscribe-page">
        <h1 class="m-heading__title">{{t "Subscribe to"}} {{@site.title}}</h1>
        <p class="m-heading__description in-subscribe-page">
          {{t "Stay up to date! Get all the latest & greatest posts delivered straight to your inbox."}}
        </p>
      </header>
      {{> "newsletter-form"}}
    </div>
    {{else}}
    <div>
      <header class="m-heading in-subscribe-page">
        <h1 class="m-heading__title">{{t "Subscribed!"}}</h1>
        <p class="m-heading__description in-subscribe-page">
          {{t "You've successfully subscribed to"}} <strong>{{@site.title}}</strong> {{t "with the email address"}}
          <strong>{{email}}</strong>
        </p>
      </header>
      <a href="{{@site.url}}" class="m-button outlined">{{t "Back to home"}}</a>
    </div>
    {{/if}}
  </section>
</main>