{% set messages = get_flashed_messages(with_categories=true) %}

{% if messages %}
  {% for category, message in messages %}
  <div class="container">
    <div x-data="{ show: true }" x-show="show" role="alert"
         class="alert alert-{{ category }} alert-dismissible mt-4">
      <button type="button"  class="btn-close"
              aria-label="{{ _('Close') }}" @click="show = false"></button>
        {{ message }}
    </div>
  </div>
  {% endfor %}
{% endif %}