{% extends 'front/base.html.twig' %}

{% import 'macros/breadcrumbs.html.twig' as breadcrumbs %}
{% set crumbs = [
    { 'title': 'Accueil'|trans, 'url': path('home_index') },
    { 'title': 'Les activités locales'|trans, 'url': null },
] %}

{% block title %}{{ 'Activités et loisirs autour du chalet'|trans }}{% endblock %}

{% block body %}
    <section class="activity-section">
        <div class="activity-section-full">
            <div class="activity-container container">

                {{ breadcrumbs.breadcrumb(crumbs) }}

                <div class="">
                    <h1 class="">{{ 'Activités et loisirs autour du chalet'|trans }}</h1>
                </div>
                <div class="row">
                    <div class="col-4 order-1 order-lg-0 js-poi-list">
                        {{ include('@Booking/front/activity/_list_activities.html.twig') }}
                    </div>
                    <div class="col-8 order-0 order-lg-1">
                        <div class="js-map" data-target=".js-poi-list" id="map" style="height:55vh"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}

{% block stylesheets %}
    {{ encore_entry_link_tags('poi-map') }}
{% endblock %}

{% block javascripts %}
    {{ encore_entry_script_tags('poi-map') }}
{% endblock %}