{% extends "base.html" %}
{% block content %}
<local-services>
    {% for service in services %}
    <local-service
            slot="services"
            service-id="{{service.id}}"
            name="{{service.name}}"
           state="{{service.state.as_str()}}"
    >
        {% for line in service.description.lines() %}
        <p slot="description">{{line}}</p>
        {% endfor %}

        {% for item in service.items %}
        <local-service-item slot="item" name="{{item.name}}" price="{{item.price}}">
        </local-service-item>
        {% endfor %}

    </local-service>
    {% endfor %}
</local-services>
{% endblock %}