Add confirmation before deleting game

games/templates/cotton/button.html

@@ -1,8 +1,8 @@
 <c-vars color="blue" size="base" type="button" />
 <button
-        {% if hx_get %}hx_get="{{ hx_get }}"{% endif %}
-        {% if hx_target %}hx_target="{{ hx_target }}"{% endif %}
-        {% if hx_swap %}hx_swap="{{ hx_swap }}"{% endif %}
+        {% if hx_get %}hx-get="{{ hx_get }}"{% endif %}
+        {% if hx_target %}hx-target="{{ hx_target }}"{% endif %}
+        {% if hx_swap %}hx-swap="{{ hx_swap }}"{% endif %}
         {% if type %}type="{{ type }}"{% endif %}
         {% if title %}title="{{ title }}"{% endif %}
         {% if onclick %}onclick="{{ onclick }}"{% endif %}

games/templates/cotton/layouts/base.html

@@ -46,7 +46,7 @@
              alt="loading indicator" />
         <div class="flex flex-col min-h-screen">
             {% include "navbar.html" %}
-            <div class="flex flex-1 flex-col pt-8 pb-16">{{ slot }}</div>
+            <div id="main-container" class="flex flex-1 flex-col pt-8 pb-16">{{ slot }}</div>
             {% load version %}
             <span class="fixed left-2 bottom-2 text-xs text-slate-300 dark:text-slate-600">{% version %} ({% version_date %})</span>
         </div>
@@ -106,7 +106,8 @@
                 }
             });
         </script>
-   <div id="global-modal-container"></div>
+    // hx-swap-oob makes sure the modal gets removed upon any HTMX response
+   <div id="global-modal-container" hx-swap-oob="true"></div>
 
     <div x-data="toastStore()"
          role="region"