wip: group inquiries and booking

assets/controllers/clipboard_controller.js

@@ -0,0 +1,37 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+
+    static values = {
+        content: String,
+        label: String,
+    }
+
+    connect() {
+        this.originalLabel = this.element.innerText
+    }
+
+    disconnect() {
+        clearTimeout(this.resetTimer)
+    }
+
+    copy() {
+        navigator.clipboard.writeText(this.contentValue).then(() => {
+            this.dispatch('copied', {
+                detail: {
+                    content: this.contentValue,
+                }
+            })
+        }).catch((error) => {
+            console.error('Failed to copy to clipboard:', error)
+        })
+
+        if (this.hasLabelValue) {
+            this.element.innerText = this.labelValue
+            clearTimeout(this.resetTimer)
+            this.resetTimer = setTimeout(() => {
+                this.element.innerText = this.originalLabel
+            }, 3000)
+        }
+    }
+}

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()
+    }
+}