{% extends "base.html" %}
{% block title %}My Items — GoldBuy{% endblock %}

{% block content %}
<h1>My items</h1>
<p class="lead">Items you have submitted. We call you back on the number you gave for each item.</p>

{% if not listings %}
    <p class="empty">You have not submitted any items yet.
       <a href="{{ url_for('sell') }}">Sell your first item</a>.</p>
{% endif %}

{% for l in listings %}
<article class="listing">
    <div class="listing-header">
        <h2>{{ l['item_title'] }}</h2>
        <span class="listing-date">{{ l['created_at'] }}</span>
    </div>
    <div class="listing-body">
        <div class="listing-photos">
            {% for filename in photos.get(l['id'], []) %}
                <a href="{{ url_for('static', filename='uploads/' ~ filename) }}" target="_blank">
                    <img src="{{ url_for('static', filename='uploads/' ~ filename) }}"
                         alt="Photo of {{ l['item_title'] }}">
                </a>
            {% endfor %}
        </div>
        <div class="listing-info">
            <p><strong>Asking price:</strong> KSh {{ l['price'] }}</p>
            <p><strong>Location:</strong> {{ l['location'] }}</p>
            <p><strong>Details:</strong><br>{{ l['details'] }}</p>
            <p>
                <span class="badge {% if l['status'] == 'new' %}badge-pending{% endif %}">
                    {{ USER_STATUS_LABELS[l['status']] }}</span>
            </p>
        </div>
    </div>
</article>
{% endfor %}
{% endblock %}