{% if huitreEditForm is defined %}
    {{ form_start(huitreEditForm) }}
    {# Add price #}
    <div class="form-group row">
        {{ form_label(huitreEditForm.price) }}
        <div class="col-sm-5">
            {{ form_widget(huitreEditForm.price) }}
        </div>
    </div>
    {# Add commentaire #}
    <div class="form-group row">
        {{ form_label(huitreEditForm.commentaire) }}
        <div class="col-sm-8">
            {{ form_widget(huitreEditForm.commentaire) }}
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
        <button type="submit" class="btn btn-success">Modifier</button>
    </div>
    {{ form_end(huitreEditForm) }}
{% endif %}

{% block javascripts %}
    <script>
        const content = CKEDITOR.instances['edit_huitre_form_commentaire'].getData();
        if (CKEDITOR.instances['edit_huitre_form_commentaire']) {
            CKEDITOR.instances['edit_huitre_form_commentaire'].destroy(true);
            delete CKEDITOR.instances['edit_huitre_form_commentaire'];
        }
        CKEDITOR.replace('edit_huitre_form_commentaire');
        CKEDITOR.disableAutoInline = true;
        CKEDITOR.config.autoParagraph = false;
        CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR;
        CKEDITOR.config.toolbar = [
            ['Bold','Italic','Underline','StrikeThrough','-','Undo','Redo','-','Cut','Copy','Paste'],
            ['NumberedList','BulletedList','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
        ];
        CKEDITOR.instances['edit_huitre_form_commentaire'].setData(content);

        $('#_Form_Huitre_Edit').bootstrapValidator({
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: { // DEBUT FIELDS
                'edit_huitre_form[price]': {
                    validators: {
                        notEmpty: { message: 'Veuillez indiquer le prix' }
                    }
                },
            } // END Fields
        })
    </script>
{% endblock %}