{% extends 'ChillPersonBundle:AccompanyingCourse:layout.html.twig' %}

{% set title = 'DRAFT' == accompanyingCourse.step ? 'New accompanying course' : 'Edit accompanying course' %}

{% block title %}
    {{ title|trans }}
{% endblock %}

{% block content %}
   <div id="accompanying-course"></div> {#  <== insert accompanyingCourse vue component  #}
{% endblock %}

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