1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / sathmcmy / www / admin /
Filename : order_test.php
back
<?php include 'inc/header.php';?>

<?php // include '../lib/Database.php'; ?>

<link rel="stylesheet" href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/rowreorder/1.2.6/css/rowReorder.dataTables.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.3/css/responsive.dataTables.min.css">
    <style>

        .accordion {
            max-width: 1500px;
            margin-left: auto;
            margin-right: auto;
            /* color: #fff; */
        }

        .accordion__item {
            border-top: 1px solid #302c4d;
            border-bottom: 1px solid #302c4d;
            position: relative;
            /* color: #fff; */
        }

        .accordion__item + .accordion__item {
            border-top: none;
            /* color: #fff; */
        }

        .accordion__item:hover {
            background-color: #1e1b38;
            color: #fff;
        }

        .accordion__button {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: transparent;
            cursor: pointer;
            border: none;
            padding: 0;
            z-index: 1;
        }

        .accordion__button:focus {
            outline: none;
        }

        .accordion__button:focus-visible {
            outline: 1px solid #fcba03;
        }

        .accordion__item-header {
            width: 100%;
            padding: 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family:Arial, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: 100;
            margin: 0;
        }

        .accordion__item-header-icon {
            width: 20px;
            height: 20px;
            position: relative;
            transition: transform 0.3s ease;
        }

        .accordion__item-header-icon::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 2px;
            height: 15px;
            background-color: #ffffff;
            opacity: 1;
            transition: opacity 0.2s ease;
        }

        .accordion__item-header-icon::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 15px;
            height: 2px;
            background-color: #ffffff;
            opacity: 1;
            transition: opacity 0.2s ease;
        }

        .accordion__item-header-icon[data-accordion-button-icon=open] {
            transform: rotate(-90deg);
        }

        .accordion__item-header-icon[data-accordion-button-icon=open]::after {
            opacity: 0;
        }

        .accordion__content {
            font-weight: 300;
            height: 0;
            transition: height 0.3s ease;
            padding-left: 25px;
            padding-right: 25px;
            overflow: hidden;
            line-height: 1.8;
            font-size: 14px;
        }

        .accordion__content p {
            margin-top: 0;
            margin-bottom: 25px;
        }

    </style>
<?php include 'inc/sidebar.php';?>

<?php include "../classes/Cart.php"; ?>
<?php include "../classes/Format.php"; ?>

<?php 

    $ct= new Cart();

    $fm= new Format();

    // if(isset($_GET['shiftid'])) {
    //     $id     = $_GET['shiftid'];
    //     $price  = $_GET['price'];
    //     $time   = $_GET['time'];
    //     $shift= $ct->productShifted($id, $time, $price);
    // }



    // Make order into processing state, commented because we're using AJAX for the same thing.
    // if(isset($_GET['makeProcessing'])) {
    //     $order_id         = $_GET['orderId'];
    //     $product_id       = $_GET['makeProcessing'];
    //     $customer_id      = $_GET['customer_id'];
    //     $order_random_id  = $_GET['order_random_id'];
    //     $ct->makeOrderProcessing($order_id, $product_id, $customer_id, $order_random_id);
    // }


    if(isset($_GET['makeDelivered'])) {

        $order_id         = $_GET['orderId'];
        $product_id       = $_GET['makeDelivered'];
        $customer_id      = $_GET['customer_id'];
        $order_random_id  = $_GET['order_random_id'];


        $ct->makeOrderDelivered($order_id, $product_id, $customer_id, $order_random_id);

    }

    function token_load_more_orders() {
        $token= bin2hex(random_bytes(32));
        $_SESSION['token_load_more_orders'] = $token;
        return $token;
    }
    

