{% extends 'base.html.twig' %}
{% block title %}Carte{% endblock %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('map') }}
{% endblock %}
{% set bodyClass = "carte" %}
{% block body %}
<h1>Carte</h1>
<div class="row">
<div class="col center-column mb-4">
<p>Cliquez sur un rond pour faire apparaître les informations</p>
{% include 'common/mapElts.html.twig' %}
<p class="mt-4">Accédez à <a href="{{ path('listNonGeolocalizedStructures') }}">ce qui n'est pas affiché sur la carte</a></p>
</div>
<div class="col-md-12 col-lg-4 left-column">
<div class="recherche">
<h3>Affiner par mot-clé</h3>
{{ form(searchForm, {'attr': {'id': 'tagSearchForm'}}) }}
</div>
<div class="mt-5 themes text-center">
<h3 class="mb-4">Affiner par thème</h3>
<div class="row row-cols-3 maps-themes themes">
{% for theme in themes %}
<div class="col text-center theme">
<a href="#" title="{{ theme.name|capitalize }}" data-theme-slug="{{ theme.slug }}">
{# <img class="img-fluid" src="/image/themes/{{ theme.slug }}.jpg" alt=""> #}
<img src="{{ vich_uploader_asset(theme.picto, 'file')|imagine_filter('theme') }}" alt="{{ theme.picto.name }}" class="img-fluid"><br>
<span>{{ theme.name|capitalize }}</span>
</a>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('map') }}
{% endblock %}