feat: pre-flight check of agency bookings

addresses #869bqxr4q

templates/_partials/_alert.html.twig

@@ -3,7 +3,7 @@
 {% endif %}
 <div class="{{ html_classes('rounded-md mb-4', { 'p-4': modal == false, 'bg-red-500': level == 'error', 'bg-green-500': level == 'success', 'bg-yellow-500': level == 'warning', 'bg-primary-light': level == 'info' }) }}">
     <div class="flex items-start">
-        <div class="shrink-0 text-white mt-1">
+        <div class="{{ html_classes('shrink-0 mt-1', { 'text-gray-800': level == 'warning', 'text-white': level != 'warning' }) }}">
             {% if level == 'error' or level == 'warning' %}
                 <svg class="w-5 h-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                     <path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM8.28 7.22a.75.75 0 0 0-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 1 0 1.06 1.06L10 11.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L11.06 10l1.72-1.72a.75.75 0 0 0-1.06-1.06L10 8.94 8.28 7.22Z" clip-rule="evenodd" />
@@ -20,12 +20,12 @@
         </div>
         <div class="ml-3">
             {% if title is defined %}
-                <div class="text-white text-lg font-semibold uppercase">
+                <div class="{{ html_classes('text-lg font-semibold uppercase', { 'text-gray-800': level == 'warning', 'text-white': level != 'warning' }) }}">
                     {{ title }}
                 </div>
             {% endif %}
             {% if messages is defined %}
-                <div class="text-white">
+                <div class="{{ html_classes({ 'text-gray-800': level == 'warning', 'text-white': level != 'warning' }) }}">
                     <ul role="list" class="space-y-1">
                         {% for message in messages %}
                             <li>