{% for message in app.flashes('success') %}
<div class="alert alert-success text-center">
{{ message | raw }}
</div>
{% endfor %}
{% for message in app.flashes('error') %}
<div class="alert alert-danger text-center">
{{ message | raw }}
</div>
{% endfor %}
{% for message in app.flashes('info') %}
<div class="alert alert-info text-center">
{{ message | raw }}
</div>
{% endfor %}
<script>
setTimeout(function() {
$(".fade").addClass("show");
},3000);
setTimeout(function() {
$(".alert").addClass("fade");
},10000);
</script>