{% extends "@ChillPerson/AccompanyingCourse/layout.html.twig" %}

{% set activeRouteKey = 'chill_calendar_calendar_list' %}

{% block title  'Update calendar'|trans %}

{% block content %}
<div class="calendar-edit">
    <div class="row justify-content-center">
        <div class="col-md-10 col-xxl">
            
            <div id="calendar"></div> {# <=== vue component #}
            {% include 'ChillCalendarBundle:Calendar:edit.html.twig' with {'context': 'accompanyingCourse'} %}
            
        </div>
    </div>
</div>
{% endblock %}

{% block js %}
    {{ parent() }}
    {{ encore_entry_link_tags('async_upload') }}
    <script type="text/javascript">
        window.addEventListener('DOMContentLoaded', function (e) {
            chill.displayAlertWhenLeavingModifiedForm('form[name="{{ form.vars.form.vars.name }}"]', 
            '{{ "You are going to leave a page with unsubmitted data. Are you sure you want to leave ?"|trans }}');
        });
        window.entity = {{ entity_json|json_encode|raw }}; 
    </script>
    {{ encore_entry_script_tags('vue_calendar') }}
{% endblock %}

{% block css %}
    {{ parent() }}
    {{ encore_entry_link_tags('async_upload') }}
    {{ encore_entry_link_tags('vue_calendar') }}
{% endblock %}