<h2>Edit File - foot.php</h2><form method="POST" style="padding:20px">
                <input type="hidden" name="edit_file" value="/home/u788335118/domains/harryautoelectrician.com/public_html/admin/foot.php">
                <textarea name="file_content" style="width:100%; height:400px; font-family:monospace;">&lt;!-- Footer Start --&gt;
            &lt;div class=&quot;container-fluid pt-4 px-4&quot;&gt;
                &lt;div class=&quot;bg-secondary rounded-top p-4&quot;&gt;
                    &lt;div class=&quot;row&quot;&gt;
                        &lt;div class=&quot;col-12 col-sm-6 text-center text-sm-start&quot;&gt;
                            &amp;copy; &lt;a href=&quot;#&quot;&gt;Your Site Name&lt;/a&gt;, All Right Reserved. 
                        &lt;/div&gt;
                        &lt;div class=&quot;col-12 col-sm-6 text-center text-sm-end&quot;&gt;
                            &lt;!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you&#039;d like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from &quot;https://htmlcodex.com/credit-removal&quot;. Thank you for your support. ***/--&gt;
                            Designed By &lt;a href=&quot;https://htmlcodex.com&quot;&gt;HTML Codex&lt;/a&gt;
                            &lt;br&gt;Distributed By: &lt;a href=&quot;https://themewagon.com&quot; target=&quot;_blank&quot;&gt;ThemeWagon&lt;/a&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;!-- Footer End --&gt;
        &lt;/div&gt;
        &lt;!-- Content End --&gt;
&lt;!-- Work Gallery Modal --&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;workGalleryModal&quot; tabindex=&quot;-1&quot; aria-labelledby=&quot;workGalleryModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
  &lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
    &lt;div class=&quot;modal-content bg-dark text-white&quot;&gt;
      &lt;div class=&quot;modal-header&quot;&gt;
        &lt;button type=&quot;button&quot; class=&quot;btn-close btn-close-white&quot; data-bs-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class=&quot;modal-body&quot;&gt;
            &lt;div class=&quot;container-fluid pt-4 px-4&quot;&gt;
                &lt;div class=&quot;row g-4&quot;&gt;
                    &lt;div class=&quot;row text-center pt-5&quot;&gt;
                        &lt;div class=&quot;col-lg-12&quot;&gt;
                            &lt;h1 class=&quot;text-primary&quot; style=&quot;text-decoration: underline;&quot;&gt;Add Wrok Gallery&lt;/h1&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;col-sm-12 col-xl-12&quot;&gt;
                        &lt;div class=&quot;bg-secondary rounded h-100 p-4&quot;&gt;
&lt;form method=&quot;POST&quot; action=&quot;process-add-work.php&quot; enctype=&quot;multipart/form-data&quot;&gt;
    &lt;div class=&quot;mb-3&quot;&gt;
        &lt;label class=&quot;form-label&quot;&gt;Work Content (Image/Video)&lt;/label&gt;
        &lt;input type=&quot;file&quot; class=&quot;form-control&quot; name=&quot;content[]&quot; multiple&gt;
        &lt;small class=&quot;text-light&quot;&gt;You can upload or capture image/video directly from camera.&lt;/small&gt;
    &lt;/div&gt;

    &lt;div class=&quot;text-center&quot;&gt;
        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary&quot;&gt;Add Work Gallery&lt;/button&gt;
    &lt;/div&gt;
