{% import 'shared/componnents/_macros/_forms.html.twig' as forms %}
{% import 'shared/componnents/_macros/_alerts.html.twig' as alerts %}

{% set path = path ?? null %}
{% set path_list =  path_list ?? null %}
{% set label_btn = label_btn ?? '' %}
{% set class_alert = class_alert ?? null %}
{% set theme = theme ?? null %}

<section class="content">
    <div class="box box-default">
        {% for message in app.flashes('success') %}
            {{ alerts.alert(message, class_alert, 'check') }}
        {% endfor %}
        <form  action="{{ path }}" enctype="multipart/form-data" method="post">
            {{ form_widget(form._token) }}
            <div class="box-body">
                <div class="row">
                    <div class="col-md-2">
                        <div class="form-group">
                            {{ form_label(form.standard.name, 'Nom de la thématique') }}
                            {{ form_widget(form.standard.name) }}
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            {{ form_label(form.discount) }}
                            {{ form_widget(form.discount) }}
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            {{ form_label(form.btnText) }}
                            {{ form_widget(form.btnText) }}
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            {% if theme %}
                                <label>Image actuelle</label>
                                {% if theme.document %}
                                    <div style="margin-bottom: 10px;">
                                        <img src="{{ theme.document.path ~ '/' ~ theme.document.fileName }}"
                                             alt="Aperçu"
                                             style="max-width: 200px; border: 1px solid #ddd; padding: 5px; border-radius: 5px;">
                                    </div>
                                {% else %}
                                    <p class="text-muted">Aucune image enregistrée.</p>
                                {% endif %}
                            {% endif %}
                            {{ form_widget(form.document) }}
                            {% if form.document.path.vars.errors|length %}
                                <label class="control-label {% if form.document.path.vars.valid == false %} has-error {% endif %}">
                                    <i class="fa fa-times-circle-o"></i>
                                    {{ form.document.path.vars.errors[0].message }}
                                </label>
                            {% endif %}
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            {{ form_label(form.standard.status) }}
                            {{ form_widget(form.standard.status) }}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            {{ form_label(form.hotel) }}
                            {{ form_widget(form.hotel) }}
                            <p class="help-block">Maintenez la touche Ctrl (ou Cmd) pour sélectionner plusieurs hôtels.</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            {{ form_label(form.description) }}
                            {{ form_widget(form.description) }}
                        </div>
                    </div>
                </div>
                <div class="row mt-1">
                    <div class="col-md-12">
                        <div class="pull-right">
                            {{ forms.button(path_list, 'danger', 'Retour à liste') }}
                            {{ form_widget(form.submit,{'label': label_btn, attr:{'class':'btn btn-primary'}}) }}
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</section>