{% extends 'base.html' %}
{% block title %}首页 - 校园二手交易平台{% endblock %}

{% block content %}
<!-- 首页简介 -->
<section class="hero">
    <h1>拯救寝室里的“断舍离”</h1>
    <p>
        这是一个面向校园的二手信息发布平台，帮助同学们把闲置物品高效流转起来。
        普通用户可以发布和浏览商品，管理员可以清理违规或失效内容。
    </p>
</section>

<!-- 筛选条件区域 -->
<section class="panel">
    <h2>信息筛选</h2>
    <form class="filter-form" method="get" action="{{ url_for('index') }}">
        <input type="text" name="keyword" placeholder="输入关键词（如：台灯、教材）" value="{{ keyword }}">

        <select name="category">
            <option value="">全部分类</option>
            {% for c in categories %}
                <option value="{{ c }}" {% if category == c %}selected{% endif %}>{{ c }}</option>
            {% endfor %}
        </select>

        <select name="status">
            <option value="">默认（不含已下架）</option>
            <option value="on_sale" {% if status == 'on_sale' %}selected{% endif %}>在售</option>
            <option value="sold" {% if status == 'sold' %}selected{% endif %}>已售出</option>
            <option value="closed" {% if status == 'closed' %}selected{% endif %}>已下架</option>
        </select>

        <button type="submit">筛选</button>
    </form>
</section>

<!-- 商品列表区域 -->
<section class="panel">
    <h2>最新发布</h2>

    {% if items %}
        <div class="card-grid">
            {% for item in items %}
                <article class="item-card">
                    <div class="item-card-head">
                        <h3><a href="{{ url_for('item_detail', item_id=item['id']) }}">{{ item['title'] }}</a></h3>
                        <span class="status-badge status-{{ item['status'] }}">{{ status_labels[item['status']] }}</span>
                    </div>

                    <p class="item-meta">
                        分类：{{ item['category'] }} | 方式：{{ item['trade_type'] }} | 发布者：{{ item['username'] }}
                    </p>

                    <p class="item-desc">{{ item['description'][:70] }}{% if item['description']|length > 70 %}...{% endif %}</p>

                    <div class="item-card-bottom">
                        <span class="price">
                            {% if item['price'] is not none %}
                                ￥{{ '%.2f'|format(item['price']) }}
                            {% else %}
                                面议
                            {% endif %}
                        </span>
                        <a class="btn-text" href="{{ url_for('item_detail', item_id=item['id']) }}">查看详情</a>
                    </div>
                </article>
            {% endfor %}
        </div>
    {% else %}
        <p class="empty">暂无符合条件的数据，换个筛选条件试试。</p>
    {% endif %}
</section>
{% endblock %}