{{ form_start(form, {'attr': {'class': ''}}) }}
    <div class="container-fluid">
        <div class="row">
            <div class="col-3">
                {% form_theme form 'bootstrap_4_horizontal_layout.html.twig' %}

                <div class="form-group row">
                    {{ form_row(form.titre) }}
                    {{ form_row(form.annee) }}
                    {{ form_row(form.lien) }}
                    {% form_theme form 'bootstrap_4_layout.html.twig' %}

                    {{ form_label(form.mediaVideo, 'Bande annonce') }}
                    {{ form_errors(form.mediaVideo) }}
                    {{ form_widget(form.mediaVideo) }}
                </div>
            </div>
            <div class="col">
                <div class="card">
                    <div class="card-header">
                        {{ form_label(form.genres, 'Genres') }}
                    </div>
                    <div class="card-body">
                        <a href="#" id="add_genre" class="btn btn-link add-another-collection-widget" data-path="{{ path('videotheque_ajax_genres') }}" data-list-selector="#genre-fields-list">Ajouter un genre</a>
                        <ul id="genre-fields-list" class="form-inline"
                            data-prototype="{{ form_widget(form.genres.vars.prototype)|e }}"
                            data-widget-tags="{{ '<li class="list-group-item"></li>'|e }}"
                            data-widget-counter="{{ form.children|length }}">
                            {% for genreField in form.genres %}
                            <li class="list-group-item">
                                {{ form_errors(genreField) }}
                                {{ form_widget(genreField) }}
                            </li>
                            {% else %}
                                {{ form_errors(form.genres) }}
                                {{ form_widget(form.genres) }}
                            {% endfor %}
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card">
                    <div class="card-header">
                        {{ form_label(form.realisateurs, 'Réalisateurs') }}
                    </div>
                    <div class="card-body">
                        <a href="#" id="add_realisateur" class="btn btn-link add-another-collection-widget" data-path="{{ path('videotheque_ajax_realisateurs') }}" data-list-selector="#realisateur-fields-list">Ajouter un réalisateur</a>
                        <ul id="realisateur-fields-list" class="form-inline"
                            data-prototype="{{ form_widget(form.realisateurs.vars.prototype)|e }}"
                            data-widget-tags="{{ '<li class="list-group-item"></li>'|e }}"
                            data-widget-counter="{{ form.children|length }}">
                            {% for realisateurField in form.realisateurs %}
                            <li class="list-group-item">
                                {{ form_errors(realisateurField) }}
                                {{ form_widget(realisateurField) }}
                            </li>
                            {% else %}
                                {{ form_errors(form.realisateurs) }}
                                {{ form_widget(form.realisateurs) }}
                            {% endfor %}
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
    {{ form_rest(form) }}
    {{ form_end(form) }}