{% extends 'base.html.twig' %}
{% trans_default_domain 'MaritimeCategory' %}
{% block body %}
{{ parent() }}
{% include 'components/pageHeader.html.twig' with {page} %}
{% include 'components/breadcrumb.html.twig' with {pages: [{label: 'offers'}, {route: path('app_maritime_index'), label: 'app_maritime_index'}, {label: page.title}], variation: 'centered'} %}
{% include 'components/intro.html.twig' with {title: page.introTitle, subTitle: page.introSubTitle, description: page.introParagraph} %}
{% for paragraph in page.paragraphs %}
{% include 'components/paragraph.html.twig' with {paragraph} %}
{% endfor %}
<div class="offers" data-controller="swiper">
<div class="offers-header">
{% include 'components/intro.html.twig' with {title: page.offerTitle, subTitle: page.offerSubTitle, description: page.offerParagraph, variant: 'left'} %}
<div class="offers-swiper-buttons" data-swiper-target="controls">
{% include 'components/swiperButtons.html.twig' %}
</div>
</div>
<div class="offers-swiper" data-controller="offers" data-swiper-target="swiper">
<div class="swiper-wrapper">
{% for offer in page.offers %}
<div class="swiper-slide">
{% include 'components/insuranceOffers/insuranceOfferContractCard.html.twig' with {offer: offer, alternate: (loop.index0 % 2 != 0)} %}
</div>
{% endfor %}
</div>
</div>
</div>
{# {% include 'components/serviceBlock.html.twig' with {description: "ASSURBOAT vous propose des services d'assurance maritime ou fluviale, adaptés aux particuliers comme aux professionnels et met en place des solutions spécifiques : protection juridique plaisance, assurance remorques porte bateaux ou pour assurer votre animal de compagnie... Découvrez tous les services !"}%}#}
{% include 'components/serviceBlock.html.twig' %}
{% endblock %}