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

{% block title %}New Tarif{% endblock %}

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

{% block page %}

    <app-toolbar>
        <div main-title>
            Creation tarif
        </div>
        <paper-tooltip for="retour">Retour</paper-tooltip>
        {% if estXHR %}
            <paper-tooltip for="retour">Retour</paper-tooltip>
            <paper-icon-button
                    id="retour"
                    icon="icons:close"
                    onclick="xhrModal.close()">
            </paper-icon-button>
        {% else %}
            <a href="{{ path('composants_index', {'id': composant.id}) }}">
                <paper-icon-button
                        id="retour"
                        icon="icons:reply">
                </paper-icon-button>
            </a>
        {% endif %}
    </app-toolbar>

    <div class="form">
        {{ include('tarifs/_form.html.twig') }}
    </div>

{% endblock %}