{% extends 'admin.html.twig' %}

    {% block title_start %}Caroussel{% endblock %}

    {% block stylesheets %}
        {{ parent() }}
        {{ encore_entry_link_tags('admin_caroussel_add') }}
    {% endblock %}
    
    {% block main %}
        <main class="site-main">
            {{ form_start(formCarousselAdd) }}

                {{ form_errors(formCarousselAdd) }}

                <div class="site-main-form">
                    <h1>Ajouter une image</h1>

                    <div class="site-main-form-name">
                        {{ form_errors(formCarousselAdd.name) }}
                        {{ form_widget(formCarousselAdd.name) }}
                    </div>

                    <div class="site-main-form-link">
                        {{ form_errors(formCarousselAdd.link) }}
                        {{ form_widget(formCarousselAdd.link) }}
                    </div>

                    <div class="site-main-form-imageFileName">
                        {{ form_errors(formCarousselAdd.image) }}
                        {{ form_label(formCarousselAdd.image) }}
                        {{ form_widget(formCarousselAdd.image) }}
                    </div>

                    {# <div class="site-main-form-imagePrev">
                        {% if formCarousselAdd.vars.data.imageFilename %}
                            <img src="{{ uploaded_asset(article
                                    <img id="image-prev" class="image" />Form.vars.data.imagePath)|imagine_filter('squared_thumbnail_small') }}" height="100">
                        {% endif %}
                    </div> #}

                    <div class="site-main-form-button">
                        {{ form_row(formCarousselAdd.save, {'attr': {'class': 'site-main-form-save btn-dark'} }) }}
                        {# {{ form_row(formUserEdit.cancel, {'attr': {'class': 'site-main-form-cancel btn-dark'} }) }} #}
                        <div><button type="submit" name="cancel" value="cancel" class="btn-dark" formnovalidate>Annuler</button></div>
                    </div>
                </div>
            {{ form_end(formCarousselAdd) }}
        </main>
    {% endblock %}

    {% block javascripts %}
        {{ parent() }}
        {{ encore_entry_script_tags('admin_caroussel_add') }}
    {% endblock %}