{% extends '@ChillTicket/layout.html.twig' %}

{% block css %}
    {{ parent() }}
    {{ encore_entry_link_tags('vue_ticket_app') }}
{% endblock %}

{% block js %}
    {{ parent() }}
    <script type="text/javascript">
        window.initialTicket = "{{ ticket|serialize('json', {'groups': 'read'})|escape('js') }}";
        window.ticketPersonPerTicket = "{{ personPerTicket|escape('js') }}";
    </script>
    {{ encore_entry_script_tags('vue_ticket_app') }}
{% endblock %}

{% block content %}
    <div id="ticketRoot"></div>
    <div class="sticky-form-buttons" id="actionToolbar" style="display: block;text-align: start;padding: inherit;">
    </div>
{% endblock %}
