JezK

Edit File: careClubs.php

<?php
include "sidemenu-start.php";
?>

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-4">
            <h1> Ceramic Club</h1>
        </div>
        <div class="col-lg-8 d-flex justify-content-end align-items-center">
            <div class="mt-2 me-2">
                <select class="fw-bold form-select pending-options" id="mySelect">
                    <option value="1" selected>All</option>
                    <option value="2">Pending</option>
                    <option value="3">Publish</option>
                    <option value="4">Un Publish</option>

</select>
            </div> <a href="addCareClub.php" type="button" class="text-uppercase de-btn-small">Add Ceramic Club</a>
        </div>
    </div>
    <div class="row mt-5" id="appendData">

</div>
</div>

<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content de-modal-content">

<div class="modal-header de-mh">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <h1 class="modal-title text-center" id="exampleModalLabel">Do You want to Delete?</h1>
            </div>
            <div class="modal-footer">

<button type="button" class="de-btn-small yes" name="submit"
                    onclick="deletePackage(this.value)">Yes</button>
                <button type="button" class="close-btn" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="servicesModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm modal-dialog-centered">
        <div class="modal-content de-modal-content">

<div class="modal-header de-mh">
                <h5 class="modal-title" id="exampleModalLabel">Services</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" id="servicesAppend">

</div>
            <div class="modal-footer">

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

<?php
include "sidemenu-end.php";
?>

function readyFunction(type) {

// 1- All,2-Pending,3-Public,4-Unpiblic

$.ajax({
        type: 'POST',
        url: 'app/careClub.php',
        // url: 'app/packages.php',
        data: {
            getData: 'getData',
            type: type
        },
        success: function(data) {
            $('#appendData').html('') // Removing html code
            // console.log(data)
            myDiv = document.getElementById("appendData");
            myDiv.innerHTML += data; // Assigning html code
        }
    })

}

$('#mySelect').change(function() {
    mySelect = $('#mySelect').val();
    console.log(mySelect)
    readyFunction(mySelect)
})

function acceptPackage(id) {
    let careClubId = id
    $.ajax({
        type: 'POST',
        url: 'app/careClub.php',
        data: {
            accept: 'status',
            id: careClubId,
        },
        success: function(data) {

mySelect = $('#mySelect').val();

if (data == 1) {
                toastr.success('CareClub Updated')
                readyFunction(mySelect)
            } else {
                toastr.warning('Unable Update Package')
            }
        }
    })
}

function declinePackage(id) {
    let careClubId = id
    $.ajax({
        type: 'POST',
        url: 'app/careClub.php',
        data: {
            decline: 'status',
            id: careClubId,
        },
        success: function(data) {

mySelect = $('#mySelect').val();

if (data == 1) {
                toastr.success('CareClub Deleted')
                readyFunction(mySelect)
            } else {
                toastr.warning('Unable Delete Package')
            }
        }
    })
}

function changePacakgeStatus(id) {
    let Id = id
    let packageStatus = $('#' + Id).val();

matches = Id.match(/\d+/);
    let pacakgeId = matches[0];

$.ajax({
        type: 'POST',
        url: 'app/careClub.php',
        data: {
            status: 'status',
            id: pacakgeId,
            key: packageStatus
        },
        success: function(data) {

mySelect = $('#mySelect').val();

if (data == 1) {
                toastr.success('Package Updated')
                readyFunction(mySelect)
            } else {
                toastr.warning('Unable Update Package')
            }
        }
    })

}

function getPackageId(id) {
    $('.yes').val(id);
}

function viewServices(careClubId) {

$.ajax({
        type: 'POST',
        url: 'app/careClub.php',
        data: {
            services: 'get',
            careClubId: careClubId
        },
        success: function(data) {
            $('#servicesAppend').html(data)
        }
    })
}
</script>