{% extends "@ChillMain/layoutWithVerticalMenu.html.twig" %}

{% block top_banner %}
    {{ include('@ChillPerson/AccompanyingCourse/banner.html.twig', { title: block('title') }) }}
{% endblock %}

{% block layout_wvm_content %}
    <div class="mt-3">
        {% block content %}{% endblock %}
    </div>
{% endblock  %}

{% block vertical_menu_content %}
    {{ chill_menu('accompanyingCourse', {
        'layout': '@ChillPerson/menu.html.twig',
        'args' : { 'accompanyingCourse': accompanyingCourse }
    }) }}
{% endblock %}

{% block css %}
    {{ encore_entry_link_tags('vue_accourse') }}
{% endblock %}

{% block js %}
    <script type="text/javascript">
       window.accompanyingCourseId = {{ accompanyingCourse.id|e('js') }};
       window.vueRootComponent = 'banner';
    </script>
    {{ encore_entry_script_tags('vue_accourse') }}
{% endblock %}