?>

        <div class="grid_10">
            <div class="box round first grid">
                <h2 style='display: inline-block;'>Customer Order</h2>
                <button onclick="return getOrderUniqueValues()" id='makeProcessingBtn' style='margin-left: 2rem; color: #fff; background: dodgerblue; padding: .5rem 2rem; border: none; cursor: pointer; font-size: 1.1rem;'>Make Processing Order</button>
                <?php 

                    if(isset($shift)) {
                        echo $shift;
                    }
                
                ?>
                
                <div class="block" id="block">        
                    <?php 

                        $getOrders= $ct->getOrders();

                        // $orders= $getOrders->fetch_assoc();

                        // echo "<pre>";
                        //     print_r($orders);
                        // echo "</pre>";
                        $counter= 1;
                        while($row= $getOrders->fetch_assoc())  {
                            // echo $row['order_id'] . "<Br />". $row['cmrId'];
                    ?>
                
                <section class="accordion">
                    <article class="accordion__item" data-accordion-item>
                        <!-- <button class="accordion__button"></button> -->
                        <h3 class="accordion__item-header" style='cursor: pointer;' data-accordion-button><?php echo "<span style='color: dodgerblue;'><strong>[$counter.]</strong> ".$row['name'] . " || Address: ". $row['address']. " || City: ". $row['city'] . " || Phone: ". $row['phone']. " || Email: ". $row['email'] . " || Zip: ". $row['zip'] . " || Country: ". $row['country'] ." </span>"; ?><span class="accordion__item-header-icon" data-accordion-button-icon></span></h3>
                        <div class="accordion__content" data-accordion-content>
                        <?php 
                            // $sql= "SELECT * FROM tbl_order WHERE order_id=". $row['order_id'] . " AND cmrId=". $row['cmrId'];
                            $allOrders= $ct->getAllOrders($row['order_id'], $row['cmrId']);
                            // echo $sql;
                            // $all_o= $allOrders->fetch_assoc();

                            $inner_counter= 1;
                            while($r= $allOrders->fetch_assoc()) {
                                // echo $r['orderId'];
                        ?>
                        <p>
                        <?php  
                                if($r['status'] == 2) {
                                    echo "<span style='background: teal; color: #fff; padding: .3rem .5rem;'>Processing</span>";
                                }
                        ?>
                            
                            <input type='checkbox' style="font-size:" class='check_boxes' value='<?php echo $r["orderId"]; ?>'>
                            <?php echo "[$inner_counter] Product Name: ". $r['productName']; ?> || 
                            Image: <img style='width: 150px; height: 150px;' src="<?php echo $r['image']; ?>" alt=""> || 
                            <span>Ordered on: <?php echo $r['order_date']; ?></span> || <span>Unit Price: <?php echo $r['price']; ?> || Quantity: <?php echo $r['quantity']; ?> || Total Amount: Rs. <?php echo $r['price']* $r['quantity'] . ".00"; ?></span>
                            <?php 
                                if($r['status'] != 2):
                            ?>
                            <a onclick="return confirm('Are you sure?');" style='color:#fcba03;' href="?orderId=<?php echo $r['id']; ?>&makeProcessing=<?php echo $r['productId']; ?>&customer_id=<?php echo $r['cmrId']; ?>&order_random_id=<?php echo $r['orderId']; ?>">Make Processing State</a>
                                <?php endif; ?>
                            <?php 
                                if($r['status'] != 1):
                            ?>
                            <a onclick="return confirm('Are you sure?');" style='color: green;' href="?orderId=<?php echo $r['id']; ?>&makeDelivered=<?php echo $r['productId']; ?>&customer_id=<?php echo $r['cmrId']; ?>&order_random_id=<?php echo $r['orderId']; ?>">Make Delivered State</a>
                                <?php endif; ?>
                            <!-- <a onclick="//return makeProcessing(orderId=<?php // echo $r['id']; ?>, makeProcessing=<?php // echo $r['productId']; ?>, customer_id=<?php // echo $r['cmrId']; ?>, order_random_id='<?php // echo $r['orderId']; ?>')" style='color:#fcba03;' href="#">Make Processing State</a> -->
                        </p>
                        <?php 
                                $inner_counter++;
                            } 
                        ?>
                        </div>
                    </article>
                </section>
                <?php 
                        $counter++;
                        $last_p_id= $row['id'];
                    }

                ?>

                    <input id='make_pending_order_token' type="hidden" value="<?php echo token_load_more_orders(); ?>" >
                    <input type="hidden" id="last_prod_id" value="<?php echo $last_p_id; ?>">
               </div>
            </div>
        </div>


        <div>
            <a href="#" style="background: dodgerblue; color: #fff; padding: .3rem .75rem; display: inline-block; margin-top: 3rem; margin-left: 15rem;" id='load_more_orders'>Load more orders</a>
        </div>
        <!-- <script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script> -->
