{% extends "../base.html" %}
{% block content %}
<marketplace-offers>
    <h2 style="text-align: center">Rzeczy wystawione na sprzedaż</h2>

    {% for offer in offers %}
    <marketplace-offer
            offer-id="{{offer.id}}"
            description="{{offer.description}}"
            picture-url="{{offer.picture_url}}"
            {% match offer.price_range %}
            {% when PriceRange::Free %}
            price-range="free"
            {% when PriceRange::Fixed with { value } %}
            price-range="{{value}}"
            {% when PriceRange::Range with { min, max } %}
            price-range-min="{{min}}"
            price-range-max="{{max}}"
            {% endmatch %}
    >
        <contact-info-list slot="contacts">
            {% for contact in offer.contacts %}
            <contact-info
                    mode="icon"
                    contact-id="{{contact.id}}"
                    contact-type="{{contact.contact_type}}"
                    content="{{h.render_contact(contact.contact_type.as_str(), contact.content.as_str())}}"
            ></contact-info>
            {% endfor %}
        </contact-info-list>
    </marketplace-offer>
    {% endfor %}
</marketplace-offers>
{% endblock %}