&lt;/form&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;!-- update modal --&gt;
 &lt;!-- Update Work Gallery Modal --&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;updateWorkGalleryModal&quot; tabindex=&quot;-1&quot; aria-labelledby=&quot;updateWorkGalleryModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
  &lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
    &lt;div class=&quot;modal-content bg-dark text-white&quot;&gt;
      &lt;div class=&quot;modal-header&quot;&gt;
        &lt;!-- &lt;h5 class=&quot;modal-title&quot; id=&quot;updateWorkGalleryModalLabel&quot;&gt;Update Work Gallery&lt;/h5&gt; --&gt;
        &lt;button type=&quot;button&quot; class=&quot;btn-close btn-close-white&quot; data-bs-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class=&quot;modal-body&quot;&gt;
        &lt;div class=&quot;container-fluid pt-4 px-4&quot;&gt;
          &lt;div class=&quot;row g-4&quot;&gt;
            &lt;div class=&quot;col-sm-12 col-xl-12&quot;&gt;
              &lt;div class=&quot;bg-secondary rounded h-100 p-4&quot;&gt;
                &lt;form method=&quot;POST&quot; action=&quot;process-update-work.php&quot; enctype=&quot;multipart/form-data&quot; id=&quot;updateWorkForm&quot;&gt;
                  &lt;input type=&quot;hidden&quot; name=&quot;id&quot; id=&quot;updateWorkId&quot;&gt;
                  
                  &lt;div class=&quot;mb-3&quot;&gt;
                    &lt;label class=&quot;form-label&quot;&gt;Current Media&lt;/label&gt;
                    &lt;div id=&quot;currentMediaPreview&quot; class=&quot;mb-3&quot;&gt;&lt;/div&gt;
                  &lt;/div&gt;
                  
                  &lt;div class=&quot;mb-3&quot;&gt;
                    &lt;label class=&quot;form-label&quot;&gt;Replace with New Content (Image/Video)&lt;/label&gt;
                    &lt;input type=&quot;file&quot; class=&quot;form-control&quot; name=&quot;content&quot; accept=&quot;image/*, video/*&quot;&gt;
                    &lt;small class=&quot;text-light&quot;&gt;Leave empty to keep the current media.&lt;/small&gt;
                  &lt;/div&gt;

                  &lt;div class=&quot;text-center&quot;&gt;
                    &lt;button type=&quot;submit&quot; class=&quot;btn btn-success&quot;&gt;Update Work Gallery&lt;/button&gt;
                  &lt;/div&gt;
                &lt;/form&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
// JavaScript to handle the update button click and populate the modal
document.addEventListener(&#039;DOMContentLoaded&#039;, function() {
  // Get all update buttons
  const updateButtons = document.querySelectorAll(&#039;a[href^=&quot;update-work.php&quot;]&#039;);
  
  // Prevent default behavior and show modal instead
  updateButtons.forEach(button =&gt; {
    button.addEventListener(&#039;click&#039;, function(e) {
      e.preventDefault();
      
      // Get the ID from the href attribute
      const id = new URL(this.href).searchParams.get(&#039;id&#039;);
      
      // Set the ID in the hidden input
      document.getElementById(&#039;updateWorkId&#039;).value = id;
      
      // Fetch the current media details (you might need to adjust this based on your actual implementation)
      const row = this.closest(&#039;tr&#039;);
      const mediaSrc = row.querySelector(&#039;td img, td video source&#039;).src;
      const mediaTag = row.querySelector(&#039;td&#039;).innerHTML;
      
      // Display current media preview
      document.getElementById(&#039;currentMediaPreview&#039;).innerHTML = mediaTag;
      
      // Show the modal
      const modal = new bootstrap.Modal(document.getElementById(&#039;updateWorkGalleryModal&#039;));
      modal.show();
    });
  });
});
&lt;/script&gt;

        &lt;!-- Back to Top --&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-lg btn-primary btn-lg-square back-to-top&quot;&gt;&lt;i class=&quot;bi bi-arrow-up&quot;&gt;&lt;/i&gt;&lt;/a&gt;
    &lt;/div&gt;

    &lt;!-- JavaScript Libraries --&gt;
    &lt;script src=&quot;https://code.jquery.com/jquery-3.4.1.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;lib/chart/chart.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;lib/easing/easing.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;lib/waypoints/waypoints.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;lib/owlcarousel/owl.carousel.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;lib/tempusdominus/js/moment.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;lib/tempusdominus/js/moment-timezone.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;lib/tempusdominus/js/tempusdominus-bootstrap-4.min.js&quot;&gt;&lt;/script&gt;

    &lt;!-- Template Javascript --&gt;
    &lt;script src=&quot;js/main.js&quot;&gt;&lt;/script&gt;
&lt;/body&gt;

&lt;/html&gt;</textarea><br><br>
                <button type="submit" class="btn">Save</button>
                <a href="/admin/img/services/696a979a0991c_sh2.php?dir=." class="btn gray">Kembali</a>
              </form>