<div class="card-store">
  <div class="card-store__info">
    {{#if titleName}}
      <div class="card-store__title-main">{{titleName}}</div>
    {{/if}}

    {{#if distance}}
      <div class="card-store__distance">{{distance}}</div>
    {{/if}}

    <div class="card-store__address">
      {{#if storeName}}
        <div class="card-store__name">{{storeName}}</div>
      {{/if}}
      {{#if storeLocation}}
        <div class="card-store__location">{{storeLocation}}</div>
      {{/if}}
      {{#if storeCity}}
        <div class="card-store__city">{{storeCity}}</div>
      {{/if}}
      {{#if storePostcode}}
        <div class="card-store__postcode">{{storePostcode}}</div>
      {{/if}}
    </div>
  </div>

  <div class="card-store__body">
    <div class="card-store__navigation">
      <a href="page_store-locator-details.html" class="btn btn-primary btn-store-details">
        <span class="btn__text">View store details</span>
      </a>
    </div>

    {{#if opening-times}}
      <div class="card-store__schedule">
        <div class="accordion opening-times-accordion accordion_collapsed">
          <h5 class="accordion__header opening-times-accordion__header">
            <span class="accordion__header-text opening-times-accordion__title">
              Opening times
            </span>
            <span class="icon accordion__header-icon opening-times-accordion__icon">
              <i class="fas fa-angle-up"></i>
            </span>
          </h5>

          <div class="accordion__content opening-times-accordion__content" style="display: none;">
            <div class="accordion__content-inner">
              <div class="card-store__title schedule-title">Standard opening times</div>
              {{> schedule}}

              {{#if special-opening-schedule}}
                <div class="card-store__special-time">
                  <div class="card-store__title schedule-title">Special opening times</div>
                  {{> special-opening-schedule}}
                </div>
              {{/if}}

              <button
                  type="button"
                  class="opening-times-accordion__close"
                  aria-label="Collapse opening times"
              >
                <span class="icon opening-times-accordion__close-icon">
                  <i class="fas fa-angle-up"></i>
                </span>
              </button>
            </div>
          </div>
        </div>
      </div>
    {{/if}}

    <div class="card-store__contacts">
      <span class="card-store__tel">
        <strong>Tel:</strong>
        <a href="tel:018726511101" class="tel-uri">01872 6511 101</a>
      </span>
    </div>

    <div class="card-store__actions">
      <a href="https://maps.google.com/maps?saddr=My+Location&daddr=50.263957,-5.123544"
         target="_blank"
         rel="noopener noreferrer">
        Navigate to
      </a>
    </div>

    {{#if features}}
      <div class="card-store__features">
        <div class="card-store__title">Features</div>
        <div class="card-store__feature">Burger van on site</div>
        <div class="card-store__feature">Professional Installation Service</div>
        <div class="card-store__feature">Stunning Kitchen and Bathroom</div>
        <div class="card-store__feature">displays with in-store design service</div>
      </div>
    {{/if}}
  </div>
</div>