<script src="//cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/rowreorder/1.2.6/js/dataTables.rowReorder.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>

<script>
    $('#example1').DataTable();
</script>
<script type="text/javascript">
    $(document).ready(function () {
        setupLeftMenu();

        // $('#example').dataTable();
        setSidebarHeight();

        setTimeout(function() {
            $("#msg-err").remove();
        }, 3000);
        
    });
</script>
<script>

    const accordionItems = document.querySelectorAll('[data-accordion-item]');

    accordionItems.forEach(item => {

        const button = item.querySelector('[data-accordion-button]');
        const icon = item.querySelector('[data-accordion-button-icon]');
        const content = item.querySelector('[data-accordion-content]');
        
        window.addEventListener('resize', () => {
            if (content.getAttribute('data-accordion-content') === 'open') {
                content.style.height = 'auto';
                
                const contentHeight = content.scrollHeight;
                content.style.height = `${contentHeight}px`;
            };
        });
        
        button.addEventListener('click', () => {
            if (content.getAttribute('data-accordion-content') !== 'open') {

                const contentHeight = content.scrollHeight;
                
                icon.setAttribute('data-accordion-button-icon', 'open');
                content.setAttribute('data-accordion-content', 'open');
                content.style.height = `${contentHeight}px`;

            } else {
                icon.setAttribute('data-accordion-button-icon', 'closed');
                content.setAttribute('data-accordion-content', 'closed');
                content.style.height = '0';
            };
        });

    });

</script>
<script>

    // make processing state using ajax
    // function makeProcessing(orderId, makeProcessing, customer_id, order_random_id) {

    //     // console.log(orderId);
    //     // console.log(makeProcessing);
    //     // console.log(customer_id);
    //     // console.log(order_random_id);

    //     // const orderId         = orderId;
    //     // const makeProcessing  =  makeProcessing;
    //     // const customer_id     = customer_id;
    //     // const order_random_id = order_random_id;

    //     const xhr= new XMLHttpRequest();

    //     xhr.open("GET", `ajax_process_state.php?orderId=${orderId}&makeProcessing=${makeProcessing}&customer_id=${customer_id}&order_random_id='${order_random_id}'`, true);

    //     xhr.onload= function() {
    //         if(this.status === 200 && this.readyState === 4) {
    //             const responseData= JSON.parse(this.responseText);
    //             console.log(responseData);
    //         }
    //     };

    //     xhr.send();

    //     return false;
    // }

