{{ form_start(form) }}
<div class="grid grid-cols-2 gap-2">
    <div>
        {{ form_row(form.title) }}
    </div>
    <div>
        {{ form_row(form.shortDescription) }}
    </div>
</div>
<div class="my-2">
    {{ form_row(form.bannerFile) }}
    {% if article.banner is defined %}
        {% if article.banner %}
            <a href="{{ vich_uploader_asset(article, 'bannerFile') }}" target="_blank" rel="noopener">
                <img src="{{ vich_uploader_asset(article, 'bannerFile') }}" alt="{{ article.title }}" class="max-h-[100px] mt-2">
            </a>
        {% endif %}
    {% endif %}
</div>
<div class="grid grid-1">
    {{ form_row(form.description) }}
</div>
<div class="grid grid-1 mt-2">
        {{ form_widget(form.enabled) }}
        {{ form_widget(form.pinned) }}
</div>

<button class="btn-primary mt-3" >
    Valider
</button>
{{ form_end(form) }}


{% block javascripts_end %}
    <script src="{{ asset('/ckeditor/ckeditor.js') }}"></script>
    <script>
        CKEDITOR.replaceClass = 'ckeditor-text';
        CKEDITOR.config.customConfig = '/ckeditor/config.js';
        CKEDITOR.config.colorButton_colors = 'AB161B,1A2C45,FFFFFF,000000';
        CKEDITOR.config.allowedContent = true;
    </script>
{% endblock %}