{% extends 'ChillEventBundle::layout.html.twig' %}

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

{% block event_content -%}
    <h1>{{ 'Event creation'|trans }}</h1>

    {{ form_start(form) }}
    {{ form_errors(form) }}
    {{ form_row(form.circle) }}
    {{ form_row(form.center) }}
    {{ form_row(form.name) }}

    {# TODO temporaire: chaque fois qu'on a une date + une heure, on veut afficher sur une seule ligne #}
    <style>
        div#event_date { display: flex; flex-direction: row; flex-wrap: nowrap; }
        div#event_date input#event_date_date { margin-right: 1em; }
        div#event_date div#event_date_time { min-width: 140px; }
    </style>
    {{ form_row(form.date) }}

    {{ form_row(form.type, { 'label': 'Event type' }) }}
    {{ form_row(form.moderator) }}

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