{% set classLi = "list-group-item mb-3" %}
    {{ form_start(form, {'attr': {'class': ''} }) }}
    <div class="container-fluid">
        <div class="row">
            <div class="col-md">
                {% form_theme form 'bootstrap_5_horizontal_layout.html.twig' %}

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

                    {#
                    {{ form_label(form.mediaVideo, 'Bande annonce') }}
                    {{ form_errors(form.mediaVideo) }}
                    {{ form_widget(form.mediaVideo) }}
                    #}
                </div>
                <div class="">
                    <div class="card mb-3">
                        <div class="card-header">
                            {{ form_label(form.mediaVideos, 'Bandes annonces') }}
                        </div>
                        <div class="card-body">
                            <button type="button" id="add_media-video" class="btn btn-link add_item_link mb-3" data-collection-holder-id="media-video">Ajouter une bande annonce</button>
                            <ul id="media-video" class="collection-form ps-0"
                                data-index="{{ form.mediaVideos|length > 0 ? form.mediaVideos|last.vars.name + 1 : 0 }}"
                                data-class-li="{{ classLi }}"
                                data-prototype="{{ form_widget(form.mediaVideos.vars.prototype)|e('html_attr') }}">
                                {% for mediaVideoField in form.mediaVideos %}
                                <li class="{{ classLi }}">
                                    {{ form_widget(mediaVideoField) }}
                                    {{ form_errors(mediaVideoField) }}
                                </li>
                                {% else %}
                                    {{ form_widget(form.mediaVideos) }}
                                    {{ form_errors(form.mediaVideos) }}
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md">
                <div class="card mb-3">
                    <div class="card-header">
                        {{ form_label(form.genres, 'Genres') }}
                    </div>
                    <div class="card-body">
                        <button type="button" id="add_genre" class="btn btn-link add_item_link mb-3" data-path="{{ path('videotheque_ajax_genres') }}" data-collection-holder-id="genre-fields-list">Ajouter un genre</button>
                        <ul id="genre-fields-list" class="collection-form ps-0"
                            data-index="{{ form.genres|length > 0 ? form.genres|last.vars.name + 1 : 0 }}"
                            data-prototype="{{ form_widget(form.genres.vars.prototype)|e('html_attr') }}"
                            data-class-li="{{ classLi }}"
                        >
                            {% for genreField in form.genres %}
                            <li class="{{ classLi }}">
                                {{ form_widget(genreField) }}
                                {{ form_errors(genreField) }}
                            </li>
                            {% else %}
                                {{ form_widget(form.genres) }}
                                {{ form_errors(form.genres) }}
                            {% endfor %}
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md">
                <div class="card mb-3">
                    <div class="card-header">
                        {{ form_label(form.realisateurs, 'Réalisateurs') }}
                    </div>
                    <div class="card-body">
                        <button type="button" id="add_realisateur" class="btn btn-link add_item_link mb-3" data-path="{{ path('videotheque_ajax_realisateurs') }}" data-collection-holder-id="realisateur-fields-list">Ajouter un réalisateur</button>
                        <ul id="realisateur-fields-list" class="collection-form ps-0"
                            data-index="{{ form.realisateurs|length > 0 ? form.realisateurs|last.vars.name + 1 : 0 }}"
                            data-prototype="{{ form_widget(form.realisateurs.vars.prototype)|e('html_attr') }}"
                            data-class-li="{{ classLi }}"
                        >
                            {% for realisateurField in form.realisateurs %}
                            <li class="{{ classLi }}">
                                {{ form_widget(realisateurField) }}
                                {{ form_errors(realisateurField) }}
                            </li>
                            {% else %}
                                {{ form_widget(form.realisateurs) }}
                                {{ form_errors(form.realisateurs) }}
                            {% endfor %}
                        </ul>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
    {{ form_rest(form) }}
    {{ form_end(form) }}