{% extends "../base.html" %}
{% block content %}

{% if account.is_some() %}
<section>
    <a href="/account/offers" class="btn">Opublikuj</a>
</section>
{% endif %}

<marketplace-offers>
    <h2 style="text-align: center">Rzeczy wystawione na sprzedaż</h2>

    {% for offer in my_offers %}
    <user-edit-offer
            state="{{offer.state.as_str()}}"
            offer-id="{{offer.id}}"
            description="{{offer.description}}"
            picture-url="{{offer.picture_url}}"
            {% match offer.price_range %}
            {% when PriceRange::Free %}
            price-range-min="0"
            price-range-max="0"
            {% when PriceRange::Fixed with { value } %}
            price-range-min="{{value}}"
            price-range-max="0"
            {% when PriceRange::Range with { min, max } %}
            price-range-min="{{min}}"
            price-range-max="{{max}}"
            {% endmatch %}
    >
        <marketplace-offer
                offer-id="{{offer.id}}"
                description="{{offer.description}}"
                picture-url="{{offer.picture_url}}"
                {% match offer.price_range %}
                {% when PriceRange::Free %}
                price-range-min="0"
                price-range-max="0"
                {% when PriceRange::Fixed with { value } %}
                price-range-min="{{value}}"
                price-range-max="0"
                {% 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>
    </user-edit-offer>
    {% endfor %}

    {% 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 %}