{% extends "base.html" %}
{% from "components/listing_card.html" import listing_card %}
{% from "components/pagination.html" import render_pagination %}
{% from "components/empty_state.html" import empty_state %}
{% from "components/page_header.html" import page_header %}

{% block title %}Saved Items · CampusCart{% endblock %}

{% block content %}
<div class="dashboard-page">
  {{ page_header('Saved Items', "Items you've saved to view later.") }}

  {% if pagination.items %}
    <div class="row row-cols-2 row-cols-lg-3 row-cols-xl-4 g-3 g-md-4">
      {% for favorite in pagination.items %}
        {{ listing_card(favorite.listing,
                        actions=['view', 'remove_saved'],
                        show_status=true,
                        meta=['condition'],
                        saved_at=favorite.created_at,
                        premium_ids=premium_seller_ids,
                        reputations=reputation_map,
                        badges=badge_map) }}
      {% endfor %}
    </div>

    {{ render_pagination(pagination, 'marketplace.saved') }}
  {% else %}
    {{ empty_state('bi-bookmark-heart', "You haven't saved anything yet.",
         "Save listings you're interested in so you can easily find them later.",
         cta_label='Browse Marketplace', cta_url=url_for('main.marketplace'), cta_icon='bi-shop') }}
  {% endif %}
</div>
{% endblock %}