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

{% block body %}
    {% for message in app.flashes('notice') %}
        <paper-toast class="toast-notice" text="{{ message }}" opened horizontal-align="right" vertical-align="top"></paper-toast>
    {% endfor %}
    {% for message in app.flashes('error') %}
        <paper-toast class="toast-error" text="{{ message }}" opened horizontal-align="right" vertical-align="top"></paper-toast>
    {% endfor %}

    <app-header reveals>
        <app-toolbar>
            <paper-icon-button icon="menu" onclick="drawer.toggle()"></paper-icon-button>
            <div main-title>Tarificateur - ALBA</div>

            {% block navAction %}{% endblock %}
            {{ render(controller("ConfigurateurBundle:Navigation:navbar")) }}

            <paper-progress value="100" bottom-item></paper-progress>
        </app-toolbar>
    </app-header>

    <div class="layout vertical wrap container">
        {% block page %}{% endblock %}
    </div>

    <app-drawer id="drawer" class="left-menu" swipe-open>
        {{ render(controller("ConfigurateurBundle:Navigation:leftMenu")) }}
    </app-drawer>
    <iron-request id="xhr"></iron-request>
    <mgc-xhr-modal id="xhrModal"></mgc-xhr-modal>
{% endblock %}