</script>
<script>
    // contains unique order_id
    // let state= [];

    // const cb        = document.querySelectorAll(".check_boxes");
    // let check_boxes = Array.from(cb);

    // document.getElementById("makeProcessingBtn").addEventListener("click", getOrderUniqueValues);

    // Remove customMessage if there is any
    function removeCustomMessage()  {

        let customMsg= Array.from(document.querySelectorAll(".customMessage"));

        if(customMsg) {
            customMsg.forEach(c => c.remove());
        }

    }

    function makeAjaxCall(order_id, token) {

        const xhr= new XMLHttpRequest();

        xhr.open("POST", "makeProcessingAjax.php", true);

        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

        xhr.onload= function() {
            if(this.readyState === 4 && this.status === 200) {

                // Remove all customMessage if there is any
                removeCustomMessage();
                console.log(this.responseText);
                let response     = JSON.parse(this.responseText);
                let blockElement = document.querySelector("#block");
                let newEl        = document.createElement("div");

                // console.log(response);
                // console.log(JSON.parse(this.responseText[1]));

                if(response[0] === 'success') {
                    newEl.innerText     = response[1]; 
                    newEl.style.color   =  'green';
                    newEl.className     =  'customMessage';
                } else if(response[0] === 'failure') {
                    newEl.innerText     =  response[1]; 
                    newEl.style.color   =  'red';
                    newEl.className     =  'customMessage';
                }

                blockElement.insertBefore(newEl, document.querySelector(".accordion"));

                setTimeout(function() {

                    let customMessage= Array.from(document.querySelectorAll(".customMessage"));

                    if(customMessage) {
                        customMessage.forEach(cm => cm.remove());
                    }

                }, 3000);

            }
        };

        // xhr.send( "orderId=" + order_id + "&token=" + token );
        xhr.send( "orderId=" + order_id );

    }

    function getOrderUniqueValues(e) {
        // state= [];
        const cb        = document.querySelectorAll(".check_boxes");
        let check_boxes = Array.from(cb);
        check_boxes.forEach(c => {
            // console.log(c);
            if(c.checked === true) {
                // var token = document.getElementById("make_pending_order_token");

                let order_value = c.value;
                // let token       = c.previousElementSibling.value;
                // state.push(token.value);

                console.log(order_value);
                // makeAjaxCall(order_value, token.value);
                makeAjaxCall(order_value);

                // console.log(token);
                // console.log(order_value);
                // console.log(c.parentElement.parentElement.parentElement.parentElement.remove());

                // Remove the accordion if it's made into processing state.
                c.parentElement.parentElement.parentElement.parentElement.remove();
                // console.log(c.parentElement.parentElement.parentElement.parentElement);

                // Remove the token too.
                // token.remove();

                // Remove the current clicked checkbox too.
                // e.target.remove();


                // console.log(c);
                c.checked= false;
            }
        });
    }



    // For load more
    var limit= 4;
    var offset= 0;
    document.querySelector("#load_more_orders").addEventListener("click", function() {
        // limit += 4;
        offset += 4;

        // console.log(limit);
        // console.log(1);
        // var total_prod_count = <?php // echo $total_prod_count; ?>;

        var uniq_token = document.querySelector("#make_pending_order_token").value;

        // console.log(uniq_token);
        
        // using vanilla js
        var last_prod_id    = parseInt(document.getElementById("last_prod_id").value);
        const Client        = new XMLHttpRequest();
        Client.open("POST", "load_more_pending_orders_ajax.php", true);
        Client.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        Client.onload= function() {
            if(this.status === 200 && this.readyState  === 4) {
                if (!$.trim(this.responseText)) {
                    // document.querySelector("#load-more").remove();
                    document.querySelector("#load_more_orders").innerHTML              = "No more orders.";
                    document.querySelector("#load_more_orders").style.backgroundColor  = "rgb(229,35,56)";
                    document.querySelector("#load_more_orders").style.border           = "rgb(229,35,56)";
                    document.querySelector("#load_more_orders").style.cursor           = "auto";
                    document.querySelector("#load_more_orders").setAttribute("disabled", "true");
                }

                document.querySelector("#last_prod_id").remove();
                // document.querySelector("#load_more_orders").remove();

                document.querySelector("#make_pending_order_token").remove();


                $("#block").append(this.responseText);


                // console.log(this.responseText);

                // $("#block").html(this.responseText);
                
                // document.getElementById("block").innerHTML= this.responseText;
                // $("#acc_id").remove();
            }
        };

        Client.setRequestHeader("X-Requested-With", "XMLHttpRequest");

        Client.send("last_prod_id="+ last_prod_id + "&uniq_token="+ uniq_token + "&counter="+ <?php echo $counter; ?>+ "&limit="+limit + "&offset="+offset);
        // using vanilla js

        
    });

</script>
<?php include 'inc/footer.php';?>