{#
  Homepage discovery sections (Phase 8 data, Phase 9 polish). Horizontal-scrolling
  rows of the shared listing card, a category tile row, and polished empty states.
  Ranking is done in the discovery service — the template only renders what it is
  given. Only the per-section badge / empty copy differs between rows.
#}
{% from "components/listing_card.html" import listing_card with context %}

{#
  discovery_row:
    badge       - a mk_badge kind overlaid on each card (trending/featured/new/popular…)
    empty_*     - contextual empty state; when omitted, an empty section is skipped.
#}
{% macro discovery_row(title, icon, listings, view_all_url=None, premium_ids=None,
                       badge=None, empty_icon='bi-compass', empty_text=None, cta_label=None, cta_url=None) %}
  {% if listings or empty_text %}
    <section class="discovery-section" aria-label="{{ title }}">
      <div class="discovery-head">
        <h2 class="discovery-title"><span class="discovery-emoji" aria-hidden="true">{{ icon }}</span> {{ title }}</h2>
        {% if listings and view_all_url %}
          <a class="discovery-viewall" href="{{ view_all_url }}" aria-label="View all in {{ title }}">View all <i class="bi bi-arrow-right" aria-hidden="true"></i></a>
        {% endif %}
      </div>
      {% if listings %}
        <div class="discovery-scroll" tabindex="0" aria-label="{{ title }} listings" data-discovery-scroll>
          {% for listing in listings %}
            {{ listing_card(listing, actions=['view_details'], show_status=false,
                            meta=['condition'], favorite=true, premium_ids=premium_ids, section_badge=badge,
                            reputations=(reputation_map if reputation_map is defined else none),
                            badges=(badge_map if badge_map is defined else none)) }}
          {% endfor %}
        </div>
      {% else %}
        <div class="discovery-empty">
          <span class="discovery-empty-icon" aria-hidden="true"><i class="bi {{ empty_icon }}"></i></span>
          <p class="discovery-empty-text">{{ empty_text }}</p>
          {% if cta_label and cta_url %}
            <a class="discovery-empty-cta" href="{{ cta_url }}">{{ cta_label }} <i class="bi bi-arrow-right" aria-hidden="true"></i></a>
          {% endif %}
        </div>
      {% endif %}
    </section>
  {% endif %}
{% endmacro %}

{% macro discovery_categories(title, icon, categories) %}
  {% if categories %}
    <section class="discovery-section" aria-label="{{ title }}">
      <div class="discovery-head">
        <h2 class="discovery-title"><span class="discovery-emoji" aria-hidden="true">{{ icon }}</span> {{ title }}</h2>
      </div>
      <div class="discovery-scroll discovery-scroll-cats" tabindex="0" data-discovery-scroll>
        {% for item in categories %}
          <a class="discovery-cat-tile" href="{{ url_for('main.marketplace', category=item.category.id) }}">
            <span class="discovery-cat-name">{{ item.category.name }}</span>
            <span class="discovery-cat-count">{{ item.count }} listing{{ '' if item.count == 1 else 's' }}</span>
          </a>
        {% endfor %}
      </div>
    </section>
  {% endif %}
{% endmacro %}