bnmbertsurheoppopopooooooooooooooopoopopdf'tdfg

hjkhghoppoopppooppoppoppoopoirh bnmbertsurheoppopopooooooooooooooopoopopdf'tdfg

<?php
require_once 'header.php';
require_once 'navbar.php';
$booking_id = $_GET['id'];
$states = $conn->query("SELECT DISTINCT(state) FROM `statesandcity` ");

?>
<style>
    #success,
    .vendor_group {
        display: none;
    }
</style>

<div class="container-fluid pt-8">
    <div class="page-header mt-0 p-3">
        <h3 class="mb-sm-0">Share Booking Whatsapp</h3>

</div>
    <div id="alert2" class="col-md-12"></div>
    
    <div class="row">
        <div class="col-12">
            <div class="alert alert-success" id="success">Success! Your Request has been submited.</div>

<div class="card shadow">
                <div class="card-header bg-transparent border-0">
                    <h2 class="mb-0">Share Booking</h2>
                </div>
                <div class="card-body">
                    <div class="grid-margin">
                        <div class="">
                            <form method="post" id="whatsapp_msg" enctype="multipart/form-data">
                                <input type="hidden" value="<?=$booking_id?>" name="booking_id" required>
                                <div class="row">
                                    <div class="col-md-6">
                                        <label>Select State</label>
                                        <select name="vendor_state" id="state" onchange="getCities(this.value)"
                                            class="form-control select2">
                                            <option value="">Select State</option>
                                            <?php while ($state = $states->fetch_assoc()) { ?>
                                                <option value="<?= $state['state']; ?>"><?= $state['state']; ?></option>
                                            <?php } ?>
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <label>Select City</label>
                                        <select name="vendor_city" id="city" onchange="getVendors(this.value)" class="form-control select2"
                                            required>
                                            <option value="">Select City</option>
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <label>Select Vendor Type</label>
                                        <select name="type" id="type" onchange="change_group(this.value)" class="form-control">
                                            <option value="">Select Vendor Type</option>
                                            <option value="2">All Vendor</option>
                                            <option value="1">Active Vendor</option>
                                            <option value="0">In-active Vendor</option>
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <label>Select Vendor Group</label>
                                        <select name="limit" id="vendorPagination" class="form-control" required>
                                            <option value="">Select Vendor Group</option>
                                        </select>
                                    </div>
                                    <div class="col-md-4">
                                        <br>
                                        <button type="submit" name="submit" id="btnSubmit"
                                            class="btn btn-primary wdt-bg">Send</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php
require_once 'footer.php';
require_once 'jslinks.php';
?>
<script>

function getCities(state) {
        $.ajax({
            url: "ajax_share_booking.php",
            type: "POST",
            data: { get_city: state },
            success: function (response) {
                let cities = JSON.parse(response);
                let $citySelect = $('#city');

$citySelect.empty().append('<option value="">Select City</option>');

$.each(cities, function (i, city) {
                    $citySelect.append(`<option value="${city}">${city}</option>`);
                });

}
        });
    };

function getVendors(city) {
        var state = $('#state').val();
        var type = $('#type').val();
        if (state && city) {
            $.ajax({
                url: "ajax_share_booking.php",
                type: "POST",
                data: { state: state, city: city },
                success: function (response) {
                    change_group(type)
                    let data = JSON.parse(response);
                    let limit = 20;
                    let $select = $('#vendorPagination');

$select.empty(); // clear old options

for (let i = 1; i <= data.pages; i++) {
                        let start = (i - 1) * limit;
                        let end = start + limit;
                        $select.append(
                            `<option value="${start},${limit}">${start} To ${end}</option>`
                        );
                    }
                }
            });
        }
    };
    
    function change_group(type) {
         state = $('#state').val();
         city = $('#city').val();
            $.ajax({
                url: "ajax_share_booking.php",
                type: "POST",
                data: { state: state, city: city,type: type },
                success: function (response) {
                    let data = JSON.parse(response);
                    let limit = 20;
                    let $select = $('#vendorPagination');

$select.empty(); // clear old options

$('#whatsapp_msg').submit(function (e) {
        e.preventDefault();
        $("#btnSubmit").attr("disabled", true);
        $.ajax({
            url: "ajax_share_booking.php",
            type: "POST",
            data: new FormData(this),
            contentType: false,
            cache: false,
            processData: false,
            success: function (response) {
                console.log(response);
                $("#btnSubmit").attr('disabled', false);
                $("#success").show();
            }
        })
    })
</script>