wip: group inquiries and booking

assets/controllers/gallery_controller.js

@@ -0,0 +1,29 @@
+import { Controller } from '@hotwired/stimulus'
+import GLightbox from 'glightbox'
+
+/* stimulusFetch: 'lazy' */
+export default class extends Controller {
+
+    static targets = ['item']
+
+    connect() {
+        this.lightbox = GLightbox({
+            elements: this.itemTargets.map((el) => ({
+                href: el.dataset.galleryHref,
+                type: 'image',
+                alt: el.dataset.galleryAlt ?? '',
+            })),
+        })
+
+        this.itemTargets.forEach((el, index) => {
+            el.addEventListener('click', (e) => {
+                e.preventDefault()
+                this.lightbox.openAt(index)
+            })
+        })
+    }
+
+    disconnect() {
+        this.lightbox.destroy()
+    }
+}

assets/styles/_components.css

@@ -1,7 +1,9 @@
 @import "components/button.css";
 @import "components/forms.css";
+@import "components/gallery.css";
 @import "components/pagination.css";
 @import "components/price_calendar.css";
 @import "components/toast.css";
 @import "components/tooltip.css";
 @import "components/typography.css";
+@import "components/rte-content.css";

assets/styles/components/gallery.css

@@ -0,0 +1 @@
+@import "glightbox/dist/css/glightbox.min.css";

assets/styles/components/rte-content.css

@@ -0,0 +1,13 @@
+.rte-content {
+    p {
+        @apply pb-4;
+    }
+
+    ul {
+        @apply list-disc p-4;
+    }
+
+    ol {
+        @apply list-decimal p-4;
+    }
+}