<div class="card-store-collect {{modification}}">
  <div class="card-store-collect__info {{#if message}}card-store-collect__info-disabled{{/if}}">
    <div class="card-store-collect__title">{{title}}</div>
    <div class="card-store-collect__amount">
        {{#ifCond amount '==' 0}}
            <i class="fas fa-times-circle card-store-collect__amount-out"></i>
            out of
        {{else ifCond amount '<' 10}}
            <i class="fas fa-info-circle card-store-collect__amount-low"></i>
            {{amount}} in
        {{else}}
            <i class="fas fa-check-circle card-store-collect__amount-enough"></i>
            {{amount}} in
        {{/ifCond}}
        stock
    </div>
    {{#if message}}
    <div class="card-store-collect__amount pt-2 disabled-notification">
        {{message}}
    </div>
    {{/if}}
    <div class="card-store-collect__distance">{{distance}} Miles</div>
    <div class="card-store-collect__address">
      <div class="card-store-collect__name">{{name}}</div>
      <div class="card-store-collect__location">{{location}}</div>
      <div class="card-store-collect__city">{{city}}</div>
      <div class="card-store-collect__postcode">{{postcode}}</div>
    </div>
    <div class="card-store-collect__tel"><strong>Tel:</strong>
      <a href="tel:018726511101" class="tel-uri">{{phone}}</a>
    </div>
  </div>
{{#ifCond button '==' true}}
  <div class="card-store-collect__actions">
      <a href="#" data-dismiss="modal" class="card-store-collect__btn btn btn-primary w-100">Click &amp; Collect</a>
  </div>
{{/ifCond}}
</div>
