{% import 'macro/table.html' as table %}
{% import 'macro/badge.html' as badge %}

<div class="table-responsive-sm">
  <table data-table="{% if all %}true{% endif %}" class="table table-striped align-middle" id="wish">
    <thead>
      <tr>
        <th data-table-no-sort-and-search="true" class="no-sort" scope="col"><i class="ri-image-line fw-normal"></i> Image</th>
        <th scope="col"><i class="ri-hashtag fw-normal"></i> Set</th>
        <th scope="col"><i class="ri-pencil-line fw-normal"></i> Name</th>
        <th scope="col"><i class="price-tag-3-line fw-normal"></i> Theme</th>
        <th scope="col"><i class="ri-calendar-line fw-normal"></i> Year</th>
        <th scope="col"><i class="ri-shapes-line fw-normal"></i> Parts</th>
        <th scope="col"><i class="ri-calendar-close-line fw-normal"></i> Retirement</th>
        <th data-table-no-sort="true" class="no-sort" scope="col"><i class="ri-user-line fw-normal"></i> Requesters</th>
        {% if g.login.is_authenticated() %}
          <th data-table-no-sort-and-search="true" class="no-sort" scope="col"><i class="ri-settings-4-line fw-normal"></i> Actions</th>
        {% endif %}
        </tr>
    </thead>
    <tbody>
      {% for item in table_collection %}
        {% with retirement_date = retired.get(item.fields.set), bd_retired = (sidecar_retired.get(item.fields.set) if sidecar_retired is defined and sidecar_retired else none) %}
          <tr>
            {{ table.image(item.url_for_image(), caption=item.fields.name, alt=item.fields.set) }}
            <td>{{ item.fields.set }} {{ table.rebrickable(item) }}</td>
            <td>{{ item.fields.name }}</td>
            <td>{{ item.theme.name }}</td>
            <td>{{ item.fields.year }}</td>
            <td>{{ item.fields.number_of_parts }}</td>
            <td>
              {% if retirement_date %}
                {# Upcoming-retirements CSV: these are future dates. #}
                <span class="badge rounded-pill text-warning-emphasis bg-warning-subtle border border-warning-subtle"><i class="ri-calendar-close-line"></i> {{ retirement_date }}</span>
              {% elif bd_retired and bd_retired.date %}
                {# BrickData fallback for sets the CSV does not cover (#37):
                   red when already retired, yellow when still upcoming. #}
                {% if bd_retired.retired %}
                  <span class="badge rounded-pill text-danger-emphasis bg-danger-subtle border border-danger-subtle"><i class="ri-time-line"></i> Retired {{ bd_retired.date }}</span>
                {% else %}
                  <span class="badge rounded-pill text-warning-emphasis bg-warning-subtle border border-warning-subtle"><i class="ri-calendar-close-line"></i> {{ bd_retired.date }}</span>
                {% endif %}
              {% else %}
                <span class="badge rounded-pill text-bg-light border">Not found</span>
              {% endif %}
            </td>
            <td>
              {% for owner in owners %}
                {{ badge.owner(item, owner) }}
              {% endfor %}
            </td>
            {% if g.login.is_authenticated() %}
            <td>
              <a href="{{ item.url() }}" class="btn btn-sm btn-primary mb-1" role="button"><i class="ri-gift-line"></i> Details</a>
              <a href="{{ item.url_for_delete() }}" class="btn btn-sm btn-danger mb-1" role="button"><i class="ri-delete-bin-2-line"></i> Delete</a>
            </td>
            {% endif %}
          </tr>
        {% endwith %}
      {% endfor %}
    </tbody>
  </table>
</div>