Styled book form and added an ux dropzone component.

assets/controllers/mydropzone_controller.js

@@ -0,0 +1,36 @@
+// mydropzone_controller.js
+
+import { Controller } from '@hotwired/stimulus';
+
+export default class extends Controller {
+    connect() {
+        this.element.addEventListener('dropzone:connect', this._onConnect);
+        this.element.addEventListener('dropzone:change', this._onChange);
+        this.element.addEventListener('dropzone:clear', this._onClear);
+    }
+
+    disconnect() {
+        // You should always remove listeners when the controller is disconnected to avoid side-effects
+        this.element.removeEventListener('dropzone:connect', this._onConnect);
+        this.element.removeEventListener('dropzone:change', this._onChange);
+        this.element.removeEventListener('dropzone:clear', this._onClear);
+    }
+
+    _onConnect(event) {
+        // The dropzone was just created
+        console.info(event);
+        console.info('onconnect');
+    }
+
+    _onChange(event) {
+        // The dropzone just changed
+        console.info(event);
+        console.info('onchange');
+    }
+
+    _onClear(event) {
+        // The dropzone has just been cleared
+        console.info(event);
+        console.info('onclear');
+    }
+}