{{ form_start(form) }}
<div class="row">
    <div class="col-md-12">{{ form_row(form.name) }}</div>
</div>
<div class="row">
    <div class="col-md-6">
        {{ form_row(form.littleDescription) }}
    </div>
    <div class="col-md-6">
        {{ form_row(form.littleDescriptionEn) }}
    </div>
    <div class="col-md-6">
        {{ form_row(form.categories) }}
    </div>
    <div class="col-md-6">
        {{ form_row(form.subCategory) }}
    </div>
    <div class="col-md-6">
        {{ form_row(form.subCategoryEn) }}
    </div>
</div>

<!-- Photos -->
<div class="row">
    <div class="col-md-12">
        {{ form_row(form.pictureFiles) }}
        <div class="liste-photos-admin">
            {% if product is defined %}
                <div class="owl-carousel owl-theme">
                    {% for picture in product.pictures %}
                        <div class="item">
                            <img src="{{ vich_uploader_asset(picture, 'imageFile') }}" alt="">
                            <a href="{{ path('admin.pictureProduct.delete', {id: picture.id}) }}" class="btn btn-danger" data-delete data-token="{{ csrf_token('delete' ~ picture.id) }}">
                                Supprimer
                            </a>
                        </div>
                    {% endfor %}
                </div>
            {% endif %}
        </div>
    </div>
</div>

<!-- Documentation -->
<div class="row">
    <div class="col-md-12">
        {% if product is defined %}
            <div class="documentation">
                {% for doc in product.documentation %}
                    <img src="{{ asset('images/picto/picto-fichier.svg') }}" alt="">
                    <a href="{{ path('admin.documentationProduct.delete', {id: doc.id}) }}" class="btn btn-danger" data-delete data-token="{{ csrf_token('delete' ~ doc.id) }}">
                        Supprimer
                    </a>
                {% endfor %}
            </div>
        {% endif %}
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        {{ form_row(form.documentationFiles) }}
        <div class="liste-photos-admin">
            {% if product is defined %}
                <div class="documentation">
                    {% for doc in product.documentation %}
                        <img src="{{ asset('images/picto/picto-fichier.svg') }}" alt="">
                        <a href="{{ path('admin.documentationProduct.delete', {id: doc.id}) }}" class="btn btn-danger" data-delete data-token="{{ csrf_token('delete' ~ doc.id) }}">
                            Supprimer
                        </a>
                    {% endfor %}
                </div>
            {% endif %}
        </div>
    </div>
</div>

<!-- Picto -->
<div class="row">
    <div class="col-md-12">
        {{ form_row(form.pictos) }}
    </div>
</div>

<!-- Description longue -->
<div class="row">
    <div class="col-md-12">
        {{ form_row(form.description) }}
    </div>
    <div class="col-md-12">
        {{ form_row(form.descriptionEn) }}
    </div>
</div>
{{ form_widget(form) }}
<button class="btn-add">{{ button|default('Enregistrer') }}</button>
{{ form_end(form) }}