{% for service in servicesGroup %}
{% set providedService = profile.providedService(service) %}
{% if providedService %}
<li class="service-item{% if providedService %} service-provide{% endif %} d-flex-c mb-1">
<div class="service-item-block d-flex">
{% set serviceIcon = 'grey' %}
{% if providedService %}
{% if providedService.condition == 1 %}
{% set serviceIcon = 'green' %}
{% elseif providedService.condition == 2 %}
{% set serviceIcon = 'orange' %}
{% elseif providedService.condition == 3 %}
{% set serviceIcon = 'red' %}
{% endif %}
{% else %}
{% set serviceIcon = 'grey' %}
{% endif %}
<a class="d-flex-c link{{ serviceIcon == 'grey' ? ' service-not-available' : '' }}" href="{{ path('profile_list.list_by_provided_service', {'city': profile.city.uriIdentity, 'service': service.uriIdentity}) }}">
<svg class="service-icon mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20">
<use xlink:href="#service-{{serviceIcon}}"></use>
</svg>
{{ service.name|trans }}
{% if providedService and providedService.condition == 3 and providedService.extraCharge %}<span class="service-extra-charge clr-main-text fw-700 ml-1">+{{ providedService.extraCharge }}р</span>{% endif %}
</a>
{% if providedService and providedService.comment %}
<div class="service-comment">{{ providedService.comment }}</div>
{% endif %}
</div>
</li>
{% endif %}
{% endfor %}