{% extends "../base.html" %}
{% block content %}
<h2 style="text-align: center">Lokalne usługi</h2>
<local-business-list {{h.account_id_tag(account)}}>
    {% for business in businesses %}
    <local-business
        slot="business"
        business-id="{{business.id}}"
        name="{{business.name}}"
        state="{{business.state.as_str()}}"
    >
        <business-description slot="description" truncate="100">{{business.description}}</business-description>

        {% for item in business.items %}
        <local-business-item
                slot="item"
                name="{{item.name}}"
                price="{{item.price}}"
                picture-url="{{item.picture_url}}"
        >
        </local-business-item>
        {% endfor %}
        <contact-info-list slot="contacts">
            {% for contact in business.contacts %}
                <contact-info
                        mode="icon"
                        contact-id="{{contact.id}}"
                        content="{{h.render_contact(contact.contact_type.as_str(), contact.content.as_str())}}"
                        type="{{contact.contact_type}}"
                ></contact-info>
            {% endfor %}
        </contact-info-list>

    </local-business>
    {% endfor %}
</local-business-list>
{% endblock %}