{% extends "base.html" %}
{%- import "partials/_ui.html" as ui -%}

{% block title %}Feed - Makenotwork{% endblock %}
{% block body_attrs %} class="padded-page feed-page"{% endblock %}

{% block content %}
    {% include "partials/site_header.html" %}

    <div class="container">
        <h1 class="page-title">Your Feed</h1>

        {% if items.is_empty() %}
        {% call ui::empty_state_with_action("Nothing here yet", "Follow users, projects, or tags to see their items here.", "/discover", "Browse Discover") %}
        {% else %}
        <div class="feed-meta">Showing {{ showing_start }}-{{ showing_end }} of {{ total_items }} items</div>

        <div class="table-header">
            <span>Type</span>
            <span>Name</span>
            <span>Tag</span>
            <span class="col-right">Price</span>
            <span class="col-right">Date</span>
        </div>
        <div class="results-table">
            {% for item in items %}
            <a href="/i/{{ item.id }}" class="table-row">
                <span class="badge">{{ item.item_type }}</span>
                <div class="item-name-cell">
                    <span class="item-name">{{ item.name }}</span>
                    <span class="item-creator">{{ item.creator }}</span>
                </div>
                <span>{{ item.primary_tag }}</span>
                <span class="col-right">{% if item.is_free %}<span class="badge free">Free</span>{% else %}{{ item.price }}{% endif %}</span>
                <span class="col-right">{{ item.date }}</span>
            </a>
            {% endfor %}
        </div>

        {% if total_pages > 1 %}
        <div class="pagination">
            {% if current_page > 1 %}
            <a href="/feed?page={{ current_page - 1 }}">&laquo;</a>
            {% endif %}
            {% for p in pagination_range %}
            {% if *p == current_page %}
            <span class="current">{{ p }}</span>
            {% else %}
            <a href="/feed?page={{ p }}">{{ p }}</a>
            {% endif %}
            {% endfor %}
            {% if current_page < total_pages %}
            <a href="/feed?page={{ current_page + 1 }}">&raquo;</a>
            {% endif %}
        </div>
        {% endif %}
        {% endif %}
    </div>
{% endblock %}