{# Render flask messages. #}
{%- macro render() -%}
  {% with messages = get_flashed_messages(with_categories=True) %}
    {% if messages %}
        <div id="flash-messages">
            {% for category, msg in messages %}
                <div data-notify="container"
                    class="col-xs-11 col-sm-6 col-lg-5 col-md-6 notification-bar alert-close alert alert-{{ category }} alert-with-icon animated fadeInDown"
                    role="alert"
                    data-notify-position="top-right">
                    <button type="button" aria-hidden="true" class="close notification-close-button" data-notify="dismiss">
                    <i class="material-icons">close</i>
                    </button>
                    <i data-notify="icon" class="material-icons">notifications</i>
                    <span data-notify="title"></span>
                    <span data-notify="message">
                    {{ msg }}
                    </span>
                </div>
            {% endfor %}
        </div>
    {% endif %}
  {% endwith %}
{%- endmacro -%}