<div id="main-content" class="card">
  {{#isLinkUsed}}
  <header>
      <h1 id="fxa-verification-link-reused-header">
          {{#isPrimaryEmailVerification}}{{#t}}Primary email already confirmed{{/t}}{{/isPrimaryEmailVerification}}
          {{^isPrimaryEmailVerification}}{{#t}}Sign-in already confirmed{{/t}}{{/isPrimaryEmailVerification}}
      </h1>
  </header>

  <section>
    <div class="error"></div>
    <div class="success"></div>

    <p>
      {{#t}}That confirmation link was already used, and can only be used once.{{/t}}
    </p>

  </section>
  {{/isLinkUsed}}

  {{#isLinkExpired}}
  <header>
    <h1 id="fxa-verification-link-expired-header">{{#t}}Confirmation link expired{{/t}}</h1>
  </header>

  <section>
    <div class="error"></div>
    <div class="success"></div>

    <p>
      {{#t}}The link you clicked to confirm your email is expired.{{/t}}
    </p>

    {{#canResend}}
    <div class="links">
      <a id="resend" class="resend-email" href="#">{{#t}}Click here to receive a new confirmation link{{/t}}</a>
    </div>
    {{/canResend}}
  </section>
  {{/isLinkExpired}}

  {{#isLinkDamaged}}
  <header>
    <h1 id="fxa-verification-link-damaged-header">{{#t}}Confirmation link damaged{{/t}}</h1>
  </header>

  <section>
    <p>
      {{#t}}The link you clicked was missing characters, and may have been broken by your email client. Copy the address carefully, and try again.{{/t}}
    </p>
  </section>
  {{/isLinkDamaged}}

  {{#error}}
  <header>
    <h1 id="fxa-verification-error-header">{{#t}}Confirmation error{{/t}}</h1>
  </header>

  <section>
    <div class="error"></div>
  </section>
  {{/error}}
</div>
