php destek ihtiyacım var

Merhaba.

<div class="row status-container">
      <div class="status-text" id="availableText">
        <i class="fas fa-check-circle"></i> Müsait
      </div>
      <div class="status-toggle-wrapper">
        <div class="status-toggle inactive" id="statusToggle"></div>
      </div>
      <div class="status-text" id="busyText">
        <i class="fas fa-times-circle"></i> Meşgul
      </div>
    </div>
  </div>
</nav>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/js/bootstrap.min.js"></script>
<script>
  $(document).ready(function() {
    $('#statusToggle').click(function() {
      $(this).toggleClass('active inactive');
      if ($(this).hasClass('active')) {
        $('#availableText').css('color', 'green');
        $('#busyText').css('color', '#fff');
      } else {
        $('#availableText').css('color', '#fff');
        $('#busyText').css('color', 'red');
      }
    });
  });
</script>
</body>
</html>

Web sitemde Müsait Ve Meşgul seçme butonum var müsaiti seçince yeşil yanıyor meşgulü seçince kırmızı yanıyor istediğim şu

Müsait olduğunda veri tabanımda seçen kullanıcının user tablosundan durum_kurye stünunu 1 yapsın ve kullanıcı müsait olsun sürekli öyle kalsın.
Kullanıcı Meşgule çektiğinde kendini seçen kullanıcının user tablosundan durum_kurye stünunu 2 olsun ve kullanıcı Meşgul olsun sürekli öyle kalsın.

Ücretli olarak yardımcı olabilirim dilerseniz pm atabilirsiniz.

Arayış devam ediyor mu?

Teşekkür ederim.

Evet.

Attığınız kodları önce şöyle güncelleyin:

<div class="row status-container">
    <div class="status-text" id="availableText">
      <i class="fas fa-check-circle"></i> Müsait
    </div>
    <div class="status-toggle-wrapper">
      <div class="status-toggle inactive" id="statusToggle"></div>
    </div>
    <div class="status-text" id="busyText">
      <i class="fas fa-times-circle"></i> Meşgul
    </div>
  </div>
  <script>
    $(document).ready(function() {
      $('#statusToggle').click(function() {
        $(this).toggleClass('active inactive');
        let durum = $(this).hasClass('active') ? 1 : 2;
        if (durum === 1) {
          $('#availableText').css('color', 'green');
          $('#busyText').css('color', '#fff');
        } else {
          $('#availableText').css('color', '#fff');
          $('#busyText').css('color', 'red');
        }
        $.ajax({
          url: 'ajax.php',
          type: 'POST',
          data: { durum_kurye: durum },
          success: function(response) {
            console.log(response);
          },
          error: function(xhr, status, error) {
            console.error('Durum güncellenemedi:', error);
          }
        });
      });
    });
  </script>
</body>
</html>

Sonra ajax.php adında bir dosya oluşturun, veritabanı dosyanızı dahil edip globalleri kendinize göre ayarlayın.

<?php
session_start();
include 'db.php';
$user_id = $_SESSION['user_id'];
$durum_kurye = $_POST['durum_kurye'];
$sql = "UPDATE user SET durum_kurye = ? WHERE id = ?";
$stmt = $conn->prepare($sql);
$stmt->bind_param('ii', $durum_kurye, $user_id);
if ($stmt->execute()) {
    echo "Durum güncellendi.";
} else {
    echo "Hata: " . $stmt->error;
}
$stmt->close();
$conn->close();
?>

Ajax ile bir php dosyasına user_id ve durum_kurye değerlerini istek atıp, veri tabanında güncelleme yapabilirsiniz. Aşağıdaki sitede örnek mevcut oraya bakarak entegrasyonu sağlayabilirsiniz.
https://www.phpmutfagi.com/subject/php-ajax-post