{% extends "page.html.twig" %}

{% block title %}Critere - {{ critere.libelle }}{% endblock %}

{% block style %}
    <link rel="stylesheet" type="text/css" is="custom-style"
          href="{{ app.request.getBaseURL() }}/assets/css/criteres/edit.css">
{% endblock %}

{% block page %}
    {% set actions = {1: {'libelle': 'Retour', 'lien': path('criteres_index') }} %}
    {% set liens = {'Accueil': path('home_index'), 'Critères': path('criteres_index'), (critere.libelle): '#'} %}
    {% include 'breadcrumb.twig' with {'liens': liens, 'actions': actions} %}

    <div class="row horizontal">
        <div id="formulaire-edition" class="flex-lg-4 flex-md-5 flex-sm-6 flex-xs-12">
            <paper-card>
                <h5>Modifier le critère</h5>

                {% if critere.dateModification is not null %}
                    <span>Dernière modification le {{ critere.dateModification | date('d/m/Y à H:i:s') }}</span>
                {% endif %}

                {{ include('criteres/_form.html.twig') }}
                {{ include('criteres/_delete_form.html.twig') }}
                {{ include('criteres/_delete_unused_form.html.twig') }}
            </paper-card>
        </div>
        <div id="liste-valeurs" class="flex-lg-8 flex-md-7 flex-sm-6 flex-xs-12">
            <h5>Valeurs</h5>
            <paper-listbox>
                {% if valeurs | length > 0 %}
                    <mgc-data-table data="{{ valeurs | json_encode }}"
                                    columns='[{"id": "Valeur", "libelle": "Valeur"}]'
                                    order-by="Valeur">
                        {% if critere.deRegroupement %}
                            <template is="actions">
                                <a href="{{ path('criteresvaleurs_edit', {id: 'id'}) | replace({'id': '[[item.Id]]'}) }}">
                                    <paper-icon-button icon="icons:send"></paper-icon-button>
                                    <paper-tooltip>Détail</paper-tooltip>
                                </a>
                            </template>
                        {% endif %}
                    </mgc-data-table>
                {% else %}
                    <p>Aucune valeur pour ce critère</p>
                {% endif %}
            </paper-listbox>
        </div>
    </div>
{% endblock %}