{% if service.type == 'Package' %}
<div id="service-{{ service.id }}" class="alert alert-info alert-with-icon package-service" data-notify="container" >
{% else %}
<div id="service-{{ service.id }}" class="alert alert-info alert-with-icon service" data-notify="container">
{% endif %}
        <br>
    <h4><strong>{% block serviceName %}{% endblock %}</strong></h4>
    <div>
        {% if service.packageService == null and not hidePrice|default(false) %}
            <strong>{{ "price" |trans |capitalize }}: </strong>
            {% if service.getClientTariffAmounts|amounts  != 0 %}
                {{ service.getClientTariffAmounts|amounts  }}
            {% else %}
                {{ service.quotingPrice|price(service.quotingCurrency)|default(0) }}
            {% endif %}
        {% endif %}
        <br>
    </div>

    <div data-notify="message" class="service-body">

        {% block service_info %} {% endblock %}

        {% if service.clientObservations  %}
        <div class="row">
            <div class="col-xs-12">
                <strong>{{ "observations" |trans |capitalize }}: </strong><br>{{ service.clientObservations|raw }}
            </div>
        </div>
        {% endif %}
    </div>

</div>