{% block flash_messages %}
    {% for type, messages in app.flashes(['notice', 'success', 'warning', 'error']) %}
        {% for flash in messages %}
            {% if(type == 'notice') %}{% set class = 'primary' %}{% endif %}
            {% if(type == 'success') %}{% set class = 'success' %}{% endif %}
            {% if(type == 'warning') %}{% set class = 'warning' %}{% endif %}
            {% if(type == 'error') %}{% set class = 'alert' %}{% endif %}
            <div class="grid-x align-center">
                <div class="callout small {{ class }} small-10 large-10 text-center" data-closable>
                    {#<h5>This a friendly message.</h5>#}
                    <h4>{{ flash }}</h4>
                    <button class="close-button" aria-label="Dismiss alert" type="button" data-close>
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>
        {% endfor %}
    {% endfor %}
{% endblock %}