Optimized flash messages

application/templates/frames/default.html.twig

@@ -1,9 +1,9 @@
 {% extends "base.html.twig" %}
 {% block body %}
 {% include 'frames/structure/navbar.html.twig'%}
-{% include 'frames/structure/message/flash_messages.html.twig'%}
 <br />
 <div class="container">
+	{% include 'frames/structure/message/flash_messages.html.twig'%}
 	{% block content %}
 	{% endblock %}
 </div>

application/templates/frames/structure/message/flash_messages.html.twig

@@ -1,5 +1,8 @@
-{% for message in app.flashes('notice') %}
-    <div class="flash-notice">
-        {{ message }}
-    </div>
+{% set icons = {'success':'fas fa-check-circle','danger':'fas fa-times','warning':'fas fa-exclamation-triangle','info':'fas fa-info'} %}
+{% for label,messages in app.flashes %}
+{% for message in messages %}
+<div class="alert alert-{{ label }}">
+	<i class="{{ icons[label] }}"></i> {{ message }}
+</div>
+{% endfor %}
 {% endfor %}