Server : LiteSpeed System : Linux us-phx-web1202.main-hosting.eu 4.18.0-553.84.1.lve.el8.x86_64 #1 SMP Tue Nov 25 18:33:03 UTC 2025 x86_64 User : u615232177 ( 615232177) PHP Version : 8.1.33 Disable Function : NONE Directory :  /home/u615232177/domains/florencewaltersconsulting.com/public_html/admin7362/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<?php session_start();
$page_name = basename($_SERVER['PHP_SELF']); 
include("headerstrict.php"); ?>
<?php $page_title = "Gallery"; $page_title_url = "gallery_"; ?>
<title><?php echo $company_name; ?> - <?= $page_title ?></title>
<!-- Body main section starts -->
<main>
    <div class="container-fluid">
        
        <div class="row m-1">
            <div class="col-12">
                <h4 class="main-title"><?= $page_title ?></h4> 
            </div>
        </div>
     
        <div class="row">
            <div class='col-8'>
            <form id='theForm' class="app-form rounded-control" enctype='multipart/form-data'>
                <div class="floating-form mb-3">
                    <input class="form-control" type="text" name="heading" placeholder="Heading" required>
                    <label class="form-label">Heading</label>
                </div>
                <div class="form-floating mb-3">
                    <textarea class="form-control" id='paragraph' name="paragraph" style='height:100px;' placeholder="Paragraph" required></textarea>
                    <label for='paragraph' class="form-floating form-label">Paragraph</label>
                </div>
                <div class="form-floating mb-3">
                    <input class="form-control" type="file" name='fileField' accept="image/*" required>
                    <label class="form-floating form-label">Image</label>
                </div>
                
                <div>
                    <button type="submit" name="action" value="save" class="btn btn-light-primary">Save</button>
                </div>   
            </form>
            </div>

        </div>
        <hr>
        <div class="row mt-4 mb-4">
            <div class="col-12">
                <h4 class="main-title">Uploaded Items</h4> 
            </div>
        </div>
        <div id="data" class='row blog-section'></div>

    </div>
</main>
<?php include("footer.php"); ?>
<script>
    function loadData() {
        $("#data").load("ajax/<?= $page_title_url ?>fetch.php");
    }
    $(document).ready(function () {
        loadData();
    });
</script>

<script>
  // Detect the clicked button
  $(document).on("click", "#theForm button[type=submit]", function () {
    // Remove "clicked" from all buttons first
    $("#theForm button[type=submit]").removeAttr("clicked");
    $(this).attr("clicked", "true");
  });

  $("#theForm").on("submit", function (e) {
    e.preventDefault();

    var formData = new FormData(this);
     // Get the submit button that was clicked
    var actionType = $("#theForm button[type=submit][clicked=true]").val();
    formData.append('action', actionType);

    $.ajax({
      method: "POST",
      url: "ajax/<?= $page_name ?>",
      data: formData,
      contentType: false,
      processData: false,
      success: function (response) {
        Swal.fire({
          icon: 'success',
          title: 'Success!',
          text: response
        });
        $("#theForm")[0].reset();
        loadData();
      },
      error: function () {
        Swal.fire({
          icon: 'error',
          title: 'Upload failed',
          text: 'Something went wrong!'
        });
      }
    });
  });
</script>