{% for item in results.result %}
{% set reg_multi_dates = ' - ' if item.reg_open_date_time and item.reg_close_date_time else '' %}
{% set item_distance = 1 if item.distance|round < 1 else item.distance|round %}
{% set item_distance_units = 'mile' if item_distance == 1 else 'miles' %}
<div>
  <div class="se-card__container se-program-card level-1" data-listing-type="{{item.listing_type}}">
    <a href="https://www.sportsengine.com{{ item.listing_url }}" target="_self">
      <div class="se-card__hero-container">
        <div class="se-card__hero preview">
          <img src="{{ item.image_url }}" />
        </div>
        <div class="se-card__hero-logo-container">
          <img src="{{ item.logo.medium_logo_url }}" loading="lazy"/>
        </div>
      </div>
      <div class="se-card__content">
        <div class="se-card__header">
          <p class="text-league-title smaller-12">{{ item.organization_name }}</p>
          <p class="text-program">{{ item.name }}</p>
          <div class="row-sport">
            {% set sportLength =  item.sports | length %}
            {% if (sportLength > 0) %}
              <p class="text-detail">Sports Offered</p>
              {% for sport in item.sports %}
                {% if loop.index0 < 4 %}
                  <p class="smaller-14">{{sport.name}}</p>
                {% elseif loop.index0 == 4 %}
                  <p class="text-detail">and {{ sportLength - 4 }} more sports</p>
                {% endif %}
              {% endfor %}
            {% endif %}
          </div>
          <p class="text-mileage smaller-12">About {{ item_distance }} {{ item_distance_units }} from you</p>
          {% if item.program_type_hash.name or item.gender_list or item.reg_open_date_time or item.reg_close_date_time %}
          <hr>
          {% endif %}
          {% if item.program_type_hash.name or item.gender_list %}
            <p class="text-league-details smaller-14">{{ item.program_type_hash.name }} • {{ item.gender_list }}</p>
          {% endif %}
          {% if item.reg_open_date_time or item.reg_close_date_time %}
            <p class="text-dates smaller-12">
              {% if item.reg_open_date_time %}{{item.reg_open_date_time}}{% endif %}
              {{reg_multi_dates}}
              {% if item.reg_close_date_time %}{{item.reg_close_date_time}}{% endif %}
            </p>
          {% endif %}
          {% if item.parent_affiliations|length > 0 and item.listing_type == "organization" %}
            <hr>
            <p class="se-program__affiliates-title text-detail">Affiliations</p>
            <ul class="se-program__affiliates">
              {% for org in item.parent_affiliations %}
                {% for credential in org.credentials %}
                  <li class="se-program__affiliate-logo"><img src="{{credential.credential_definition.image.small_url}}" alt="{{org.organization_name}}" loading="lazy"/></li>
                {% endfor %}
              {% endfor %}
            </ul>
          {% endif %}
          {% if item.reg_url or (item.min_price == item.max_price and item.min_price != null) or item.min_price != null %}
            <hr>
          {% endif %}
        </div>
        <div class="se-card__footer">
          <div class="row">
            <div class="col-xs-12">
              {% if item.min_price == item.max_price and item.min_price != null %}
                <h4>${{item.max_price}}</h4>
              {% elseif item.min_price != null  %}
                <h4>${{item.min_price}} <span>to ${{item.max_price}}</span></h4>
              {% endif %}
              {% if item.reg_url %}
                <a class="text-links sign-up-link" href="{{ item.reg_url }}" target="_self">Sign Up</a>
              {% endif %}
            </div>
          </div>
        </div>
      </div>
    </a>
  </div>
</div>
{% endfor %}