{#
  My Listings seller card (control-center). Information-dense: cover with status
  chip + Featured highlight, title, price, per-listing stats (views/favorites/
  offers), and a single primary action (View) beside an overflow menu that
  consolidates Edit / Feature / Mark Sold / Delete. Reuses existing routes, the
  premium capability globals, and the shared delete modal.
#}
{% from "components/premium_badge.html" import premium_badge_pill %}

{% macro my_listing_card(listing, premium_ids=none, offers=0) %}
  {% set cover = listing.images[0] if listing.images else None %}
  {% set detail_url = url_for('marketplace.listing_detail', public_id=listing.public_id) %}
  {% set featured = is_featured_now(listing) %}
  {% set seller_is_premium = (listing.seller_id in premium_ids) if premium_ids is not none else show_premium_badge(listing.seller) %}
  <div class="col">
    <article class="card seller-card h-100 {{ 'is-featured' if featured }}">
      <div class="seller-card-thumb">
        <a href="{{ detail_url }}" aria-label="{{ listing.title }}">
          {% if cover %}
            <img src="{{ url_for('marketplace.listing_image', filename=cover.image_path) }}"
                 alt="{{ listing.title }}" loading="lazy" decoding="async">
          {% else %}
            <span class="seller-card-ph"><i class="bi bi-image" aria-hidden="true"></i></span>
          {% endif %}
        </a>
        <span class="badge seller-card-status status-{{ listing.status.value }}">{{ listing.status.value|title }}</span>
        {% if featured %}
          <span class="mk-badge mk-badge-featured seller-card-featured"><span class="mk-badge-ico">⭐</span>Featured</span>
        {% endif %}
      </div>

      <div class="card-body d-flex flex-column">
        <h3 class="seller-card-title"><a href="{{ detail_url }}">{{ listing.title }}</a></h3>
        <div class="seller-card-price">&#8377;{{ "{:,.0f}".format(listing.price) }}</div>
        {% if seller_is_premium %}<div class="mt-1">{{ premium_badge_pill('Premium Seller', 'sm') }}</div>{% endif %}

        <ul class="seller-card-stats" aria-label="Listing performance">
          <li><i class="bi bi-eye" aria-hidden="true"></i> {{ "{:,}".format(listing.view_count or 0) }} <span class="seller-card-stat-label">views</span></li>
          <li><i class="bi bi-heart" aria-hidden="true"></i> {{ "{:,}".format(listing.favorite_count or 0) }} <span class="seller-card-stat-label">saves</span></li>
          <li><i class="bi bi-tag" aria-hidden="true"></i> {{ "{:,}".format(offers) }} <span class="seller-card-stat-label">offers</span></li>
        </ul>

        {% if featured %}
          {% set days_left = featured_days_left(listing) %}
          <p class="seller-card-featured-expiry"><i class="bi bi-clock-history" aria-hidden="true"></i>
            Featured · Expires in {{ days_left }} day{{ '' if days_left == 1 else 's' }}</p>
        {% endif %}

        <div class="seller-card-actions mt-auto">
          <a class="btn btn-primary seller-card-primary" href="{{ detail_url }}">
            <i class="bi bi-eye me-1" aria-hidden="true"></i> View
          </a>
          <div class="dropdown">
            <button class="btn btn-outline-secondary seller-card-more" type="button"
                    data-bs-toggle="dropdown" data-bs-boundary="viewport" aria-expanded="false"
                    aria-label="More actions for {{ listing.title }}">
              <i class="bi bi-three-dots" aria-hidden="true"></i>
            </button>
            {# Sectioned action menu. Only rendered for the owner (My Listings is
               owner-scoped). Every item maps to an existing route; premium-gated
               items degrade to an upsell, unavailable lifecycle actions disable. #}
            <ul class="dropdown-menu dropdown-menu-end seller-card-menu">
              {# --- View --- #}
              <li>
                <a class="dropdown-item" href="{{ detail_url }}">
                  <i class="bi bi-eye me-2" aria-hidden="true"></i> View Listing
                </a>
              </li>
              <li><hr class="dropdown-divider"></li>

              {# --- Edit / Analytics / Feature --- #}
              <li>
                <a class="dropdown-item" href="{{ url_for('marketplace.edit_listing', public_id=listing.public_id) }}">
                  <i class="bi bi-pencil me-2" aria-hidden="true"></i> Edit Listing
                </a>
              </li>
              {% if can_feature_listing(current_user) %}
                <li>
                  <a class="dropdown-item" href="{{ url_for('premium.analytics') }}">
                    <i class="bi bi-graph-up-arrow me-2" aria-hidden="true"></i> View Analytics
                  </a>
                </li>
              {% else %}
                <li>
                  <a class="dropdown-item d-flex align-items-center" href="{{ url_for('premium.index') }}">
                    <i class="bi bi-graph-up-arrow me-2" aria-hidden="true"></i> View Analytics
                    <i class="bi bi-lock-fill ms-auto text-muted small" aria-hidden="true"></i>
                  </a>
                </li>
              {% endif %}
              {% if listing.status.value == 'available' %}
                {% if can_feature_listing(current_user) %}
                  {% if featured %}
                    <li><a class="dropdown-item" href="{{ url_for('premium.feature_listing') }}"><i class="bi bi-arrow-repeat me-2" aria-hidden="true"></i> Change Featured</a></li>
                  {% else %}
                    <li>
                      <form method="post" action="{{ url_for('marketplace.feature_listing_view', public_id=listing.public_id) }}">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                        <button type="submit" class="dropdown-item"><i class="bi bi-stars me-2" aria-hidden="true"></i> Feature Listing</button>
                      </form>
                    </li>
                  {% endif %}
                {% else %}
                  <li>
                    <a class="dropdown-item d-flex align-items-center" href="{{ url_for('premium.index') }}">
                      <i class="bi bi-stars me-2" aria-hidden="true"></i> Feature Listing
                      <i class="bi bi-lock-fill ms-auto text-muted small" aria-hidden="true"></i>
                    </a>
                  </li>
                {% endif %}
              {% else %}
                <li title="Only available listings can be featured.">
                  <span class="dropdown-item disabled"><i class="bi bi-stars me-2" aria-hidden="true"></i> Feature Listing</span>
                </li>
              {% endif %}
              <li><hr class="dropdown-divider"></li>

              {# --- Lifecycle --- #}
              {% if listing.status.value == 'reserved' %}
                <li>
                  <form method="post" action="{{ url_for('marketplace.complete_transaction', public_id=listing.public_id) }}"
                        onsubmit="return confirm('Complete Transaction?\n\nThis confirms the item has been successfully exchanged with the buyer. Once completed, both buyer and seller will be able to leave a review.');">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                    <button type="submit" class="dropdown-item"><i class="bi bi-check2-circle me-2" aria-hidden="true"></i> Complete Transaction</button>
                  </form>
                </li>
              {% elif listing.status.value == 'sold' %}
                <li><span class="dropdown-item disabled"><i class="bi bi-check2-circle me-2" aria-hidden="true"></i> Transaction Completed</span></li>
              {% else %}
                <li title="You can complete the sale once a buyer reserves it with an accepted offer.">
                  <span class="dropdown-item disabled"><i class="bi bi-check2-circle me-2" aria-hidden="true"></i> Complete Transaction</span>
                </li>
              {% endif %}
              <li><hr class="dropdown-divider"></li>

              {# --- Danger --- #}
              <li>
                <button type="button" class="dropdown-item text-danger"
                        data-bs-toggle="modal" data-bs-target="#deleteListingModal"
                        data-del-url="{{ url_for('marketplace.delete_listing', public_id=listing.public_id) }}"
                        data-del-title="{{ listing.title }}">
                  <i class="bi bi-trash me-2" aria-hidden="true"></i> Delete Listing
                </button>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </article>
  </div>
{% endmacro %}