{{ form_start(form, {attr: attr|default({})}) }}

    {{ form_row(form.wording) }}
    <p id="show_similarity" data-url="{{ path('admin_question_check_similarity') }}" style="display: none;" data-id="{{ (question is defined) ? question.id }}">
        {{ 'question.info.similar'|trans({}, 'admin')|raw }}
        <button class="btn btn-sm btn-warning">{{ 'question.button.show_similar'|trans({}, 'admin') }}</button>
    </p>

    {{ form_row(form.help) }}
    {{ form_row(form.type) }}

    <div class="form-group">
        <label class="required" for="question_level">Difficulté estimée de la question</label>
        <select id="question_level" name="level" class="form-control">
            <option value=""></option>
            <option value="10" {{ (question is defined and question.level == 10 and question.countAnswers == 10) ? 'selected="selected"'  }}>1 étoile</option>
            <option value="30" {{ (question is defined and question.level == 30 and question.countAnswers == 10) ? 'selected="selected"'  }}>2 étoiles</option>
            <option value="50" {{ (question is defined and question.level == 50 and question.countAnswers == 10) ? 'selected="selected"'  }}>3 étoiles</option>
            <option value="70" {{ (question is defined and question.level == 70 and question.countAnswers == 10) ? 'selected="selected"'  }}>4 étoiles</option>
            <option value="90" {{ (question is defined and question.level == 90 and question.countAnswers == 10) ? 'selected="selected"'  }}>5 étoiles</option>
        </select>
        <p id="question_type_help" class="form-text mb-0 help-text">
            Prédéfinie le niveau de la question, avant d'être affiné automatiquement par les réponses utilisateurs
        </p>
    </div>

    {{ form_row(form.mediaFile) }}
    <div class="row">
        <div class="col-6">
            {{ form_row(form.theme) }}
        </div>
    </div>
    {{ form_row(form.information) }}
    {{ form_row(form.source) }}
    {{ form_row(form.illustrationFile) }}
    {{ form_row(form.propositions) }}

    <div id="propositions-bloc">
        <label for="question_information">{{ 'question.label.propositions'|trans({}, 'admin') }}</label>
        <p class="text-center">
            <button class="btn btn-success" id="add_proposition">
                <i class="fas fa-plus"></i> {{ 'question.button.add_proposition'|trans({}, 'admin') }}
            </button>
        </p>
        <div id="container-propositions">
            <div id="propositions-label" class="row">
                <div class="col col-10">
                    {{ 'question.label.proposition_wording'|trans({}, 'admin') }}
                </div>
                <div class="col text-center">
                    {{ 'question.label.proposition_valid'|trans({}, 'admin') }}
                </div>
                <div class="col text-center">
                    <i class="fas fa-cogs"></i>
                </div>
            </div>
        </div>

        {{ form_widget(form.propositionOneIllustrationFile) }}
        {{ form_widget(form.propositionTwoIllustrationFile) }}
        {{ form_widget(form.propositionThreeIllustrationFile) }}
        {{ form_widget(form.propositionFourIllustrationFile) }}
    </div>

    <p>
        {{ form_widget(form.save, {'label': (question is defined) ? 'label.edit_question' : 'label.save_and_create_new'}) }}

        {{
            (question is defined) ?
                form_widget(form.save_and_create, {'label': 'label.save_and_keep'}) :
                form_widget(form.save_and_create, {'label': 'label.save_and_keep'})
        }}

        {% if include_back_to_home_link|default(true) %}
            <a href="{{ path('admin_question_home') }}" class="btn btn-link">
                <i class="fa fa-list-alt" aria-hidden="true"></i> {{ 'action.back_to_list'|trans }}
            </a>
        {% endif %}
    </p>
{{ form_end(form) }}

<div id="questionModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body"></div>
        </div>
    </div>
</div>