wms-app/app/setting/profile.php

<?php 
  session_start();
  require '../config.php';
  require '../include_header.php';

?>

<body>
  <?php require '../include_topbar.php';?>
  <?php require '../include_setting_sidebar.php';?>


  <!-- MAIN CONTENT -->
  <main id="content" class="content py-15">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center mb-5 gap-3">
            <div class="">
              <h1 class="fs-3 mb-1">Manage Profile</h1>
              <p class="mb-0">Update profile detail</p>
            </div>
          </div>
        </div>
      </div>

      <div class="row" id="userForm">
        <div class="col-12">
          <div class="card">
            <div class="card-body p-6">

              <!-- Row 1: username / email -->
              <div class="row">
                <div class="col-md-6 mb-3">
                  <label for="username" class="form-label">Username</label>
                  <input type="text" class="form-control" id="username" placeholder="Enter username" required>
                </div>
                <div class="col-md-6 mb-3">
                  <label for="email" class="form-label">Email</label>
                  <input type="email" class="form-control" id="email" placeholder="Enter email" required>
                </div>
              </div>

              <!-- Row 2: password / phone -->
              <div class="row">
                <div class="col-md-6 mb-3">
                  <label for="password" class="form-label">Password</label>
                  <input type="password" class="form-control" id="password" placeholder="Enter password" required>
                </div>
                <div class="col-md-6 mb-3">
                  <label for="phone" class="form-label">Phone</label>
                  <input type="text" class="form-control" id="phone" placeholder="Enter phone number">
                </div>
              </div>

              <!-- Row 3: name / surname -->
              <div class="row">
                <div class="col-md-6 mb-3">
                  <label for="name" class="form-label">Name</label>
                  <input type="text" class="form-control" id="name" placeholder="Enter first name" required>
                </div>
                <div class="col-md-6 mb-3">
                  <label for="surname" class="form-label">Surname</label>
                  <input type="text" class="form-control" id="surname" placeholder="Enter last name" required>
                </div>
              </div>

              <!-- Row 4: country / language -->
              <div class="row">
                <div class="col-md-6 mb-3">
                  <label for="country" class="form-label">Country</label>
                  <input type="text" class="form-control" id="country" placeholder="Enter country">
                </div>
                <div class="col-md-6 mb-3">
                  <label for="language" class="form-label">Language</label>
                  <select class="form-select" id="language">
                    <option value="th" selected>Thai (th)</option>
                    <option value="en">English (en)</option>
                  </select>
                </div>
              </div>

              <!-- default_company / profile_picture -->
              <div class="row">
                <div class="col-md-6 mb-3">
                  <label for="default_company" class="form-label">Default Company ID</label>
                  <input type="number" class="form-control" id="default_company" placeholder="0" value="0">
                </div>
              </div>

              <!-- address -->
              <div class="mb-3">
                <label for="address" class="form-label">Address</label>
                <input type="text" class="form-control" id="address" placeholder="Enter address">
              </div>

              <!-- facebook / line_code -->
              <div class="row">
                <div class="col-md-6 mb-3">
                  <label for="facebook" class="form-label">Facebook</label>
                  <input type="text" class="form-control" id="facebook" placeholder="Enter Facebook profile">
                </div>
                <div class="col-md-6 mb-3">
                  <label for="line_code" class="form-label">Line Code</label>
                  <input type="text" class="form-control" id="line_code" placeholder="Enter Line ID">
                </div>
              </div>

              <!-- signature -->
              <div class="mb-3">
                <label for="signature" class="form-label">Signature</label>
                <input type="text" class="form-control" id="signature" placeholder="Enter signature">
              </div>

              <!-- Buttons -->
              <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary" onclick="manage_user();">Create</button>
              </div>

            </div>
          </div>
        </div>
      </div>

    </div>

    </div>
  </main>

  <?php require "../include_ending.php";?>

  <script>
  function manage_category() {

    return ajax_request({
      url: "<?php echo $server_url?>inventory/api/engine/manage_category.php",
      autoPrepare: true,
      checkRequired: 1,
      debugMode: 0,
      action: 'manage',
      onSuccess: function(res) {

        window.location.href = "<?php echo $server_url?>inventory/product.php";

      }
    });

  }


  function retrieve_for_edit() {

    <?php if(empty($_GET["id"])){ ?>
    return false;
    <?php } ?>

    return ajax_request({
      url: "<?php echo $server_url?>inventory/api/engine/retrieve_category.php",
      autoPrepare: true,
      checkRequired: 0,
      action: 'read',
      onSuccess: function(res) {

        $.each(res.output, function(key, item) {
          $(`#${key}`).val(item);
        });

        $(`button[type=submit]`).text('Update');

        $(`button[type=reset]`).hide();

      }
    });

  }



  $(async function() {
    try {
      await retrieve_for_edit();
    } catch (e) {
      console.log(e);
    }
  });
  </script>


</body>

</html>