blurts-server/views/scan.hbs

<main class="container">
  <div class="row scan-results">
    <div class="col-6 headline-col">
      {{#if scannedEmailId }}
        <p id="scanned-email-address">Results for <span id="scannedEmail" data-scanned-email-id={{ scannedEmailId }} class="bold"></span></p>
      {{/if}}
      <h2 class="headline scan-results-headline">{{{fluentNestedBold "guest-scan-results-headline" breachCount=foundBreaches.length}}}</h2>
    </div>

    <div class="col-6 cntr">
      {{> breach-stats }}
    </div>
  </div>

  <div class="row found-breaches">
    {{#eachFromTo foundBreaches 0 4}}
      <div class="breach-listing flx flx-col">
        {{> breach_listing this= ./../this}}
      </div>
    {{/eachFromTo}}
    {{#ifCompare foundBreaches.length ">" 4}}
    <div id="show-all-breaches-wrapper" class="col-12 show">
      <p class="txt-cntr">Currently showing <span class="bold">4</span> of <span class="bold">{{ foundBreaches.length }}</span> breaches.</p>
      <button id="show-all-breaches" class="util-btn light-btn" data-event-category="Show All Breaches">{{getString "show-all-breaches"}}</button>
    </div>
    <div id="additional-breaches" class="show-additional-breaches hide flx">
      {{#eachFromTo foundBreaches 4 foundBreaches.length}}
        <div class="breach-listing flx flx-col">
          {{> breach_listing this= ./../this}}
        </div>
      {{/eachFromTo}}
    </div>
    {{/ifCompare}}
  </div>
</main>

{{> sign-up-banners/scan-results-sign-up }}

{{> scan-another-email addClass="stacked"}}