{% extends "layout.html.twig" %}
{% block content %}
<!-- #main -->
<main id="main" role="main">
<div class="apk-page-services apk-assurances">
<div class="uk-container apk-container-1400">
<div class="uk-container apk-container-1000 uk-margin-medium-bottom uk-text-center">
<h1 class="uk-margin-remove-bottom">{{ pimcore_textarea("service-titre")}}</h1>
<p>{{ pimcore_textarea("service-texte")}}</p>
</div>
{% if assurances|length == 0 %}
<div class="uk-text-center uk-text-bold">
{{ "Aucun service n'est disponible"|trans }}
</div>
{% endif %}
<div class="uk-child-width-1-3@m" uk-grid uk-height-match="target: .apk-container-height-match" uk-scrollspy="cls: uk-animation-scale-up; target: .apk-animate; delay: 300; repeat: false">
{% for assurance in assurances %}
<div>
<div class="apk-container-content uk-text-center apk-assurances apk-animate">
<div>
{{ assurance.image.thumbnail('global-image').html()|raw }}
</div>
<div class="apk-container-textes">
<div class="apk-container-height-match">
<h3 class="uk-margin-top uk-margin-bottom">{{ assurance.titre }}</h3>
<p class="uk-margin-remove">{{ (assurance.description|nl2br)|raw }}</p>
</div>
<div class="uk-margin-top">
{% if not assurance.lien is empty %}
<a href="{{ assurance.lien }}" class="uk-button uk-margin-top">{{ "En savoir plus"|trans }}</a>
{% endif %}
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
{{ pimcore_areablock('content') }}
</main>
{% endblock %}
{% block inlinescripts %}
{% endblock inlinescripts %}