{% macro warning(title, warning) %}
    <div class="bg-red-500 border border-red-400 text-red-200 px-4 py-3 mb-4 rounded relative" role="alert">
        <strong class="font-bold">{{ title }}</strong>
        <span class="block sm:inline">{{ warning }}</span>
    </div>
{% endmacro %}