add modal alert on enquiry

resources/views/home.antlers.html

@@ -177,6 +177,21 @@
     </div>
 </div>
 
+<!-- Button trigger modal -->
+<button id="triggerModal" type="button" style="max-height: 1px; max-width: 1px;position: absolute; top: -100px; left: -100px;" data-bs-toggle="modal" data-bs-target="#enquiryModal"> </button>
+
+  <!-- Modal -->
+  <div class="modal fade" id="enquiryModal" tabindex="-1">
+    <div class="modal-dialog modal-dialog-centered">
+      <div class="modal-content">
+        <div class="modal-body text-center">
+            <p>Your Enquiry has been submitted, we will contact you soon</p>
+            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
 <!-- FOOTER -->
 <div class="container-fluid p-0 m-0">
     <div class="row m-0 p-0 d-flex" style="background-color: #396868">
@@ -234,8 +249,10 @@
 
         // Handle the response
         if (response.ok) {
+
           console.log('Enquiry submitted successfully:', result);
-          alert('Your enquiry has been submitted!');
+          document.getElementById("triggerModal").click()
+
         } else {
           console.error('Submission failed:', result);
           alert('Submission failed. Please try again.');