{% 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 %}
    <div class="">
        <div class="container">
            {{ breadcrumbs.breadcrumb(crumbs) }}
        </div>
        <div class="section_light top_snow">
            <section class="container activity-section">
                <div class="activity-section-full">
                    <div class="activity-container container">
                        <div class="">
                            <h1 class="">{{ 'Activités et loisirs autour du chalet'|trans }}</h1>
                        </div>
                        <div class="row g-3 mt-3">
                            <div class="col-xl-6 js-poi-list">
                                {{ include('@Booking/front/activity/_list_activities.html.twig') }}
                            </div>
                            <div class="col-xl-6 d-none d-lg-block">
                                <div class="js-map" data-target=".js-poi-list" id="map" style="height:55vh"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
{% endblock %}

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

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