{% extends 'frontend/carto.html.twig' %}

{% block carto %}
    <div id="carto-int">
        <h1 class="title-interactive">La cartographie interactive Nord Franche-Comté</h1>

        <div class="popup-bulle">
            {% set url = '<a href="'~ path('app_carto_liste', {search_list_form:{category:{'':'temp'}, thematic:{'':'1'}}}) ~'">Consulter la liste</a>' %}
            <div class="popup" data-toggle="popover-bulle" tabindex="0" data-content='<span>Nombre : <span class="nb"></span></span> {{ url }}'></div>

            <div class="carto-bulles"></div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script>
        var routes = {
            app_carto_json: '{{ absolute_url(path('app_carto_json')) }}'
        };
    </script>
    {{ encore_entry_script_tags('app-bulle') }}
{% endblock %}