1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / sathmcmy / www / admin /
Filename : delivered_orders.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);
    // }


    // 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 delivered_token() {
        $token= bin2hex(random_bytes(32));
        $_SESSION['delivered_token'] = $token;
        return $token;
    }

?>

        <div class="grid_10">
            <div class="box round first grid">
                <h2>Customer Order</h2>
                <?php 

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

                <?php 

                    $getOrders= $ct->getDeliveredOrders();

                    // $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>";
                                }
                        ?>
                            <?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++;
                    }

                ?>

                    <input id='delivered_prod_token' type="hidden" value="<?php echo delivered_token(); ?>" >

               </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>

    // 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("#delivered_prod_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_delivered_orders.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("#delivered_prod_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("uniq_token="+ uniq_token + "&counter="+ <?php echo $counter; ?>+ "&limit="+limit + "&offset="+offset);
        // using vanilla js

        
    });

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