Manual changes saved

index.html

@@ -473,10 +473,7 @@
           <img src="http://static.photos/technology/320x240/1" alt="Questions" class="w-full h-40 object-cover rounded mb-4">
           <h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-2">Essential Questions to Ask</h4>
           <p class="text-gray-600 mb-4">With a cloud-based solution, these are some of the main questions that should be asked to potential providers.</p>
-        <form action="Ask_sendEmailToCustomer.php" method="post" class="w-full">
-          <input type="hidden" name="resource" value="Essential Questions to Ask">
-          <button type="submit" class="btn-primary w-full py-2 rounded-md font-medium">Download</button>
-        </form>
+        <button class="btn-primary w-full py-2 rounded-md font-medium" onclick="document.getElementById('downloadResource').value='Essential Questions to Ask'; openDownloadModal()">Download</button>
 </div>
         <div class="bg-white p-6 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="100">
           <img src="http://static.photos/technology/320x240/2" alt="Migrating From GP to dynamics 365 business central" class="w-full h-40 object-cover rounded mb-4">
@@ -488,26 +485,20 @@
           <img src="http://static.photos/technology/320x240/3" alt="Empower your Organization in the Cloud" class="w-full h-40 object-cover rounded mb-4">
           <h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-2">Enhance Your Organization in the Cloud</h4>
           <p class="text-gray-600 mb-4">Learn how the cloud-based ERP in Microsoft can enable your business to be efficient and grow.</p>
-        <form action="empower_organization.php" method="post" class="w-full">
-          <input type="hidden" name="resource" value="Enhance Your Organization in the Cloud">
-          <button type="submit" class="btn-primary w-full py-2 rounded-md font-medium">Download</button>
-        </form>
+<button class="btn-primary w-full py-2 rounded-md font-medium" onclick="document.getElementById('downloadResource').value='Enhance Your Organization in the Cloud'; openDownloadModal()">Download</button>
 </div>
         <div class="bg-white p-6 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="200">
           <img src="http://static.photos/technology/320x240/4" alt="Accurate Business Decision" class="w-full h-40 object-cover rounded mb-4">
           <h4 class="text-xl font-bold text-[var(--vlc-navy)] mb-2">Make intelligent Business Decisions</h4>
           <p class="text-gray-600 mb-4">By using Business Central, transform data into intelligent insights and make smart and quick decisions with the help of administrators and employees.</p>
-        <form action="sendEmailtoABD.php" method="post" class="w-full">
-          <input type="hidden" name="resource" value="Make intelligent Business Decisions">
-          <button type="submit" class="btn-primary w-full py-2 rounded-md font-medium">Download</button>
-        </form>
+<button class="btn-primary w-full py-2 rounded-md font-medium" onclick="document.getElementById('downloadResource').value='Make intelligent Business Decisions'; openDownloadModal()">Download</button>
 </div>
       </div>
     </div>
   </section>
   <!-- Download Modal -->
-  <form id="send_email_to_vM_customer" action="./sendEmailtoABD.php" method="post">
-<div id="downloadModal" class="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center hidden">
+  <form id="send_email_to_vM_customer" action="./sendEmailtoABD.php"" method="post">
+    <div id="downloadModal" class="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center hidden">
       <div class="bg-white p-8 rounded-lg max-w-md w-full mx-4 relative">
         <button onclick="closeDownloadModal()" class="absolute top-4 right-4 text-gray-500 hover:text-gray-700" style="cursor:pointer;">
           <i data-feather="x" class="w-6 h-6"></i>
@@ -520,8 +511,8 @@
             <span id="VMerror" style="display:none;color:red;">Please enter valid business email.</span>
             <input style="width: 100%; border-radius: 5px;" name="vM_customer_email" id="vM_customer_email"
                    type="text" placeholder="EMail*" required  autocomplete="off"/>
-            <input type="hidden" id="downloadResource" name="resource" value="">
-<input type="submit" value="Submit" id="VMask_question" class="w-full btn-primary py-3 rounded-md font-medium"/>
+            <input type="hidden" id="downloadResource" name="resource">
+            <input type="submit" value="Submit" id="VMask_question" class="w-full btn-primary py-3 rounded-md font-medium"/>
             <input type="hidden" id="g-recaptcha-response-three" name="g-recaptcha-response-three">
             <input type="hidden" name="action" value="validate_captcha_three">
           </div>
@@ -586,7 +577,21 @@
     </div>
   </footer>
   <script>
-    // Keep only the form validation function
+    // Download modal functions
+    function openDownloadModal(resourceName) {
+      document.getElementById('downloadResource').value = resourceName;
+      document.getElementById('downloadModal').classList.remove('hidden');
+      document.body.style.overflow = 'hidden';
+      document.getElementById('downloadModal').style.display = 'flex';
+    }
+    function closeDownloadModal() {
+      const modal = document.getElementById('downloadModal');
+      modal.classList.add('hidden');
+      document.body.style.overflow = 'auto';
+      setTimeout(() => {
+        modal.style.display = 'none';
+      }, 300); // Match the CSS transition duration
+    }
 // Handle form submission
     document.getElementById('send_email_to_vM_customer').addEventListener('submit', function(e) {
       e.preventDefault();