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

{% block css %}
{{ encore_entry_link_tags("mod_async_upload") }}
{{ encore_entry_link_tags("mod_pickentity_type") }}
{{ encore_entry_link_tags('vue_event') }}
{% endblock %}

{% block title 'Event creation'|trans %}

{% block event_content -%}
<div class="col-10">
    <h1>{{ "Event creation" | trans }}</h1>

    {{ form_start(form) }}
    {{ form_errors(form) }}
    {{ form_row(form.name) }}
    {{ form_row(form.circle) }}
    {{ form_row(form.date) }}
    {{ form_row(form.type, { label: "Event type" }) }}
    {{ form_row(form.themes) }}
    {{ form_row(form.moderator) }}
    {{ form_row(form.animatorsIntern) }}
    {{ form_row(form.animatorsExtern) }}
    {{ form_row(form.location) }}
    <div id="location"></div>
    {{ form_row(form.budgetElements) }}
    {{ form_row(form.comment) }}
    {{ form_row(form.documents) }}

    <ul class="record_actions sticky-form-buttons">
        <li class="cancel">
            <a
                href="{{ path('chill_event_list_most_recent') }}"
                class="btn btn-cancel"
            >
                {{ "Back to the most recent events" | trans }}
            </a>
        </li>
        <li>
            {{
                form_widget(form.submit, { attr: { class: "btn btn-create" } })
            }}
        </li>
    </ul>

    {{ form_end(form) }}

    <div id="event"></div>

</div>
{% endblock %}

{% block js %}
    {{ encore_entry_script_tags("mod_async_upload") }}
    {{ encore_entry_script_tags("mod_pickentity_type") }}
    {{ encore_entry_script_tags('vue_event') }}
    <script type="text/javascript">
        window.entity = {{ entity_json|json_encode|raw }};
        {% if app.user.currentLocation is not null %}window.default_location_id = {{ app.user.currentLocation.id }};{% endif %}
    </script>
{% endblock %}
