{% extends estXHR ? 'page-xhr-modal.html.twig' : 'page.html.twig' %}

{% block title %}Tarifs{% endblock %}

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

{% block page %}
    <app-toolbar>
        <div main-title>
            Tarifs de {{ composant.nom }} <span class="type">({{ composant.idTypeComposant.libelle }})</span>
        </div>
        <paper-tooltip for="tarif-ajouter">Ajouter tarif</paper-tooltip>
        <paper-icon-button
                id="tarif-ajouter"
                icon="icons:add"
                onclick="xhrModal.open('{{ path('tarifs_new', {'idComposant': composant.id}) }}', 'tarifs')">
        </paper-icon-button>
    </app-toolbar>
    {% for tarif in tarifs %}
        <paper-item>
            <paper-item-body two-line>
                <div>{{ tarif.libelle }}</div>
                <div secondary>Mis à jour le : {{ tarif.dateModification | date('d/m/Y') }}</div>
            </paper-item-body>
            <paper-tooltip for="tarif-{{ tarif.id }}-edit">Editer tarif</paper-tooltip>
            <paper-icon-button
                    id="tarif-{{ tarif.id }}-edit"
                    icon="icons:create"
                    onclick="xhrModal.open('{{ path('tarifs_edit', {'id': tarif.id, 'idComposant': composant.id}) }}', 'tarifs')">
            </paper-icon-button>
        </paper-item>
    {% endfor %}
    {% if tarifs | length == 0 %}
        <h3>Aucun tarif pour ce composant</h3>
    {% endif %}


{% endblock %}