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

        {% 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())}}"
                        contact-type="{{contact.contact_type}}"
                ></contact-info>
            {% endfor %}
        </contact-info-list>

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