{% extends 'menu/navigation_admin.html.twig' %}
{% set side_nav = 'manage_criteria' %}
{% block content %}


    <div style="display: flex;">
        <div class="col-sm-3"></div>
        <div class="col-sm-6">
            <div class="card card-plain">
                <div class="card-header">
                    <h4 class="font-weight-bolder">{% if mode == "edition" %} Édition {% else %} Création {% endif %} d'un critère</h4>
                    <p class="mb-0">{% if mode == "edition" %} Éditer {% else %} Entrer {% endif %} les informations du critère</p>
                </div>
                <div class="card-body">
                    {{ form_start(form, { 'attr': { 'class': '', 'id': 'm_form', 'autocomplete' : 'off' }}) }}
                    <div class="input-group input-group-outline mb-3">
                        {{ form_label(form.typechoice) }}
                        {{ form_widget(form.typechoice) }}
                    </div>
                    <div class="input-group input-group-outline mb-3">
                        {{ form_widget(form.type) }}
                    </div>
                    <div class="input-group input-group-outline mb-3">
                        {{ form_label(form.gamme) }}
                        {{ form_widget(form.gamme) }}
                    </div>
                    <div class="input-group input-group-outline mb-3">
                        {{ form_label(form.criterion) }}
                        {{ form_widget(form.criterion) }}
                    </div>
                    <div class="input-group input-group-outline mb-3 ">
                        {{ form_label(form.from) }}
                        {{ form_widget(form.from) }}
                        {{ form_label(form.to) }}
                        {{ form_widget(form.to) }}
                    </div>
                    <div class="input-group input-group-outline mb-3">

                    </div>
                    <div class="text-center">
                        <button type="button" class="btn btn-info m-btn m-btn--custom m-btn--icon ml-5 float-start"
                                onclick="window.location.href ='{{ path('admin_criteria') }}'">
                                                                        <span>
                                                                            <span><i class="material-icons opacity-10">arrow_back</i> Annuler</span>&nbsp;&nbsp;
                                                                        </span>
                        </button>
                        <button type="submit" class="btn btn-outline-success bg-gradient-success float-end"><i
                                    class="material-icons opacity-10">save</i> Enregistrer
                        </button>
                        {% if mode == "edition" %}
                            <a href="{{ path('admin_delete_criteria', {'criteria': id }) }}">
                                <button type="button" class="btn btn-outline-primary bg-gradient-primary float-end "><i
                                            class="material-icons opacity-10">delete</i> Supprimer
                                </button>
                            </a>
                        {% endif %}
                    </div>
                    {{ form_end(form) }}
                </div>
            </div>
        </div>
        <div class="col-sm-3"></div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ encore_entry_script_tags('listCriteria') }}
{% endblock %}