{% extends "base.html.twig" %}
{% block content %}
{% include "fragments/_banner.html.twig" %}
<div class="container-fluid intro dark">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 mb-3 p-5">
{{ content.intro|raw }}
</div>
</div>
</div>
</div>
{% set markers = [] %}
<section class="block-accounts mt-2">
{% for societe in content.societes %}
<div class="account position-relative">
<div class="container">
<div class="row">
<div class="col-lg-{{ societe.galerie|length ? 6 : 12 }} infos px-4 py-4 text-center">
{% if societe.account.logo|default(null) %}
<img src="{{ societe.account.logo.thumbnails['logo-x200'] }}" class="img-fluid mb-3 mt-3" >
{% endif %}
<div class="location fst-italic">
{{ societe.emplacement }}
</div>
<div class="service fs-5">
{{ societe.titre }}
</div>
<hr>
<div class="description text-start">
{{ societe.description|raw }}
</div>
</div>
{% if societe.galerie|length %}
<div class="col-lg-6 gallery p-0">
<div class="swiper-galerie swiper h-100">
<div class="swiper-wrapper">
{% for media in societe.galerie %}
<div class="swiper-slide">
<img src="{{ media.formats['sulu-4-3'] }}" class="img-cover">
</div>
{% endfor %}
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
{% set markers = markers|merge(societe.account.addresses|map(a => {lat:a.latitude,lng:a.longitude,adresse:[a.street,a.zip,a.city]|join(' '), html:'<div style="text-align:center;font-size:12px;"><img style="margin-bottom:5px;" src="'~societe.account.logo.thumbnails['logo-map-100x50']~'" /><br>'~a.street~'<br>'~[a.zip,a.city]|join(' - ')~'<br><strong>'~a.note~'</strong></div>'})) %}
{% endfor %}
</section>
<section class="map mt-2" data-object="map" id="map_groupe" data-markers="{{ markers|json_encode }}">
</section>
{% endblock %}