{% with alert_class="col-md-11 py-2 rounded-3 alert" alert_text_class="text-center fw-bold fs-5 m-0"%}
{% for message in messages %}
  <div class="row justify-content-md-center">
    {% if message.level == DEFAULT_MESSAGE_LEVELS.ERROR %}
    <div class="{{ alert_class }} alert-danger" role="alert">
      <p class="{{ alert_text_class }}">{{ message }}</p>
    </div>
    {% elif message.level == DEFAULT_MESSAGE_LEVELS.INFO %}
    <div class="{{ alert_class }} alert-info" role="alert">
      <p class="{{ alert_text_class }}">{{ message }}</p>
    </div>
    {% endif %}
  </div>
{% empty %}
{% if info_mesasge %}
  <div class="row justify-content-md-center">
    <div class="{{ alert_class }} alert-info" role="alert">
      <p class="{{ alert_text_class }}">{{ info_message }}</p>
    </div>
  </div>
{% endif %}
{% if error_message %}
  <div class="row justify-content-md-center">
    <div class="{{ alert_class }} alert-danger" role="alert">
      <p class="{{ alert_text_class }}">{{ error_message }}</p>
    </div>
  </div>
{% endif %}
{% endfor %}
{% endwith %}