{{ form_start(form, {'attr': {'class': 'col-8'}}) }}
{{ form_row(form.title, {'attr': {'class': 'form-control mb-2', 'required': 'required'}}) }}
{{ form_row(form.body, {'attr': {'class': 'form-control mb-2'}}) }}
{{ form_row(form.isPublished, {'attr': {'class': 'form-control mb-2'}}) }}

{{ form_row(form.imageFile, {'attr': {'class': 'form-control mb-2'}}) }}
<div id="imagePreview" class="form-group">
    <div class="row flex justify-content-start flex-wrap">

        {% if news.imageName %}
            <div class="col text-center" style="width: 150px; flex: none; margin: 5px">
                <div class="" style="position: absolute">
                    <a href="{{ path('backoffice.news.picture.delete', {id: news.id}) }}"
                       class="btn btn-danger rounded-circle"
                       data-picture-delete data-token="{{ csrf_token('delete_news_picture' ~ news.id) }}"><i class="fa fa-times" aria-hidden="true"></i></a>
                </div>
                {% if 'http' in news.imageName %}
                    <img id="image" src="{{ news.imageName }}" alt="news-img" width="150">
                {% else %}
                    <img id="image" src="{{ vich_uploader_asset(news, 'imageFile') | imagine_filter('thumb') }}" alt="news-img" width="150">
                {% endif %}
            </div>
        {% endif %}

    </div>
</div>

{# --------------------------------------- #}

{{ form_rest(form) }}
<div class="text-right">
    <button class="btn btn-primary w-25">{{ button | default('Enregistrer') }}</button>
    <a href="{{ path('backoffice.news.list') }}" class="btn btn-danger w-25">Annuler</a>
</div>
{{ form_end(form) }}