<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>List Of Orders</title>

  <!-- Bootstrap core CSS -->
  <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" />
  <link href="https://fonts.googleapis.com/css2?family=Kufam:wght@400;500;600;700;800;900&display=swap"
    rel="stylesheet">

  <!-- Custom styles for this template -->
  <link href="../public/css/main.css" rel="stylesheet">

</head>

<body>

  <div class="d-flex" id="wrapper">

    <!-- Sidebar -->
    <?php
         
          include ('../sidebar_brands.php');
           $brand_store_id=$_SESSION['brand_id'];
          
      ?>
    <!-- /#sidebar-wrapper -->

    <!-- Page Content -->
    <div id="page-content-wrapper">

        <?php

        include ('../navbar_brand_store.php');
        ?>
        <input type="hidden" id="brand-store-id" value="<?=$brand_store_id;?>">
        <div class="container">
            <div class="page_name_candidate">
                <div class="candidate_div mb-4">
                    <h1>Orders List</h1>

                </div>
                <div class="select_sort_second">

                    <div class="sort_btn">
                        <!--              <a href="" data-toggle="modal" data-target="#add_payment_modal"><span class="span_btn"><svg width="12px"-->
                        <!--                    height="12px" viewBox="0 0 18 18" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"-->
                        <!--                    xmlns="http://www.w3.org/2000/svg">-->
                        <!--                    <desc>Created with Lunacy</desc>-->
                        <!--                    <path-->
                        <!--                      d="M10 8L17 8C17.5523 8 18 8.44772 18 9C18 9.55229 17.5523 10 17 10L10 10L10 17C10 17.5523 9.55229 18 9 18C8.44772 18 8 17.5523 8 17L8 10L1 10C0.447715 10 0 9.55229 0 9C0 8.44772 0.447715 8 1 8L8 8L8 1C8 0.447715 8.44772 0 9 0C9.55229 0 10 0.447715 10 1L10 8Z"-->
                        <!--                      id="Path" fill="#FFFFFF" stroke="none" />-->
                        <!--                  </svg></span>Add</a>-->

                    </div>
                </div>



            </div>

            <div class="cards">
                <div class="row">
                    <div class="col-xl-12 mt-3 mb-3">
                        <div class="card payment_method_card candidate">
                            <div class="card-body ">
                                <div class="pagination_table">
                                    <div class="results">

                                    </div>
                                    <div class="page">
                                        <div class="page_filter">
                                            <!--                        <div class="form-group mr-3">-->
                                            <!---->
                                            <!--                          <select class="form-control">-->
                                            <!--                            <option>City</option>-->
                                            <!--                            <option>2</option>-->
                                            <!--                            <option>3</option>-->
                                            <!--                            <option>4</option>-->
                                            <!--                            <option>5</option>-->
                                            <!--                          </select>-->
                                            <!--                        </div>-->
                                            <!--                        <div class="form-group mr-3">-->
                                            <!---->
                                            <!--                          <select class="form-control">-->
                                            <!--                            <option>Country</option>-->
                                            <!--                            <option>2</option>-->
                                            <!--                            <option>3</option>-->
                                            <!--                            <option>4</option>-->
                                            <!--                            <option>5</option>-->
                                            <!--                          </select>-->
                                            <!--                        </div>-->
                                            <!--                        <div class="form-group mr-3">-->
                                            <!--                          <label for="exampleFormControlSelect1">Show:</label>-->
                                            <!--                          <select class="form-control" id="exampleFormControlSelect1">-->
                                            <!--                            <option>20</option>-->
                                            <!--                            <option>2</option>-->
                                            <!--                            <option>3</option>-->
                                            <!--                            <option>4</option>-->
                                            <!--                            <option>5</option>-->
                                            <!--                          </select>-->
                                            <!--                        </div>-->
                                        </div>

                                        <span class="page_head">Results Per Page</span>
                                        <ul class="pagination pagination-sm">
                                            <!--                        <li class="page-item"><a class="page-link page_pre" href="#"><span><i-->
                                            <!--                                class="fas fa-angle-left"></i></span></a></li>-->
                                            <!--                        <li class="page-item"><a class="page-link" href="#">1</a></li>-->
                                            <!--                        <li class="page-item"><a class="page-link" href="#">2</a></li>-->
                                            <!--                        <li class="page-item"><a class="page-link" href="#">...</a></li>-->
                                            <!--                        <li class="page-item"><a class="page-link" href="#">19</a></li>-->
                                            <!--                        <li class="page-item"><a class="page-link page_next" href="#"><span><i-->
                                            <!--                                class="fas fa-angle-right"></i></span></a></li>-->
                                        </ul>

                                    </div>
                                </div>
                                <div class="search_product">
                                    <form action="#">
                                        <div class="input-group ">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="fas fa-search"></i></span>
                                            </div>
                                            <input type="text" class="form-control" id="order-search" placeholder="Searching for.." aria-label="Username"
                                                   aria-describedby="basic-addon1">
                                        </div>
                                    </form>

                                </div>

                                <table class="table table_centerd">
                                    <thead>
                                    <tr>

                                        <th>Order ID</th>
                                        <th>Name</th>
                                        <!--                        <th>Payment Method</th>-->
                                        <!--                        <th>Brand Name</th>-->
                                        <th>Invoice</th>
                                        <th class="vc">Total Amount</th>
                                        <th>Order Status</th>
                                        <th>Processing</th>
                                        <th>Action</th>
                                        <th>Enable</th>


                                    </tr>
                                    </thead>
                                    <tbody id = "list-order-table-body">
                                    <tr>

                                        <td><span>372</span>
                                        </td>
                                        <td data-toggle="collapse" data-target="#demo1" class="accordion-toggle">Jhonson</td>
                                        <td>Paypal</td>
                                        <td>Pepsi</td>
                                        <td>Invoice</td>
                                        <td class="vc">$1566</td>
                                        <td><span class="span_completed">Completed</span></td>

                                        <td>
                                            <div class="">
                                                <button data-toggle="modal" data-target="#add_payment_modal_edit" id="editmodal"
                                                        type="button" class="btn btn-outline-white2 btn-rounded btn-sm">
                                                    <i class="fas fa-pencil-alt fa-pencil-alt2 mt-0"></i>
                                                </button>
                                                <button type="button" class="btn btn-outline-white2 btn-rounded btn-sm">
                                                    <i class="far fa-trash-alt fa-trash-alt2 mt-0"></i>
                                                </button>

                                            </div>
                                        </td>
                                        <td>
                                            <label class="switch">
                                                <input type="checkbox">
                                                <span class="slider round"></span>
                                            </label>

                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="11" class="hiddenRow">
                                            <div class="accordian-body collapse" id="demo1">

                                                <div class="row table_image_row">
                                                    <div class="col-xl-12">
                                                        <table class="table table-image">
                                                            <thead>
                                                            <tr>
                                                                <th scope="col">#</th>
                                                                <th scope="col">SKU</th>
                                                                <th scope="col">Name</th>
                                                                <th scope="col">price</th>
                                                                <th scope="col">Qty</th>
                                                                <th scope="col">Disc</th>
                                                                <th scope="col">Total</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            <tr>
                                                                <td class="expand-img">
                                                                    <img
                                                                            src="https://s3.eu-central-1.amazonaws.com/bootstrapbaymisc/blog/24_days_bootstrap/sheep-3.jpg"
                                                                            class="expand-table-img" alt="Sheep" />
                                                                </td>
                                                                <td scope="row">1122</td>

                                                                <td>HTC vive Reality System</td>
                                                                <td>$99.00</td>
                                                                <td>X2</td>
                                                                <td>5%</td>
                                                                <td>75%</td>
                                                            </tr>
                                                            <tr>
                                                                <td class="expand-img">
                                                                    <img
                                                                            src="https://s3.eu-central-1.amazonaws.com/bootstrapbaymisc/blog/24_days_bootstrap/sheep-3.jpg"
                                                                            class="expand-table-img" alt="Sheep" />
                                                                </td>
                                                                <td scope="row">1122</td>

                                                                <td>HTC vive Reality System</td>
                                                                <td>$99.00</td>
                                                                <td>X2</td>
                                                                <td>5%</td>
                                                                <td>75%</td>
                                                            </tr>
                                                            <tr>
                                                                <td class="expand-img">
                                                                    <img
                                                                            src="https://s3.eu-central-1.amazonaws.com/bootstrapbaymisc/blog/24_days_bootstrap/sheep-3.jpg"
                                                                            class="expand-table-img" alt="Sheep" />
                                                                </td>
                                                                <td scope="row">1122</td>

                                                                <td>HTC vive Reality System</td>
                                                                <td>$99.00</td>
                                                                <td>X2</td>
                                                                <td>5%</td>
                                                                <td>75%</td>
                                                            </tr>
                                                            <tr>
                                                                <td class="expand-img">
                                                                    <img
                                                                            src="https://s3.eu-central-1.amazonaws.com/bootstrapbaymisc/blog/24_days_bootstrap/sheep-3.jpg"
                                                                            class="expand-table-img" alt="Sheep" />
                                                                </td>
                                                                <td scope="row">1122</td>

                                                                <td>HTC vive Reality System</td>
                                                                <td>$99.00</td>
                                                                <td>X2</td>
                                                                <td>5%</td>
                                                                <td>75%</td>
                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    <div class="col-xl-6">
                                                        <div class="card">
                                                            <div class="card-header table-image_card_header">
                                                                <h2 class="table-image-card-body-main-head">Customer Detail</h2>
                                                            </div>
                                                            <div class="card-body">

                                                                <div class="cus_detail_main ">
                                                                    <div class="cus_detail_name">
                                                                        <h2>Name:</h2>
                                                                    </div>
                                                                    <div class="cus_detail_name_head">
                                                                        <h2 style="
                                                                  padding-left: 15px;
                                                              ">john Doe</h2>

                                                                    </div>
                                                                </div>
                                                                <div class="cus_detail_main">
                                                                    <div class="cus_detail_name">
                                                                        <h2>Address:</h2>
                                                                    </div>
                                                                    <div class="cus_detail_name_head">
                                                                        <h2>
                                                                            Reliance Retail Limited HOme unit
                                                                            106 C&B Square Sangram Complex,.
                                                                            Mumbai, Maharashtra, 400059
                                                                        </h2>
                                                                    </div>
                                                                </div>
                                                                <div class="cus_detail_main">
                                                                    <div class="cus_detail_name">
                                                                        <h2>Contact:</h2>
                                                                    </div>
                                                                    <div class="cus_detail_name_head">
                                                                        <h2>
                                                                            RelianceRetailLimited@gmail.com

                                                                        </h2>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-6">
                                                        <div class="card">
                                                            <div class="card-header table-image_card_header">
                                                                <h2 class="table-image-card-body-main-head">Store Detail</h2>
                                                            </div>
                                                            <div class="card-body">
                                                                <div id="store-corousel" class="carousel slide" data-ride="carousel">
                                                                    <div class="carousel-inner">
                                                                        <div class="carousel-item active">
                                                                            <div class="cus_detail_main ">
                                                                                <div class="cus_detail_name">
                                                                                    <h2>Name:</h2>
                                                                                </div>
                                                                                <div class="cus_detail_name_head">
                                                                                    <h2 style="padding-left: 15px;">john Doe</h2>

                                                                                </div>
                                                                            </div>
                                                                            <div class="cus_detail_main">
                                                                                <div class="cus_detail_name">
                                                                                    <h2>Address:</h2>
                                                                                </div>
                                                                                <div class="cus_detail_name_head">
                                                                                    <h2>
                                                                                        Reliance Retail Limited HOme unit
                                                                                        106 C&B Square Sangram Complex,.
                                                                                        Mumbai, Maharashtra, 400059
                                                                                    </h2>
                                                                                </div>
                                                                            </div>
                                                                            <div class="cus_detail_main">
                                                                                <div class="cus_detail_name">
                                                                                    <h2>Contact:</h2>
                                                                                </div>
                                                                                <div class="cus_detail_name_head">
                                                                                    <h2>
                                                                                        RelianceRetailLimited@gmail.com

                                                                                    </h2>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="carousel-item">
                                                                            <div class="cus_detail_main ">
                                                                                <div class="cus_detail_name">
                                                                                    <h2>Name:</h2>
                                                                                </div>
                                                                                <div class="cus_detail_name_head">
                                                                                    <h2 style="padding-left: 15px;">john Doe</h2>

                                                                                </div>
                                                                            </div>
                                                                            <div class="cus_detail_main">
                                                                                <div class="cus_detail_name">
                                                                                    <h2>Address:</h2>
                                                                                </div>
                                                                                <div class="cus_detail_name_head">
                                                                                    <h2>
                                                                                        Reliance Retail Limited HOme unit
                                                                                        106 C&B Square Sangram Complex,.
                                                                                        Mumbai, Maharashtra, 400059
                                                                                    </h2>
                                                                                </div>
                                                                            </div>
                                                                            <div class="cus_detail_main">
                                                                                <div class="cus_detail_name">
                                                                                    <h2>Contact:</h2>
                                                                                </div>
                                                                                <div class="cus_detail_name_head">
                                                                                    <h2>
                                                                                        RelianceRetailLimited@gmail.com

                                                                                    </h2>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="carousel-item">
                                                                            <div class="cus_detail_main ">
                                                                                <div class="cus_detail_name">
                                                                                    <h2>Name:</h2>
                                                                                </div>
                                                                                <div class="cus_detail_name_head">
                                                                                    <h2 style="padding-left: 15px;">john Doe</h2>

                                                                                </div>
                                                                            </div>
                                                                            <div class="cus_detail_main">
                                                                                <div class="cus_detail_name">
                                                                                    <h2>Address:</h2>
                                                                                </div>
                                                                                <div class="cus_detail_name_head">
                                                                                    <h2>
                                                                                        Reliance Retail Limited HOme unit
                                                                                        106 C&B Square Sangram Complex,.
                                                                                        Mumbai, Maharashtra, 400059
                                                                                    </h2>
                                                                                </div>
                                                                            </div>
                                                                            <div class="cus_detail_main">
                                                                                <div class="cus_detail_name">
                                                                                    <h2>Contact:</h2>
                                                                                </div>
                                                                                <div class="cus_detail_name_head">
                                                                                    <h2>
                                                                                        RelianceRetailLimited@gmail.com

                                                                                    </h2>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <a class="carousel-control-prev" href="#store-corousel" role="button" data-slide="prev">
                                                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                                                        <span class="sr-only">Previous</span>
                                                                    </a>
                                                                    <a class="carousel-control-next" href="#store-corousel" role="button" data-slide="next">
                                                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                                                        <span class="sr-only">Next</span>
                                                                    </a>
                                                                </div>



                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-6 mt-2 mb-3">
                                                        <div class="card">
                                                            <div class="card-header table-image_card_header">
                                                                <h2 class="table-image-card-body-main-head">Delivery Partner</h2>
                                                            </div>
                                                            <div class="card-body">
                                                                <div id="shipping-corousel" class="carousel slide" data-ride="carousel">
                                                                    <div class="carousel-inner">
                                                                        <div class="carousel-item active">
                                                                            <div class="cus_detail_main ">
                                                                                <div class="cus_detail_name">
                                                                                    <h2>Name:</h2>
                                                                                    <h2>Eway bill:</h2>
                                                                                    <h2>AWB:</h2>
                                                                                    <h2>Expected delivery date:</h2>
                                                                                    <h2>Track:</h2>
                                                                                </div>
                                                                                <div class="cus_detail_name_head">
                                                                                    <h2>Delhivery</h2>
                                                                                    <h2>5105274653133</h2>
                                                                                    <h2>5105274653133</h2>
                                                                                    <h2>27,jul</h2>

                                                                                    <h2>https://track.fynd.com/orders-tracking</h2>

                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="carousel-item">
                                                                            <div class="cus_detail_main ">
                                                                                <div class="cus_detail_name">
                                                                                    <h2>Name:</h2>
                                                                                    <h2>Eway bill:</h2>
                                                                                    <h2>AWB:</h2>
                                                                                    <h2>Expected delivery date:</h2>
                                                                                    <h2>Track:</h2>
                                                                                </div>
                                                                                <div class="cus_detail_name_head">
                                                                                    <h2>Delhivery</h2>
                                                                                    <h2>5105274653133</h2>
                                                                                    <h2>5105274653133</h2>
                                                                                    <h2>27,jul</h2>

                                                                                    <h2>https://track.fynd.com/orders-tracking</h2>

                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="carousel-item">
                                                                            <div class="cus_detail_main ">
                                                                                <div class="cus_detail_name">
                                                                                    <h2>Name:</h2>
                                                                                    <h2>Eway bill:</h2>
                                                                                    <h2>AWB:</h2>
                                                                                    <h2>Expected delivery date:</h2>
                                                                                    <h2>Track:</h2>
                                                                                </div>
                                                                                <div class="cus_detail_name_head">
                                                                                    <h2>Delhivery</h2>
                                                                                    <h2>5105274653133</h2>
                                                                                    <h2>5105274653133</h2>
                                                                                    <h2>27,jul</h2>

                                                                                    <h2>https://track.fynd.com/orders-tracking</h2>

                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <a class="carousel-control-prev" href="#shipping-corousel" role="button" data-slide="prev">
                                                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                                                        <span class="sr-only">Previous</span>
                                                                    </a>
                                                                    <a class="carousel-control-next" href="#shipping-corousel" role="button" data-slide="next">
                                                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                                                        <span class="sr-only">Next</span>
                                                                    </a>
                                                                </div>



                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-6 mt-2 ">
                                                        <div class="card">
                                                            <div class="card-header table-image_card_header">
                                                                <h2 class="table-image-card-body-main-head">Payment Detail</h2>
                                                            </div>
                                                            <div class="card-body">

                                                                <div class="cus_detail_main ">
                                                                    <div class="cus_detail_name">
                                                                        <h2>Total:</h2>
                                                                        <h2>Mode Of payment:</h2>
                                                                        <h2>Amount:</h2>
                                                                        <h2>GST:</h2>
                                                                        <h2>Discount:</h2>
                                                                    </div>
                                                                    <div class="cus_detail_name_head">
                                                                        <h2>RS:200</h2>
                                                                        <h2>Net Worth</h2>
                                                                        <h2>RS:200</h2>
                                                                        <h2>5%</h2>
                                                                        <h2>10%</h2>

                                                                    </div>
                                                                </div>

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

                                            </div>
                                        </td>
                                    </tr>
                                    <tr>

                                        <td><span>372</span>
                                        </td>
                                        <td data-toggle="collapse" data-target="#demo2" class="accordion-toggle">Jhonson</td>
                                        <td>Paypal</td>
                                        <td>Pepsi</td>
                                        <td>Invoice</td>
                                        <td class="vc">$1566</td>
                                        <td><span class="span_completed">Ready</span></td>
                                        <td>
                                            <div class="">
                                                <button data-toggle="modal" data-target="#add_payment_modal_edit" id="editmodal"
                                                        type="button" class="btn btn-outline-white2 btn-rounded btn-sm">
                                                    <i class="fas fa-pencil-alt fa-pencil-alt2 mt-0"></i>
                                                </button>
                                                <button type="button" class="btn btn-outline-white2 btn-rounded btn-sm">
                                                    <i class="far fa-trash-alt fa-trash-alt2 mt-0"></i>
                                                </button>
                                            </div>
                                        </td>
                                        <td>
                                            <label class="switch">
                                                <input type="checkbox">
                                                <span class="slider round"></span>
                                            </label>

                                        </td>

                                    </tr>
                                    <tr>
                                        <td colspan="11" class="hiddenRow">
                                            <div class="accordian-body collapse" id="demo2"> Demo Content1 </div>
                                        </td>
                                    </tr>
                                    <tr>

                                        <td><span>372</span>
                                        </td>
                                        <td data-toggle="collapse" data-target="#demo2" class="accordion-toggle">Jhonson</td>
                                        <td>Paypal</td>
                                        <td>Pepsi</td>
                                        <td>Invoice</td>
                                        <td class="vc">$1566</td>
                                        <td><span class="span_completed">Ready</span></td>
                                        <td>
                                            <div class="">
                                                <button data-toggle="modal" data-target="#add_payment_modal_edit" id="editmodal"
                                                        type="button" class="btn btn-outline-white2 btn-rounded btn-sm">
                                                    <i class="fas fa-pencil-alt fa-pencil-alt2 mt-0"></i>
                                                </button>
                                                <button type="button" class="btn btn-outline-white2 btn-rounded btn-sm">
                                                    <i class="far fa-trash-alt fa-trash-alt2 mt-0"></i>
                                                </button>
                                            </div>
                                        </td>
                                        <td>
                                            <label class="switch">
                                                <input type="checkbox">
                                                <span class="slider round"></span>
                                            </label>

                                        </td>


                                    </tr>
                                    <tr>

                                        <td><span>372</span>
                                        </td>
                                        <td data-toggle="collapse" data-target="#demo2" class="accordion-toggle">Jhonson</td>
                                        <td>Paypal</td>
                                        <td>Pepsi</td>
                                        <td>Invoice</td>
                                        <td class="vc">$1566</td>
                                        <td><span class="span_completed">Ready</span></td>
                                        <td>
                                            <div class="">
                                                <button data-toggle="modal" data-target="#add_payment_modal_edit" id="editmodal"
                                                        type="button" class="btn btn-outline-white2 btn-rounded btn-sm">
                                                    <i class="fas fa-pencil-alt fa-pencil-alt2 mt-0"></i>
                                                </button>
                                                <button type="button" class="btn btn-outline-white2 btn-rounded btn-sm">
                                                    <i class="far fa-trash-alt fa-trash-alt2 mt-0"></i>
                                                </button>
                                            </div>
                                        </td>
                                        <td>
                                            <label class="switch">
                                                <input type="checkbox">
                                                <span class="slider round"></span>
                                            </label>

                                        </td>
                                    </tr>
                                    <tr>

                                        <td><span>372</span>
                                        </td>
                                        <td data-toggle="collapse" data-target="#demo2" class="accordion-toggle">Jhonson</td>
                                        <td>Paypal</td>
                                        <td>Pepsi</td>
                                        <td>Invoice</td>
                                        <td class="vc">$1566</td>
                                        <td><span class="span_completed">Ready</span></td>
                                        <td>
                                            <div class="">
                                                <button data-toggle="modal" data-target="#add_payment_modal_edit" id="editmodal"
                                                        type="button" class="btn btn-outline-white2 btn-rounded btn-sm">
                                                    <i class="fas fa-pencil-alt fa-pencil-alt2 mt-0"></i>
                                                </button>
                                                <button type="button" class="btn btn-outline-white2 btn-rounded btn-sm">
                                                    <i class="far fa-trash-alt fa-trash-alt2 mt-0"></i>
                                                </button>
                                            </div>
                                        </td>
                                        <td>
                                            <label class="switch">
                                                <input type="checkbox">
                                                <span class="slider round"></span>
                                            </label>

                                        </td>
                                    </tr>
                                    </tbody>
                                </table>

                            </div>
                        </div>

                    </div>

                </div>

            </div>
        </div>
      <!-- /#page-content-wrapper -->

    </div>
    <!-- /#wrapper -->
    <!-- modals -->
    <!-- add modal -->
    <form class="childcatagories_modal_from" id="modal-form" action="">
      <div class="modal fade" id="add_payment_modal" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
          <div class="modal-content">
            <div class="modal-header mh">
              <button type="button" class="close closmodel" data-dismiss="modal" aria-label="Close"
                onclick="colsemodel()">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body mb">
              <div>
                <div class="cat-folder-img">
                  <i class="fa fa-folder" aria-hidden="true"></i>
                </div>
              </div>
              <div class="form-group">
                <label for="cat-name-upload"
                  class="customer-add-input-label txt-regular upload-input-label">S.No</label>
                <input type="text" id="addpro_cat" name="driver_name" placeholder="Enter Serial No" value=""
                  class="customer-add-input  w-100" />
              </div>
              <div class="form-group">
                <label for="cat-name-upload" class="customer-add-input-label txt-regular upload-input-label"> Date &
                  Time</label>
                <input type="datetime-local" id="addpro_cat" name="driver_no" placeholder="Enter Phone No" value=""
                  class="customer-add-input  w-100" />
              </div>
              <div class="form-group">
                <label for="cat-name-upload" class="customer-add-input-label txt-regular upload-input-label"> Rider
                  Name</label>
                <input type="text" id="addpro_cat" name="driver_Email" placeholder="Enter Rider Name" value=""
                  class="customer-add-input  w-100" />
              </div>
              <div class="form-group">
                <label for="cat-name-upload" class="customer-add-input-label txt-regular upload-input-label"> Driver
                  Name</label>
                <input type="text" id="addpro_cat" name="total_trips" placeholder="Enter driver name" value=""
                  class="customer-add-input  w-100" />
              </div>
              <div class="form-group">
                <label for="cat-name-upload" class="customer-add-input-label txt-regular upload-input-label">
                  Fare</label>
                <input type="text" id="addpro_cat" name="total_revenue" placeholder="Enter Fare" value=""
                  class="customer-add-input  w-100" />
              </div>
              <div class="form-group form_select">
                <label for="select_author">Vechile Category</label>
                <select class="form-control selectpicker" id="select_payment">
                  <option>Luxury</option>
                  <option>Bill Gordon</option>
                  <option>Elizabeth Warren</option>
                  <option>Mario Flores</option>
                  <option>Don Young</option>
                  <option disabled="disabled">Marvin
                    Martinez</option>
                </select>
              </div>
              <div class="form-group">
                <label for="cat-name-upload" class="customer-add-input-label txt-regular upload-input-label">
                  Status</label>
                <input type="text" id="addpro_cat" name="status" placeholder="Enter Status" value=""
                  class="customer-add-input  w-100" />
              </div>
              <div class="form-group">
                <label for="cat-name-upload" class="customer-add-input-label txt-regular upload-input-label"> Ride
                  Now</label>
                <input type="text" id="addpro_cat" name="ratings" placeholder="Enter Ridings" value=""
                  class="customer-add-input  w-100" />
              </div>
              <div class="form-group">
                <label for="cat-name-upload" class="customer-add-input-label txt-regular upload-input-label">
                  Pre-bookings</label>
                <input type="text" id="addpro_cat" name="ratings" placeholder="Enter bookings" value=""
                  class="customer-add-input  w-100" />
              </div>


              <!-- <div>
                                <div>
                                    <div class="upload-text-heading">
                                        <h5 class="coupon-code-main-heading txt-regular">
                                            Upload Picture
                                        </h5>
                                    </div>
                                    <div>
                                        <p class="upload-main-paragraph txt-label2">
                                            Drag and drop your files here
                                        </p>
                                    </div>
                                </div>
                                <div class="card text-center uload-card">
                                    <div class="file-upload4">
                                        <div class="image-upload-wrap4">
                                            <input class="file-upload-input4" type="file" onchange="readURL4(this);"
                                                accept="image/*" />
                                            <div class="drag-text4">
                                                <div class="card-body upload-card-body4">
                                                    <div class="upload-img4">
                                                        <img src="../public/image/upload.png" alt="" />
                                                    </div>
                                                    <div class="upload-image-format4">
                                                        <p>
                                                            .PDF .JPG .PNG .DOC
                                                        </p>
                                                    </div>
                                                    <div class="upload-detail4">
                                                        <h4>You can also upload files by</h4>
                                                        <div class="upload-clicking4">
                                                            <a href="#" class="">Clicking here</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="file-upload-content4">
                                            <img class="file-upload-image4" src="#" alt="your image" />
                                            <div class="image-title-wrap4">
                                                <button type="button" onclick="removeUpload4()"
                                                    class="btn remove-image4">
                                                    Remove
                                                    <span class="image-title4" style="display: none;">Uploaded
                                                        Image</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> -->
            </div>
            <div class="modal-footer mf">
              <button type="button" onclick="addproductfield()" class="btn btn-primary">
                <img src="../public/image/tick (1).png" alt="" />
              </button>
            </div>
          </div>
        </div>
      </div>
    </form>
    <!-- edit modal -->
    <form class="childcatagories_modal_from" id="modal-form" action="">
      <div class="modal fade" id="add_payment_modal_edit" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
          <div class="modal-content">
            <div class="modal-header mh">
              <button type="button" class="close closmodel" data-dismiss="modal" aria-label="Close"
                onclick="colsemodel()">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body mb">
              <div>
                <div class="cat-folder-img">
                  <i class="fa fa-folder" aria-hidden="true"></i>
                </div>
              </div>
              <div class="form-group">
                <label for="cat-name-upload"
                  class="customer-add-input-label txt-regular upload-input-label">S.No</label>
                <input type="text" id="addpro_cat" name="driver_name" placeholder="Enter Serial No" value=""
                  class="customer-add-input  w-100" />
              </div>
              <div class="form-group">
                <label for="cat-name-upload" class="customer-add-input-label txt-regular upload-input-label"> Date &
                  Time</label>
                <input type="datetime-local" id="addpro_cat" name="driver_no" placeholder="Enter Phone No" value=""
                  class="customer-add-input  w-100" />
              </div>
              <div class="form-group">
                <label for="cat-name-upload" class="customer-add-input-label txt-regular upload-input-label"> Rider
                  Name</label>
                <input type="text" id="addpro_cat" name="driver_Email" placeholder="Enter Rider Name" value=""
                  class="customer-add-input  w-100" />
              </div>
              <div class="form-group">
                <label for="cat-name-upload" class="customer-add-input-label txt-regular upload-input-label"> Driver
                  Name</label>
                <input type="text" id="addpro_cat" name="total_trips" placeholder="Enter driver name" value=""
                  class="customer-add-input  w-100" />
              </div>
              <div class="form-group">
                <label for="cat-name-upload" class="customer-add-input-label txt-regular upload-input-label">
                  Fare</label>
                <input type="text" id="addpro_cat" name="total_revenue" placeholder="Enter Fare" value=""
                  class="customer-add-input  w-100" />
              </div>
              <div class="form-group form_select">
                <label for="select_author">Vechile Category</label>
                <select class="form-control selectpicker" id="select_payment">
                  <option>Luxury</option>
                  <option>Bill Gordon</option>
                  <option>Elizabeth Warren</option>
                  <option>Mario Flores</option>
                  <option>Don Young</option>
                  <option disabled="disabled">Marvin
                    Martinez</option>
                </select>
              </div>
              <div class="form-group">
                <label for="cat-name-upload" class="customer-add-input-label txt-regular upload-input-label">
                  Status</label>
                <input type="text" id="addpro_cat" name="status" placeholder="Enter Status" value=""
                  class="customer-add-input  w-100" />
              </div>
              <div class="form-group">
                <label for="cat-name-upload" class="customer-add-input-label txt-regular upload-input-label"> Ride
                  Now</label>
                <input type="text" id="addpro_cat" name="ratings" placeholder="Enter Ridings" value=""
                  class="customer-add-input  w-100" />
              </div>
              <div class="form-group">
                <label for="cat-name-upload" class="customer-add-input-label txt-regular upload-input-label">
                  Pre-bookings</label>
                <input type="text" id="addpro_cat" name="ratings" placeholder="Enter bookings" value=""
                  class="customer-add-input  w-100" />
              </div>



              <!-- <div>
                                <div>
                                    <div class="upload-text-heading">
                                        <h5 class="coupon-code-main-heading txt-regular">
                                            Upload Picture
                                        </h5>
                                    </div>
                                    <div>
                                        <p class="upload-main-paragraph txt-label2">
                                            Drag and drop your files here
                                        </p>
                                    </div>
                                </div>
                                <div class="card text-center uload-card">
                                    <div class="file-upload4">
                                        <div class="image-upload-wrap4">
                                            <input class="file-upload-input4" type="file" onchange="readURL4(this);"
                                                accept="image/*" />
                                            <div class="drag-text4">
                                                <div class="card-body upload-card-body4">
                                                    <div class="upload-img4">
                                                        <img src="../public/image/upload.png" alt="" />
                                                    </div>
                                                    <div class="upload-image-format4">
                                                        <p>
                                                            .PDF .JPG .PNG .DOC
                                                        </p>
                                                    </div>
                                                    <div class="upload-detail4">
                                                        <h4>You can also upload files by</h4>
                                                        <div class="upload-clicking4">
                                                            <a href="#" class="">Clicking here</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="file-upload-content4">
                                            <img class="file-upload-image4" src="#" alt="your image" />
                                            <div class="image-title-wrap4">
                                                <button type="button" onclick="removeUpload4()"
                                                    class="btn remove-image4">
                                                    Remove
                                                    <span class="image-title4" style="display: none;">Uploaded
                                                        Image</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> -->
            </div>
            <div class="modal-footer mf">
              <button type="button" onclick="addproductfield()" class="btn btn-primary">
                <img src="../public/image/tick (1).png" alt="" />
              </button>
            </div>
          </div>
        </div>
      </div>
    </form>

    <!-- Bootstrap core JavaScript -->
    <script src="../vendor/jquery/jquery.min.js"></script>
    <script src="../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
    <script src="../public/js/customjs.js"></script>

    <!-- Menu Toggle Script -->
    <script>
      $("#menu-toggle").click(function (e) {
        e.preventDefault();
        $("#wrapper").toggleClass("toggled");
      });
      $('.brandsf_order_active').addClass('active');
    </script>

      <script>

          $(document).ready(function (){
              retrieveallOrders();

              function retrieveallOrders(search = '') {
                  var store_id = $("#brand-store-id").val();
                  sendRequest("?action_type=retrieve&request_type=store&functionality_type=retrieve_all_orders", {
                      page: 1,
                      search:search,
                      store_id:store_id

                  }, "POST")
                      .then((data) => {
                          var data = JSON.parse(data);
                          if (data.code == "202") {


                              $(".pagination").html(data.pagination);
                              $("#list-order-table-body").empty();
                              var list = data.listOfData;

                              console.log("Loop Data = "+list);


                              for (var i = 0; i < list.length; i++) {
                                  var shippingList = [];
                                  var storeList = [];
                                  var brandList = [];
                                  var cou_name;



                                  // console.log("Data  Id = " + list[i].id + " Name = " + list[i].logo + " enable = " + list[i].name);
                                  var n = list[i].id;
                                  var order_no = list[i].order_no;
                                  var total_amount = list[i].total_amount;
                                  var shipping_fee = list[i].shipping_fee;


                                  var name = list[i].name;
                                  var disc;
                                  var discounted_amount = list[i].discounted_amount;
                                  if(discounted_amount !== null){
                                      disc = discounted_amount;
                                  }
                                  else {
                                      disc = "0";
                                  }


                                  var status = list[i].status;
                                  var enable = list[i].enble;
                                  var user_adress = list[i].user_adress;
                                  var user_apart = list[i].user_apart;
                                  var user_city = list[i].user_city;
                                  var user_postal_code = list[i].user_postal_code;
                                  var user_contact = list[i].user_contact;
                                  var user_country = list[i].user_country;
                                  var token = list[i].token;
                                  var card_name;
                                  if (token !== null) {
                                      card_name = "Credit / Debit Card"
                                  }
                                  else {
                                      card_name ="COD";
                                  }







                                  // console.log(shippingList);




                                  // var usage_count = list[i].usage_count;
                                  // var duration_limit = list[i].duration_limit;
                                  // var user_limit = list[i].user_limit;
                                  // var status = list[i].status;
                                  // var status_class ="";
                                  // if(status == "Active"){
                                  //     status_class ="span_new";
                                  // }
                                  // else {
                                  //     status_class ="span_disable";
                                  // }
                                  var total_payment;

                                  if(discounted_amount == "0"){
                                      total_payment = parseInt(total_amount) + parseInt(shipping_fee);

                                  }
                                  else {
                                      total_payment = discounted_amount;
                                  }

                                  var status_name;
                                  var status_class;
                                  var status_classactive;
                                  var status_nameactive;
                                  var status_val;


                                  if(status == "0"){
                                      status_name= "Pending";
                                      status_class = "order_pending";
                                      status_classactive = "order_procesed";
                                      status_nameactive = "Processed Now";
                                      status_val = "1";

                                  }
                                  else if(status == "1"){
                                      status_name= "Processed";
                                      status_class = "order_procesed"
                                      status_classactive ="order_completed"
                                      status_nameactive = "Completed Now";
                                      status_val = "2";
                                  }
                                  else {
                                      status_name= "Completed";
                                      status_class = "order_completed"
                                      status_classactive ="order_completed"
                                      status_nameactive = "Completed";
                                      status_val = "disable";

                                  }







                                  // var enable = list[i].enable;
                                  var checked = "";
                                  if (enable == "0") {
                                      checked = "value='0'";
                                      console.log("hellog");
                                  } else {
                                      console.log("hello2");
                                      checked = "value='1'  checked";
                                  }




                                  <!--<editor-fold desc="Description">-->

                                  var text = "<tr id =\"order-row-"+n+"\">\n" +
                                      "\n" +
                                      "                        <td><span>"+order_no+"</span>\n" +
                                      "                        </td>\n" +
                                      "                        <td data-toggle=\"collapse\" data-target=\"#order-detail-"+n+"\" class=\"accordion-toggle\">"+name+"</td>\n" +
                                      "                        <td>Invoice</td>\n" +
                                      "                        <td class=\"vc\">"+total_payment+"</td>\n" +
                                      "                        <td><span class=\""+status_class+"\">"+status_name+"</span></td>\n" +
                                      "                        <input type=\"hidden\" class=\"status-active-"+n+"\" value=\""+status_val+"\">\n" +
                                      "                        <td><span id=\"status-active\" data-id=\""+n+"\" class=\""+status_classactive+"\">"+status_nameactive+"</span></td>\n" +
                                      "\n" +
                                      "                        <td>\n" +
                                      "                          <div class=\"\">\n" +
                                      "                            <a href=\"invoice.php?id="+n+"\"><button data-toggle=\"modal\" data-target=\"#add_payment_modal_edit\" id=\"editmodal\"\n" +
                                      "                              type=\"button\" class=\"btn btn-outline-white2 btn-rounded btn-sm\">\n" +
                                      "<i style=\"color:#11D06B; font-size:10px\" class=\"fas fa-print\"></i>\n" +
                                      "                            </button></a>\n" +
                                      "                            <button type=\"button\" onclick=\"deleteOrder("+ n +")\" class=\"btn btn-outline-white2 btn-rounded btn-sm\">\n" +

                                      "                              <i class=\"far fa-trash-alt fa-trash-alt2 mt-0\"></i>\n" +
                                      "                            </button>\n" +
                                      "\n" +
                                      "                          </div>\n" +
                                      "                        </td>\n" +
                                      "                        <td>\n" +
                                      "                          <label class=\"switch\">\n" +
                                      "                            <input type=\"checkbox\" data-id=\""+n+"\" id=\"enable-switch-"+n+"\" class=\"product_switch\" "+checked+">\n" +
                                      "                            <span class=\"slider round\"></span>\n" +
                                      "                          </label>\n" +
                                      "\n" +
                                      "                        </td>\n" +
                                      "                      </tr>\n" +
                                      "                      <tr>\n" +
                                      "                        <td colspan=\"11\" class=\"hiddenRow\">\n" +
                                      "                          <div class=\"accordian-body collapse\" id=\"order-detail-"+n+"\">\n" +
                                      "\n" +
                                      "                            <div class=\"row table_image_row\">\n" +
                                      "                              <div class=\"col-xl-12\">\n" +
                                      "                                <table class=\"table table-image\">\n" +
                                      "                                  <thead>\n" +
                                      "                                    <tr>\n" +
                                      "                                      <th scope=\"col\">#</th>\n" +
                                      // "                                      <th scope=\"col\">SKU</th>\n" +
                                      "                                      <th scope=\"col\">Name</th>\n" +
                                      "                                      <th scope=\"col\">Attribute</th>\n" +
                                      "                                      <th scope=\"col\">price</th>\n" +
                                      "                                      <th scope=\"col\">Qty</th>\n" +
                                      "                                      <th scope=\"col\">Disc</th>\n" +
                                      "                                      <th scope=\"col\">Total</th>\n" +
                                      "                                    </tr>\n" +
                                      "                                  </thead>\n" +
                                      "                                  <tbody id =\"order-detail-sub-body-"+n+"\">\n" +
                                      "                                    <tr>\n" +
                                      "                                      <td class=\"expand-img\">\n" +
                                      "                                        <img\n" +
                                      "                                          src=\""+brand_image+"\"\n" +
                                      "                                          class=\"expand-table-img\" alt=\"Sheep\" />\n" +
                                      "                                      </td>\n" +
                                      // "                                      <td scope=\"row\">1122</td>\n" +
                                      "\n" +
                                      "                                      <td>"+brand_name+"</td>\n" +
                                      "                                      <td>"+detail_price+"</td>\n" +
                                      "                                      <td>"+qty+"</td>\n" +
                                      "                                      <td>"+coupon_name+"</td>\n" +
                                      "                                      <td>75%</td>\n" +
                                      "                                    </tr>\n" +
                                      "                                  </tbody>\n" +
                                      "                                </table>\n" +
                                      "                              </div>\n" +
                                      "                              <div class=\"col-xl-6\">\n" +
                                      "                                <div class=\"card\">\n" +
                                      "                                  <div class=\"card-header table-image_card_header\">\n" +
                                      "                                    <h2 class=\"table-image-card-body-main-head\">Customer Detail</h2>\n" +
                                      "                                  </div>\n" +
                                      "                                  <div class=\"card-body\">\n" +
                                      "\n" +
                                      "                                    <div class=\"cus_detail_main \">\n" +
                                      "                                      <div class=\"cus_detail_name\">\n" +
                                      "                                        <h2>Name:</h2>\n" +
                                      "                                      </div>\n" +
                                      "                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                        <h2 style=\"\n" +
                                      "                                                                  padding-left: 15px;\n" +
                                      "                                                              \">"+name+"</h2>\n" +
                                      "\n" +
                                      "                                      </div>\n" +
                                      "                                    </div>\n" +
                                      "                                    <div class=\"cus_detail_main\">\n" +
                                      "                                      <div class=\"cus_detail_name\">\n" +
                                      "                                        <h2>Address:</h2>\n" +
                                      "                                      </div>\n" +
                                      "                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                        <h2>"+user_adress+","+user_apart+","+user_city+","+user_country+","+user_postal_code+"</h2>\n" +
                                      "                                      </div>\n" +
                                      "                                    </div>\n" +
                                      "                                    <div class=\"cus_detail_main\">\n" +
                                      "                                      <div class=\"cus_detail_name\">\n" +
                                      "                                        <h2>Contact:</h2>\n" +
                                      "                                      </div>\n" +
                                      "                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                        <h2>"+user_contact+"</h2>\n" +
                                      "                                      </div>\n" +
                                      "                                    </div>\n" +
                                      "                                  </div>\n" +
                                      "                                </div>\n" +
                                      "                              </div>\n" +
                                      "                              <div class=\"col-xl-6\">\n" +
                                      "                                <div class=\"card\">\n" +
                                      "                                  <div class=\"card-header table-image_card_header\">\n" +
                                      "                                    <h2 class=\"table-image-card-body-main-head\">Store Detail</h2>\n" +
                                      "                                  </div>\n" +
                                      "                                  <div class=\"card-body\">\n" +
                                      "                                      <div id=\"store-corousel-"+n+"\" class=\"carousel slide\" data-ride=\"carousel\">\n" +
                                      "                                          <div class=\"carousel-inner\" id=\"store-cro-"+n+"\">\n" +
                                      "                                              <div class=\"carousel-item active\">\n" +
                                      "                                                  <div class=\"cus_detail_main \">\n" +
                                      "                                                      <div class=\"cus_detail_name\">\n" +
                                      "                                                          <h2>Name:</h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                                          <h2 style=\"padding-left: 15px;\">john Doe</h2>\n" +
                                      "\n" +
                                      "                                                      </div>\n" +
                                      "                                                  </div>\n" +
                                      "                                                  <div class=\"cus_detail_main\">\n" +
                                      "                                                      <div class=\"cus_detail_name\">\n" +
                                      "                                                          <h2>Address:</h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                                          <h2>\n" +
                                      "                                                              Reliance Retail Limited HOme unit\n" +
                                      "                                                              106 C&B Square Sangram Complex,.\n" +
                                      "                                                              Mumbai, Maharashtra, 400059\n" +
                                      "                                                          </h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                  </div>\n" +
                                      "                                                  <div class=\"cus_detail_main\">\n" +
                                      "                                                      <div class=\"cus_detail_name\">\n" +
                                      "                                                          <h2>Contact:</h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                                          <h2>\n" +
                                      "                                                              RelianceRetailLimited@gmail.com\n" +
                                      "\n" +
                                      "                                                          </h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                  </div>\n" +
                                      "                                              </div>\n" +
                                      "                                              <div class=\"carousel-item\">\n" +
                                      "                                                  <div class=\"cus_detail_main \">\n" +
                                      "                                                      <div class=\"cus_detail_name\">\n" +
                                      "                                                          <h2>Name:</h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                                          <h2 style=\"padding-left: 15px;\">john Doe</h2>\n" +
                                      "\n" +
                                      "                                                      </div>\n" +
                                      "                                                  </div>\n" +
                                      "                                                  <div class=\"cus_detail_main\">\n" +
                                      "                                                      <div class=\"cus_detail_name\">\n" +
                                      "                                                          <h2>Address:</h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                                          <h2>\n" +
                                      "                                                              Reliance Retail Limited HOme unit\n" +
                                      "                                                              106 C&B Square Sangram Complex,.\n" +
                                      "                                                              Mumbai, Maharashtra, 400059\n" +
                                      "                                                          </h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                  </div>\n" +
                                      "                                                  <div class=\"cus_detail_main\">\n" +
                                      "                                                      <div class=\"cus_detail_name\">\n" +
                                      "                                                          <h2>Contact:</h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                                          <h2>\n" +
                                      "                                                              RelianceRetailLimited@gmail.com\n" +
                                      "\n" +
                                      "                                                          </h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                  </div>\n" +
                                      "                                              </div>\n" +
                                      "                                              <div class=\"carousel-item\">\n" +
                                      "                                                  <div class=\"cus_detail_main \">\n" +
                                      "                                                      <div class=\"cus_detail_name\">\n" +
                                      "                                                          <h2>Name:</h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                                          <h2 style=\"padding-left: 15px;\">john Doe</h2>\n" +
                                      "\n" +
                                      "                                                      </div>\n" +
                                      "                                                  </div>\n" +
                                      "                                                  <div class=\"cus_detail_main\">\n" +
                                      "                                                      <div class=\"cus_detail_name\">\n" +
                                      "                                                          <h2>Address:</h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                                          <h2>\n" +
                                      "                                                              Reliance Retail Limited HOme unit\n" +
                                      "                                                              106 C&B Square Sangram Complex,.\n" +
                                      "                                                              Mumbai, Maharashtra, 400059\n" +
                                      "                                                          </h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                  </div>\n" +
                                      "                                                  <div class=\"cus_detail_main\">\n" +
                                      "                                                      <div class=\"cus_detail_name\">\n" +
                                      "                                                          <h2>Contact:</h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                                          <h2>\n" +
                                      "                                                              RelianceRetailLimited@gmail.com\n" +
                                      "\n" +
                                      "                                                          </h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                  </div>\n" +
                                      "                                              </div>\n" +
                                      "                                          </div>\n" +
                                      "                                          <a class=\"carousel-control-prev\" href=\"#store-corousel-"+n+"\" role=\"button\" data-slide=\"prev\">\n" +
                                      "                                              <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n" +
                                      "                                              <span class=\"sr-only\">Previous</span>\n" +
                                      "                                          </a>\n" +
                                      "                                          <a class=\"carousel-control-next\" href=\"#store-corousel-"+n+"\" role=\"button\" data-slide=\"next\">\n" +
                                      "                                              <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n" +
                                      "                                              <span class=\"sr-only\">Next</span>\n" +
                                      "                                          </a>\n" +
                                      "                                      </div>\n" +
                                      "\n" +
                                      "\n" +
                                      "\n" +
                                      "                                  </div>\n" +
                                      "                                </div>\n" +
                                      "                              </div>\n" +
                                      "                              <div class=\"col-xl-6 mt-2 mb-3\">\n" +
                                      "                                <div class=\"card\">\n" +
                                      "                                  <div class=\"card-header table-image_card_header\">\n" +
                                      "                                    <h2 class=\"table-image-card-body-main-head\">Delivery Partner</h2>\n" +
                                      "                                  </div>\n" +
                                      "                                  <div class=\"card-body\">\n" +
                                      "                                      <div id=\"shipping-corousel-"+n+"\" class=\"carousel slide\" data-ride=\"carousel\">\n" +
                                      "                                          <div class=\"carousel-inner\" id =\"ship-cro-"+n+"\">\n" +
                                      "                                              <div class=\"carousel-item active\">\n" +
                                      "                                                  <div class=\"cus_detail_main \">\n" +
                                      "                                                      <div class=\"cus_detail_name\">\n" +
                                      "                                                          <h2>Name:</h2>\n" +
                                      "                                                          <h2>Eway bill:</h2>\n" +
                                      "                                                          <h2>AWB:</h2>\n" +
                                      "                                                          <h2>Expected delivery date:</h2>\n" +
                                      "                                                          <h2>Track:</h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                                          <h2>Delhivery</h2>\n" +
                                      "                                                          <h2>5105274653133</h2>\n" +
                                      "                                                          <h2>5105274653133</h2>\n" +
                                      "                                                          <h2>27,jul</h2>\n" +
                                      "\n" +
                                      "                                                          <h2>https://track.fynd.com/orders-tracking</h2>\n" +
                                      "\n" +
                                      "                                                      </div>\n" +
                                      "                                                  </div>\n" +
                                      "                                              </div>\n" +
                                      "                                              <div class=\"carousel-item\">\n" +
                                      "                                                  <div class=\"cus_detail_main \">\n" +
                                      "                                                      <div class=\"cus_detail_name\">\n" +
                                      "                                                          <h2>Name:</h2>\n" +
                                      "                                                          <h2>Eway bill:</h2>\n" +
                                      "                                                          <h2>AWB:</h2>\n" +
                                      "                                                          <h2>Expected delivery date:</h2>\n" +
                                      "                                                          <h2>Track:</h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                                          <h2>Delhivery</h2>\n" +
                                      "                                                          <h2>5105274653133</h2>\n" +
                                      "                                                          <h2>5105274653133</h2>\n" +
                                      "                                                          <h2>27,jul</h2>\n" +
                                      "\n" +
                                      "                                                          <h2>https://track.fynd.com/orders-tracking</h2>\n" +
                                      "\n" +
                                      "                                                      </div>\n" +
                                      "                                                  </div>\n" +
                                      "                                              </div>\n" +
                                      "                                              <div class=\"carousel-item\">\n" +
                                      "                                                  <div class=\"cus_detail_main \">\n" +
                                      "                                                      <div class=\"cus_detail_name\">\n" +
                                      "                                                          <h2>Name:</h2>\n" +
                                      "                                                          <h2>Eway bill:</h2>\n" +
                                      "                                                          <h2>AWB:</h2>\n" +
                                      "                                                          <h2>Expected delivery date:</h2>\n" +
                                      "                                                          <h2>Track:</h2>\n" +
                                      "                                                      </div>\n" +
                                      "                                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                                          <h2>Delhivery</h2>\n" +
                                      "                                                          <h2>5105274653133</h2>\n" +
                                      "                                                          <h2>5105274653133</h2>\n" +
                                      "                                                          <h2>27,jul</h2>\n" +
                                      "\n" +
                                      "                                                          <h2>https://track.fynd.com/orders-tracking</h2>\n" +
                                      "\n" +
                                      "                                                      </div>\n" +
                                      "                                                  </div>\n" +
                                      "                                              </div>\n" +
                                      "                                          </div>\n" +
                                      "                                          <a class=\"carousel-control-prev\" href=\"#shipping-corousel-"+n+"\" role=\"button\" data-slide=\"prev\">\n" +
                                      "                                              <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n" +
                                      "                                              <span class=\"sr-only\">Previous</span>\n" +
                                      "                                          </a>\n" +
                                      "                                          <a class=\"carousel-control-next\" href=\"#shipping-corousel-"+n+"\" role=\"button\" data-slide=\"next\">\n" +
                                      "                                              <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n" +
                                      "                                              <span class=\"sr-only\">Next</span>\n" +
                                      "                                          </a>\n" +
                                      "                                      </div>\n" +
                                      "\n" +
                                      "\n" +
                                      "\n" +
                                      "                                  </div>\n" +
                                      "                                </div>\n" +
                                      "                              </div>\n" +
                                      "                              <div class=\"col-xl-6 mt-2 \">\n" +
                                      "                                <div class=\"card\">\n" +
                                      "                                  <div class=\"card-header table-image_card_header\">\n" +
                                      "                                    <h2 class=\"table-image-card-body-main-head\">Payment Detail</h2>\n" +
                                      "                                  </div>\n" +
                                      "                                  <div class=\"card-body\">\n" +
                                      "\n" +
                                      "                                    <div class=\"cus_detail_main \">\n" +
                                      "                                      <div class=\"cus_detail_name\">\n" +
                                      "                                        <h2>Total Amount:</h2>\n" +
                                      "                                        <h2>Shipping Amount:</h2>\n" +
                                      "                                        <h2>Card Name:</h2>\n" +
                                      "                                        <h2>Discount %:</h2>\n" +
                                      "                                        <h2>Discounted amount:</h2>\n" +
                                      "                                      </div>\n" +
                                      "                                      <div class=\"cus_detail_name_head\">\n" +
                                      "                                        <h2>"+total_payment+"</h2>\n" +
                                      "                                        <h2>"+shipping_fee+"</h2>\n" +
                                      "                                        <h2>"+card_name+"</h2>\n" +
                                      "                                        <h2 id =\"coup-name-"+n+"\">"+cou_name+"</h2>\n" +
                                      "                                        <h2>"+disc+"</h2>\n" +
                                      "\n" +
                                      "                                      </div>\n" +
                                      "                                    </div>\n" +
                                      "\n" +
                                      "                                  </div>\n" +
                                      "                                </div>\n" +
                                      "                              </div>\n" +
                                      "                            </div>\n" +
                                      "\n" +
                                      "                          </div>\n" +
                                      "                        </td>\n" +
                                      "                      </tr>";

                                  <!--endregion-->

                                  $("#list-order-table-body").append(text);
                                  // if (enable == '0') {
                                  //   $("#remove-child-card-" + n).attr("class", "cat-card");
                                  //   // $("#category-status-" + n).val(0);

                                  // } else {
                                  //   $("#remove-child-card-" + n).attr("class", "disable_outline");
                                  //   // $("#category-status-" + subcategory_id).val(1);
                                  // }
                                  $("#order-detail-sub-body-"+n).empty();
                                  for (var j = 0 ; j<list[i].detail.length ; j++) {

                                      var detail = list[i].detail[j];
                                      console.log("Detail = " + detail.brand_name);
                                      var brand_name = detail.brand_name;
                                      var brand_image = detail.image;
                                      var qty = detail.quanty;
                                      var detail_price = detail.price;
                                      var dicuont_amt = detail.dicuont_amt;
                                      var coupon_name = detail.coupon_name;
                                      var pro_image = detail.pro_image;
                                      var pro_name = detail.pro_name;
                                      var attribute = detail.attributes;


                                      /*
                                      console.log("Coupon name = "+coupon_name);*/

                                      if(coupon_name !== null){
                                          cou_name = coupon_name;
                                      }else {
                                          cou_name = "0";
                                      }


                                      var shipping_id = detail.shipping_id;
                                      var shipping_name = detail.shipping_name;
                                      var total_detail_payment;

                                      if (dicuont_amt != "" ) {
                                          console.log("this dicount not null");
                                          total_detail_payment = dicuont_amt;
                                      } else {
                                          total_detail_payment = parseInt(qty) * parseInt(detail_price);
                                          console.log("this dicount is  null"+total_detail_payment);
                                      }
                                      var std="";
                                      for(var a=0;a<attribute.length; a++){
                                          var attr = attribute[a];
                                          std += attr.name;
                                          if (a < (attribute.length-1)){
                                              std +=",";
                                          }
                                          ///console.log("Attribute Name = "+attr.name);
                                      }


                                      // if(dicuont_amt == "0"){
                                      //     total_payment = parseInt(total_amount) + parseInt(shipping_fee);
                                      //
                                      // }
                                      // else {
                                      //     total_payment = discounted_amount;
                                      // }




                                      shippingData = {};
                                      shippingData.id = detail.shipping_id;
                                      shippingData.name = detail.shipping_name;
                                      shippingData.pack = detail.packages_name;
                                      shippingData.ship_days = detail.ship_days;

                                      shippingData.icon = detail.ship_logo;
                                      shippingList.push(shippingData);
                                      console.log(shippingList);

                                      storeData = {};
                                      storeData.id = detail.brand_id;
                                      storeData.name = detail.brand_name;
                                      storeData.icon = detail.image;
                                      storeData.adr = detail.brand_adrsess;
                                      // storeData.price = detail.pro_price;

                                      storeList.push(storeData);
                                      console.log(storeList);




                                      var order_text = "  <tr>\n" +
                                          "                                      <td class=\"expand-img\">\n" +
                                          "                                        <img\n" +
                                          "                                          src=\""+pro_image+"\"\n" +
                                          "                                          class=\"expand-table-img\" alt=\"Sheep\" />\n" +
                                          "                                      </td>\n" +


                                          "                                      <td>"+pro_name+"</td>\n" +
                                          "                                      <td>"+std+"</td>\n" +
                                          "                                      <td>"+detail_price+"</td>\n" +

                                          "                                      <td>"+qty+"</td>\n" +
                                          "                                      <td>"+cou_name+"</td>\n" +
                                          "                                      <td>"+total_detail_payment+"</td>\n" +
                                          "                                    </tr>"

                                      $("#order-detail-sub-body-"+n).append(order_text);

                                  }
                                  $("#coup-name-"+n).empty();
                                  $("#coup-name-"+n).text(cou_name);
                                  console.log("this is ship array :" +shippingList[0].name);
                                  $("#ship-cro-"+n).empty();

                                  for(var ship = 0; ship < shippingList.length; ship++ ) {
                                      console.log("this is ship array ship :"+ship+" Name =" +shippingList[ship].icon);
                                      if(ship == 0){
                                          console.log("this is o body");
                                          var ship_text = "<div class=\"carousel-item active\">\n" +
                                              "                                                  <div class=\"cus_detail_main \">\n" +
                                              "                                                      <div class=\"cus_detail_name\">\n" +
                                              "                                                          <h2>Icon:</h2>\n" +
                                              "                                                          <h2>Name</h2>\n" +
                                              "                                                          <h2>Packages:</h2>\n" +
                                              "                                                          <h2>Expected delivery days:</h2>\n" +
                                              "                                                          <h2>Track:</h2>\n" +
                                              "                                                      </div>\n" +
                                              "                                                      <div class=\"cus_detail_name_head\">\n" +
                                              "                                                          <h2><img src ="+shippingList[ship].icon+"></h2>\n" +
                                              "                                                          <h2>"+shippingList[ship].name+"</h2>\n" +
                                              "                                                          <h2>"+shippingList[ship].pack+"</h2>\n" +
                                              "                                                          <h2>"+shippingList[ship].ship_days+"</h2>\n" +
                                              "\n" +
                                              "                                                          <h2>....</h2>\n" +
                                              "\n" +
                                              "                                                      </div>\n" +
                                              "                                                  </div>\n" +
                                              "                                              </div>";


                                      }
                                      else {
                                          var ship_text = "<div class=\"carousel-item\">\n" +
                                              "                                                  <div class=\"cus_detail_main \">\n" +
                                              "                                                      <div class=\"cus_detail_name\">\n" +
                                              "                                                          <h2>Icon:</h2>\n" +
                                              "                                                          <h2>Name</h2>\n" +
                                              "                                                          <h2>Packages:</h2>\n" +
                                              "                                                          <h2>Expected delivery days:</h2>\n" +
                                              "                                                          <h2>Track:</h2>\n" +
                                              "                                                      </div>\n" +
                                              "                                                      <div class=\"cus_detail_name_head\">\n" +
                                              "                                                          <h2><img src ="+shippingList[ship].icon+"></h2>\n" +
                                              "                                                          <h2>"+shippingList[ship].name+"</h2>\n" +
                                              "                                                          <h2>"+shippingList[ship].pack+"</h2>\n" +
                                              "                                                          <h2>"+shippingList[ship].ship_days+"</h2>\n" +
                                              "\n" +
                                              "                                                          <h2>....</h2>\n" +
                                              "\n" +
                                              "                                                      </div>\n" +
                                              "                                                  </div>\n" +
                                              "                                              </div>";
                                      }





                                      $("#ship-cro-"+n).append(ship_text);

                                  }

                                  $("#store-cro-"+n).empty();
                                  for(var pro = 0; pro < storeList.length; pro++ ) {
                                      console.log("this is pro array ship :"+ship+" Name =" +storeList[pro].icon);
                                      if(pro == 0){
                                          console.log("this is o body");
                                          var ship_text = "<div class=\"carousel-item active\">\n" +
                                              "                                                  <div class=\"cus_detail_main \">\n" +
                                              "                                                      <div class=\"cus_detail_name\">\n" +
                                              "                                                          <h2>Brand Icon:</h2>\n" +
                                              "                                                          <h2>Name</h2>\n" +
                                              "                                                          <h2>Address</h2>\n" +

                                              "                                                      </div>\n" +
                                              "                                                      <div class=\"cus_detail_name_head\">\n" +
                                              "                                                          <h2><img class=\"brand_img_detail\" height=\"25px\" src ="+storeList[pro].icon+"></h2>\n" +
                                              "                                                          <h2>"+storeList[pro].name+"</h2>\n" +
                                              "                                                          <h2>"+storeList[pro].adr+"</h2>\n" +

                                              "                                                      </div>\n" +
                                              "                                                  </div>\n" +
                                              "                                              </div>";


                                      }
                                      else {
                                          var ship_text = "<div class=\"carousel-item\">\n" +
                                              "                                                  <div class=\"cus_detail_main \">\n" +
                                              "                                                      <div class=\"cus_detail_name\">\n" +
                                              "                                                          <h2>Brand Icon:</h2>\n" +
                                              "                                                          <h2>Name</h2>\n" +
                                              "                                                          <h2>Address</h2>\n" +

                                              "                                                      </div>\n" +
                                              "                                                      <div class=\"cus_detail_name_head\">\n" +
                                              "                                                          <h2><img class=\"brand_img_detail\" height=\"25px\" src =\""+storeList[pro].icon+"\"></h2>\n" +
                                              "                                                          <h2>"+storeList[pro].name+"</h2>\n" +
                                              "                                                          <h2>"+storeList[pro].adr+"</h2>\n" +

                                              "                                                      </div>\n" +
                                              "                                                  </div>\n" +
                                              "                                              </div>";

                                      }





                                      $("#store-cro-"+n).append(ship_text);

                                  }


                              }



                          }
                          else if (data.code == "206") {
                              console.log("Failed to Delete");
                          }

                      })
                      .catch((error) => {
                          console.log(error)
                      });
              }

              $('#order-search').keyup(function () {
                  var search = $(this).val();
                  retrieveallOrders(search);
                  // console.log(query)
              });

              $(document).on('change','.product_switch',function (){

                  var id=$(this).data('id');
                  var enable_val;
                  // var from = $(".from_input").val();
                  // var to_weight = $(".to_weight_input").val();
                  if ($("#enable-switch-"+id).is(':checked')) {
                      $("#enable-switch-"+id).val(1);
                      enable_val = "1";
                  } else {
                      $("#enable-switch-"+id).val(0);
                      enable_val = "0";
                  }


                  sendRequest("?action_type=update&request_type=store&functionality_type=update_enable_orders", {
                      id: id,
                      enable_val: enable_val,
                  }, "POST")
                      .then((data) => {
                          var data = JSON.parse(data);
                          if(data.code == "202"){
                              // $("#sub_packages_modal_form_id").modal('hide');
                              // retrieveAllShipping(1);
                          }


                      })
                      .catch((error) => {
                          console.log(error)
                      })

              });

              $(document).on('click','#status-active',function (){

                  var id=$(this).data('id');
                  var val=$(".status-active-"+id).val();
                  // var from = $(".from_input").val();
                  // var to_weight = $(".to_weight_input").val();
                  // if ($("#enable-switch-"+id).is(':checked')) {
                  //     $("#enable-switch-"+id).val(1);
                  //     enable_val = "1";
                  // } else {
                  //     $("#enable-switch-"+id).val(0);
                  //     enable_val = "0";
                  // }

                  if(val !== "disable"){



                      sendRequest("?action_type=update&request_type=store&functionality_type=update_status_orders", {
                          id: id,
                          status: val,
                      }, "POST")
                          .then((data) => {
                              var data = JSON.parse(data);
                              if(data.code == "202"){
                                  retrieveallOrders();
                                  // $("#sub_packages_modal_form_id").modal('hide');
                                  // retrieveAllShipping(1);
                              }


                          })
                          .catch((error) => {
                              console.log(error)
                          })
                  }

              });


          });

          function deleteOrder(id){
              var del_id =id;

              sendRequest("?action_type=delete&request_type=store&functionality_type=delete_order_data", {
                  id:del_id,




              }, "POST")
                  .then((data) => {
                      var data = JSON.parse(data);
                      if(data.code == "202"){
                          $("#order-row-"+del_id).remove();

                          // $("#sub_child_packages_modal_form_id").modal('hide');
                          // retrieveAllShipping(1);
                      }


                  })
                  .catch((error) => {
                      console.log(error)
                  })
          }

          function pag(offset,id) {
              var offset =offset;
              var active= $(".pagination").find('.active');
              active.removeClass("active");
              $("#pag-"+id).addClass("active");
              var search = $("#order-search").val();
              var searchset=""
              if(search = ""){
                  searchset =""
              }else {
                  searchset = search;
              }
              var store_id = $("#brand-store-id").val();
              sendRequest("?action_type=retrieve&request_type=store&functionality_type=orderpagination", {
                  offset:offset,
                  search:searchset,
                  store_id:store_id

              }, "POST")
                  .then((data) => {
                      var data = JSON.parse(data);
                      if (data.code == "202") {


                          // $(".pagination").html(data.pagination);
                          $("#list-order-table-body").empty();
                          var list = data.listOfData;

                          console.log("Loop Data = "+list);


                          for (var i = 0; i < list.length; i++) {
                              var shippingList = [];
                              var storeList = [];
                              var brandList = [];
                              var cou_name;



                              // console.log("Data  Id = " + list[i].id + " Name = " + list[i].logo + " enable = " + list[i].name);
                              var n = list[i].id;
                              var order_no = list[i].order_no;
                              var total_amount = list[i].total_amount;
                              var shipping_fee = list[i].shipping_fee;


                              var name = list[i].name;
                              var disc;
                              var discounted_amount = list[i].discounted_amount;
                              if(discounted_amount !== null){
                                  disc = discounted_amount;
                              }
                              else {
                                  disc = "0";
                              }


                              var status = list[i].status;
                              var enable = list[i].enble;
                              var user_adress = list[i].user_adress;
                              var user_apart = list[i].user_apart;
                              var user_city = list[i].user_city;
                              var user_postal_code = list[i].user_postal_code;
                              var user_contact = list[i].user_contact;
                              var user_country = list[i].user_country;
                              var token = list[i].token;
                              var card_name;
                              if (token !== null) {
                                  card_name = "Credit / Debit Card"
                              }
                              else {
                                  card_name ="COD";
                              }







                              // console.log(shippingList);




                              // var usage_count = list[i].usage_count;
                              // var duration_limit = list[i].duration_limit;
                              // var user_limit = list[i].user_limit;
                              // var status = list[i].status;
                              // var status_class ="";
                              // if(status == "Active"){
                              //     status_class ="span_new";
                              // }
                              // else {
                              //     status_class ="span_disable";
                              // }
                              var total_payment;

                              if(discounted_amount == "0"){
                                  total_payment = parseInt(total_amount) + parseInt(shipping_fee);

                              }
                              else {
                                  total_payment = discounted_amount;
                              }

                              var status_name;
                              var status_class;
                              var status_classactive;
                              var status_nameactive;
                              var status_val;


                              if(status == "0"){
                                  status_name= "Pending";
                                  status_class = "order_pending";
                                  status_classactive = "order_procesed";
                                  status_nameactive = "Processed Now";
                                  status_val = "1";

                              }
                              else if(status == "1"){
                                  status_name= "Processed";
                                  status_class = "order_procesed"
                                  status_classactive ="order_completed"
                                  status_nameactive = "Completed Now";
                                  status_val = "2";
                              }
                              else {
                                  status_name= "Completed";
                                  status_class = "order_completed"
                                  status_classactive ="order_completed"
                                  status_nameactive = "Completed";
                                  status_val = "disable";

                              }







                              // var enable = list[i].enable;
                              var checked = "";
                              if (enable == "0") {
                                  checked = "value='0'";
                                  console.log("hellog");
                              } else {
                                  console.log("hello2");
                                  checked = "value='1'  checked";
                              }




                              <!--<editor-fold desc="Description">-->

                              var text = "<tr id =\"order-row-"+n+"\">\n" +
                                  "\n" +
                                  "                        <td><span>"+order_no+"</span>\n" +
                                  "                        </td>\n" +
                                  "                        <td data-toggle=\"collapse\" data-target=\"#order-detail-"+n+"\" class=\"accordion-toggle\">"+name+"</td>\n" +
                                  "                        <td>Invoice</td>\n" +
                                  "                        <td class=\"vc\">"+total_payment+"</td>\n" +
                                  "                        <td><span class=\""+status_class+"\">"+status_name+"</span></td>\n" +
                                  "                        <input type=\"hidden\" class=\"status-active-"+n+"\" value=\""+status_val+"\">\n" +
                                  "                        <td><span id=\"status-active\" data-id=\""+n+"\" class=\""+status_classactive+"\">"+status_nameactive+"</span></td>\n" +
                                  "\n" +
                                  "                        <td>\n" +
                                  "                          <div class=\"\">\n" +
                                  "                            <a href=\"invoice.php?id="+n+"\"><button data-toggle=\"modal\" data-target=\"#add_payment_modal_edit\" id=\"editmodal\"\n" +
                                  "                              type=\"button\" class=\"btn btn-outline-white2 btn-rounded btn-sm\">\n" +
                                  "<i style=\"color:#11D06B; font-size:10px\" class=\"fas fa-print\"></i>\n" +
                                  "                            </button></a>\n" +
                                  "                            <button type=\"button\" onclick=\"deleteOrder("+ n +")\" class=\"btn btn-outline-white2 btn-rounded btn-sm\">\n" +

                                  "                              <i class=\"far fa-trash-alt fa-trash-alt2 mt-0\"></i>\n" +
                                  "                            </button>\n" +
                                  "\n" +
                                  "                          </div>\n" +
                                  "                        </td>\n" +
                                  "                        <td>\n" +
                                  "                          <label class=\"switch\">\n" +
                                  "                            <input type=\"checkbox\" data-id=\""+n+"\" id=\"enable-switch-"+n+"\" class=\"product_switch\" "+checked+">\n" +
                                  "                            <span class=\"slider round\"></span>\n" +
                                  "                          </label>\n" +
                                  "\n" +
                                  "                        </td>\n" +
                                  "                      </tr>\n" +
                                  "                      <tr>\n" +
                                  "                        <td colspan=\"11\" class=\"hiddenRow\">\n" +
                                  "                          <div class=\"accordian-body collapse\" id=\"order-detail-"+n+"\">\n" +
                                  "\n" +
                                  "                            <div class=\"row table_image_row\">\n" +
                                  "                              <div class=\"col-xl-12\">\n" +
                                  "                                <table class=\"table table-image\">\n" +
                                  "                                  <thead>\n" +
                                  "                                    <tr>\n" +
                                  "                                      <th scope=\"col\">#</th>\n" +
                                  // "                                      <th scope=\"col\">SKU</th>\n" +
                                  "                                      <th scope=\"col\">Name</th>\n" +
                                  "                                      <th scope=\"col\">Attribute</th>\n" +
                                  "                                      <th scope=\"col\">price</th>\n" +
                                  "                                      <th scope=\"col\">Qty</th>\n" +
                                  "                                      <th scope=\"col\">Disc</th>\n" +
                                  "                                      <th scope=\"col\">Total</th>\n" +
                                  "                                    </tr>\n" +
                                  "                                  </thead>\n" +
                                  "                                  <tbody id =\"order-detail-sub-body-"+n+"\">\n" +
                                  "                                    <tr>\n" +
                                  "                                      <td class=\"expand-img\">\n" +
                                  "                                        <img\n" +
                                  "                                          src=\""+brand_image+"\"\n" +
                                  "                                          class=\"expand-table-img\" alt=\"Sheep\" />\n" +
                                  "                                      </td>\n" +
                                  // "                                      <td scope=\"row\">1122</td>\n" +
                                  "\n" +
                                  "                                      <td>"+brand_name+"</td>\n" +
                                  "                                      <td>"+detail_price+"</td>\n" +
                                  "                                      <td>"+qty+"</td>\n" +
                                  "                                      <td>"+coupon_name+"</td>\n" +
                                  "                                      <td>75%</td>\n" +
                                  "                                    </tr>\n" +
                                  "                                  </tbody>\n" +
                                  "                                </table>\n" +
                                  "                              </div>\n" +
                                  "                              <div class=\"col-xl-6\">\n" +
                                  "                                <div class=\"card\">\n" +
                                  "                                  <div class=\"card-header table-image_card_header\">\n" +
                                  "                                    <h2 class=\"table-image-card-body-main-head\">Customer Detail</h2>\n" +
                                  "                                  </div>\n" +
                                  "                                  <div class=\"card-body\">\n" +
                                  "\n" +
                                  "                                    <div class=\"cus_detail_main \">\n" +
                                  "                                      <div class=\"cus_detail_name\">\n" +
                                  "                                        <h2>Name:</h2>\n" +
                                  "                                      </div>\n" +
                                  "                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                        <h2 style=\"\n" +
                                  "                                                                  padding-left: 15px;\n" +
                                  "                                                              \">"+name+"</h2>\n" +
                                  "\n" +
                                  "                                      </div>\n" +
                                  "                                    </div>\n" +
                                  "                                    <div class=\"cus_detail_main\">\n" +
                                  "                                      <div class=\"cus_detail_name\">\n" +
                                  "                                        <h2>Address:</h2>\n" +
                                  "                                      </div>\n" +
                                  "                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                        <h2>"+user_adress+","+user_apart+","+user_city+","+user_country+","+user_postal_code+"</h2>\n" +
                                  "                                      </div>\n" +
                                  "                                    </div>\n" +
                                  "                                    <div class=\"cus_detail_main\">\n" +
                                  "                                      <div class=\"cus_detail_name\">\n" +
                                  "                                        <h2>Contact:</h2>\n" +
                                  "                                      </div>\n" +
                                  "                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                        <h2>"+user_contact+"</h2>\n" +
                                  "                                      </div>\n" +
                                  "                                    </div>\n" +
                                  "                                  </div>\n" +
                                  "                                </div>\n" +
                                  "                              </div>\n" +
                                  "                              <div class=\"col-xl-6\">\n" +
                                  "                                <div class=\"card\">\n" +
                                  "                                  <div class=\"card-header table-image_card_header\">\n" +
                                  "                                    <h2 class=\"table-image-card-body-main-head\">Store Detail</h2>\n" +
                                  "                                  </div>\n" +
                                  "                                  <div class=\"card-body\">\n" +
                                  "                                      <div id=\"store-corousel-"+n+"\" class=\"carousel slide\" data-ride=\"carousel\">\n" +
                                  "                                          <div class=\"carousel-inner\" id=\"store-cro-"+n+"\">\n" +
                                  "                                              <div class=\"carousel-item active\">\n" +
                                  "                                                  <div class=\"cus_detail_main \">\n" +
                                  "                                                      <div class=\"cus_detail_name\">\n" +
                                  "                                                          <h2>Name:</h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                                          <h2 style=\"padding-left: 15px;\">john Doe</h2>\n" +
                                  "\n" +
                                  "                                                      </div>\n" +
                                  "                                                  </div>\n" +
                                  "                                                  <div class=\"cus_detail_main\">\n" +
                                  "                                                      <div class=\"cus_detail_name\">\n" +
                                  "                                                          <h2>Address:</h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                                          <h2>\n" +
                                  "                                                              Reliance Retail Limited HOme unit\n" +
                                  "                                                              106 C&B Square Sangram Complex,.\n" +
                                  "                                                              Mumbai, Maharashtra, 400059\n" +
                                  "                                                          </h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                  </div>\n" +
                                  "                                                  <div class=\"cus_detail_main\">\n" +
                                  "                                                      <div class=\"cus_detail_name\">\n" +
                                  "                                                          <h2>Contact:</h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                                          <h2>\n" +
                                  "                                                              RelianceRetailLimited@gmail.com\n" +
                                  "\n" +
                                  "                                                          </h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                  </div>\n" +
                                  "                                              </div>\n" +
                                  "                                              <div class=\"carousel-item\">\n" +
                                  "                                                  <div class=\"cus_detail_main \">\n" +
                                  "                                                      <div class=\"cus_detail_name\">\n" +
                                  "                                                          <h2>Name:</h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                                          <h2 style=\"padding-left: 15px;\">john Doe</h2>\n" +
                                  "\n" +
                                  "                                                      </div>\n" +
                                  "                                                  </div>\n" +
                                  "                                                  <div class=\"cus_detail_main\">\n" +
                                  "                                                      <div class=\"cus_detail_name\">\n" +
                                  "                                                          <h2>Address:</h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                                          <h2>\n" +
                                  "                                                              Reliance Retail Limited HOme unit\n" +
                                  "                                                              106 C&B Square Sangram Complex,.\n" +
                                  "                                                              Mumbai, Maharashtra, 400059\n" +
                                  "                                                          </h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                  </div>\n" +
                                  "                                                  <div class=\"cus_detail_main\">\n" +
                                  "                                                      <div class=\"cus_detail_name\">\n" +
                                  "                                                          <h2>Contact:</h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                                          <h2>\n" +
                                  "                                                              RelianceRetailLimited@gmail.com\n" +
                                  "\n" +
                                  "                                                          </h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                  </div>\n" +
                                  "                                              </div>\n" +
                                  "                                              <div class=\"carousel-item\">\n" +
                                  "                                                  <div class=\"cus_detail_main \">\n" +
                                  "                                                      <div class=\"cus_detail_name\">\n" +
                                  "                                                          <h2>Name:</h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                                          <h2 style=\"padding-left: 15px;\">john Doe</h2>\n" +
                                  "\n" +
                                  "                                                      </div>\n" +
                                  "                                                  </div>\n" +
                                  "                                                  <div class=\"cus_detail_main\">\n" +
                                  "                                                      <div class=\"cus_detail_name\">\n" +
                                  "                                                          <h2>Address:</h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                                          <h2>\n" +
                                  "                                                              Reliance Retail Limited HOme unit\n" +
                                  "                                                              106 C&B Square Sangram Complex,.\n" +
                                  "                                                              Mumbai, Maharashtra, 400059\n" +
                                  "                                                          </h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                  </div>\n" +
                                  "                                                  <div class=\"cus_detail_main\">\n" +
                                  "                                                      <div class=\"cus_detail_name\">\n" +
                                  "                                                          <h2>Contact:</h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                                          <h2>\n" +
                                  "                                                              RelianceRetailLimited@gmail.com\n" +
                                  "\n" +
                                  "                                                          </h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                  </div>\n" +
                                  "                                              </div>\n" +
                                  "                                          </div>\n" +
                                  "                                          <a class=\"carousel-control-prev\" href=\"#store-corousel-"+n+"\" role=\"button\" data-slide=\"prev\">\n" +
                                  "                                              <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n" +
                                  "                                              <span class=\"sr-only\">Previous</span>\n" +
                                  "                                          </a>\n" +
                                  "                                          <a class=\"carousel-control-next\" href=\"#store-corousel-"+n+"\" role=\"button\" data-slide=\"next\">\n" +
                                  "                                              <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n" +
                                  "                                              <span class=\"sr-only\">Next</span>\n" +
                                  "                                          </a>\n" +
                                  "                                      </div>\n" +
                                  "\n" +
                                  "\n" +
                                  "\n" +
                                  "                                  </div>\n" +
                                  "                                </div>\n" +
                                  "                              </div>\n" +
                                  "                              <div class=\"col-xl-6 mt-2 mb-3\">\n" +
                                  "                                <div class=\"card\">\n" +
                                  "                                  <div class=\"card-header table-image_card_header\">\n" +
                                  "                                    <h2 class=\"table-image-card-body-main-head\">Delivery Partner</h2>\n" +
                                  "                                  </div>\n" +
                                  "                                  <div class=\"card-body\">\n" +
                                  "                                      <div id=\"shipping-corousel-"+n+"\" class=\"carousel slide\" data-ride=\"carousel\">\n" +
                                  "                                          <div class=\"carousel-inner\" id =\"ship-cro-"+n+"\">\n" +
                                  "                                              <div class=\"carousel-item active\">\n" +
                                  "                                                  <div class=\"cus_detail_main \">\n" +
                                  "                                                      <div class=\"cus_detail_name\">\n" +
                                  "                                                          <h2>Name:</h2>\n" +
                                  "                                                          <h2>Eway bill:</h2>\n" +
                                  "                                                          <h2>AWB:</h2>\n" +
                                  "                                                          <h2>Expected delivery date:</h2>\n" +
                                  "                                                          <h2>Track:</h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                                          <h2>Delhivery</h2>\n" +
                                  "                                                          <h2>5105274653133</h2>\n" +
                                  "                                                          <h2>5105274653133</h2>\n" +
                                  "                                                          <h2>27,jul</h2>\n" +
                                  "\n" +
                                  "                                                          <h2>https://track.fynd.com/orders-tracking</h2>\n" +
                                  "\n" +
                                  "                                                      </div>\n" +
                                  "                                                  </div>\n" +
                                  "                                              </div>\n" +
                                  "                                              <div class=\"carousel-item\">\n" +
                                  "                                                  <div class=\"cus_detail_main \">\n" +
                                  "                                                      <div class=\"cus_detail_name\">\n" +
                                  "                                                          <h2>Name:</h2>\n" +
                                  "                                                          <h2>Eway bill:</h2>\n" +
                                  "                                                          <h2>AWB:</h2>\n" +
                                  "                                                          <h2>Expected delivery date:</h2>\n" +
                                  "                                                          <h2>Track:</h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                                          <h2>Delhivery</h2>\n" +
                                  "                                                          <h2>5105274653133</h2>\n" +
                                  "                                                          <h2>5105274653133</h2>\n" +
                                  "                                                          <h2>27,jul</h2>\n" +
                                  "\n" +
                                  "                                                          <h2>https://track.fynd.com/orders-tracking</h2>\n" +
                                  "\n" +
                                  "                                                      </div>\n" +
                                  "                                                  </div>\n" +
                                  "                                              </div>\n" +
                                  "                                              <div class=\"carousel-item\">\n" +
                                  "                                                  <div class=\"cus_detail_main \">\n" +
                                  "                                                      <div class=\"cus_detail_name\">\n" +
                                  "                                                          <h2>Name:</h2>\n" +
                                  "                                                          <h2>Eway bill:</h2>\n" +
                                  "                                                          <h2>AWB:</h2>\n" +
                                  "                                                          <h2>Expected delivery date:</h2>\n" +
                                  "                                                          <h2>Track:</h2>\n" +
                                  "                                                      </div>\n" +
                                  "                                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                                          <h2>Delhivery</h2>\n" +
                                  "                                                          <h2>5105274653133</h2>\n" +
                                  "                                                          <h2>5105274653133</h2>\n" +
                                  "                                                          <h2>27,jul</h2>\n" +
                                  "\n" +
                                  "                                                          <h2>https://track.fynd.com/orders-tracking</h2>\n" +
                                  "\n" +
                                  "                                                      </div>\n" +
                                  "                                                  </div>\n" +
                                  "                                              </div>\n" +
                                  "                                          </div>\n" +
                                  "                                          <a class=\"carousel-control-prev\" href=\"#shipping-corousel-"+n+"\" role=\"button\" data-slide=\"prev\">\n" +
                                  "                                              <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n" +
                                  "                                              <span class=\"sr-only\">Previous</span>\n" +
                                  "                                          </a>\n" +
                                  "                                          <a class=\"carousel-control-next\" href=\"#shipping-corousel-"+n+"\" role=\"button\" data-slide=\"next\">\n" +
                                  "                                              <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n" +
                                  "                                              <span class=\"sr-only\">Next</span>\n" +
                                  "                                          </a>\n" +
                                  "                                      </div>\n" +
                                  "\n" +
                                  "\n" +
                                  "\n" +
                                  "                                  </div>\n" +
                                  "                                </div>\n" +
                                  "                              </div>\n" +
                                  "                              <div class=\"col-xl-6 mt-2 \">\n" +
                                  "                                <div class=\"card\">\n" +
                                  "                                  <div class=\"card-header table-image_card_header\">\n" +
                                  "                                    <h2 class=\"table-image-card-body-main-head\">Payment Detail</h2>\n" +
                                  "                                  </div>\n" +
                                  "                                  <div class=\"card-body\">\n" +
                                  "\n" +
                                  "                                    <div class=\"cus_detail_main \">\n" +
                                  "                                      <div class=\"cus_detail_name\">\n" +
                                  "                                        <h2>Total Amount:</h2>\n" +
                                  "                                        <h2>Shipping Amount:</h2>\n" +
                                  "                                        <h2>Card Name:</h2>\n" +
                                  "                                        <h2>Discount %:</h2>\n" +
                                  "                                        <h2>Discounted amount:</h2>\n" +
                                  "                                      </div>\n" +
                                  "                                      <div class=\"cus_detail_name_head\">\n" +
                                  "                                        <h2>"+total_payment+"</h2>\n" +
                                  "                                        <h2>"+shipping_fee+"</h2>\n" +
                                  "                                        <h2>"+card_name+"</h2>\n" +
                                  "                                        <h2 id =\"coup-name-"+n+"\">"+cou_name+"</h2>\n" +
                                  "                                        <h2>"+disc+"</h2>\n" +
                                  "\n" +
                                  "                                      </div>\n" +
                                  "                                    </div>\n" +
                                  "\n" +
                                  "                                  </div>\n" +
                                  "                                </div>\n" +
                                  "                              </div>\n" +
                                  "                            </div>\n" +
                                  "\n" +
                                  "                          </div>\n" +
                                  "                        </td>\n" +
                                  "                      </tr>";

                              <!--endregion-->

                              $("#list-order-table-body").append(text);
                              // if (enable == '0') {
                              //   $("#remove-child-card-" + n).attr("class", "cat-card");
                              //   // $("#category-status-" + n).val(0);

                              // } else {
                              //   $("#remove-child-card-" + n).attr("class", "disable_outline");
                              //   // $("#category-status-" + subcategory_id).val(1);
                              // }
                              $("#order-detail-sub-body-"+n).empty();
                              for (var j = 0 ; j<list[i].detail.length ; j++) {

                                  var detail = list[i].detail[j];
                                  console.log("Detail = " + detail.brand_name);
                                  var brand_name = detail.brand_name;
                                  var brand_image = detail.image;
                                  var qty = detail.quanty;
                                  var detail_price = detail.price;
                                  var dicuont_amt = detail.dicuont_amt;
                                  var coupon_name = detail.coupon_name;
                                  var pro_image = detail.pro_image;
                                  var pro_name = detail.pro_name;
                                  var attribute = detail.attributes;


                                  /*
                                  console.log("Coupon name = "+coupon_name);*/

                                  if(coupon_name !== null){
                                      cou_name = coupon_name;
                                  }else {
                                      cou_name = "0";
                                  }


                                  var shipping_id = detail.shipping_id;
                                  var shipping_name = detail.shipping_name;
                                  var total_detail_payment;

                                  if (dicuont_amt != "" ) {
                                      console.log("this dicount not null");
                                      total_detail_payment = dicuont_amt;
                                  } else {
                                      total_detail_payment = parseInt(qty) * parseInt(detail_price);
                                      console.log("this dicount is  null"+total_detail_payment);
                                  }
                                  var std="";
                                  for(var a=0;a<attribute.length; a++){
                                      var attr = attribute[a];
                                      std += attr.name;
                                      if (a < (attribute.length-1)){
                                          std +=",";
                                      }
                                      ///console.log("Attribute Name = "+attr.name);
                                  }


                                  // if(dicuont_amt == "0"){
                                  //     total_payment = parseInt(total_amount) + parseInt(shipping_fee);
                                  //
                                  // }
                                  // else {
                                  //     total_payment = discounted_amount;
                                  // }




                                  shippingData = {};
                                  shippingData.id = detail.shipping_id;
                                  shippingData.name = detail.shipping_name;
                                  shippingData.pack = detail.packages_name;
                                  shippingData.ship_days = detail.ship_days;

                                  shippingData.icon = detail.ship_logo;
                                  shippingList.push(shippingData);
                                  console.log(shippingList);

                                  storeData = {};
                                  storeData.id = detail.brand_id;
                                  storeData.name = detail.brand_name;
                                  storeData.icon = detail.image;
                                  storeData.adr = detail.brand_adrsess;
                                  // storeData.price = detail.pro_price;

                                  storeList.push(storeData);
                                  console.log(storeList);




                                  var order_text = "  <tr>\n" +
                                      "                                      <td class=\"expand-img\">\n" +
                                      "                                        <img\n" +
                                      "                                          src=\""+pro_image+"\"\n" +
                                      "                                          class=\"expand-table-img\" alt=\"Sheep\" />\n" +
                                      "                                      </td>\n" +


                                      "                                      <td>"+pro_name+"</td>\n" +
                                      "                                      <td>"+std+"</td>\n" +
                                      "                                      <td>"+detail_price+"</td>\n" +

                                      "                                      <td>"+qty+"</td>\n" +
                                      "                                      <td>"+cou_name+"</td>\n" +
                                      "                                      <td>"+total_detail_payment+"</td>\n" +
                                      "                                    </tr>"

                                  $("#order-detail-sub-body-"+n).append(order_text);

                              }
                              $("#coup-name-"+n).empty();
                              $("#coup-name-"+n).text(cou_name);
                              console.log("this is ship array :" +shippingList[0].name);
                              $("#ship-cro-"+n).empty();

                              for(var ship = 0; ship < shippingList.length; ship++ ) {
                                  console.log("this is ship array ship :"+ship+" Name =" +shippingList[ship].icon);
                                  if(ship == 0){
                                      console.log("this is o body");
                                      var ship_text = "<div class=\"carousel-item active\">\n" +
                                          "                                                  <div class=\"cus_detail_main \">\n" +
                                          "                                                      <div class=\"cus_detail_name\">\n" +
                                          "                                                          <h2>Icon:</h2>\n" +
                                          "                                                          <h2>Name</h2>\n" +
                                          "                                                          <h2>Packages:</h2>\n" +
                                          "                                                          <h2>Expected delivery days:</h2>\n" +
                                          "                                                          <h2>Track:</h2>\n" +
                                          "                                                      </div>\n" +
                                          "                                                      <div class=\"cus_detail_name_head\">\n" +
                                          "                                                          <h2><img src ="+shippingList[ship].icon+"></h2>\n" +
                                          "                                                          <h2>"+shippingList[ship].name+"</h2>\n" +
                                          "                                                          <h2>"+shippingList[ship].pack+"</h2>\n" +
                                          "                                                          <h2>"+shippingList[ship].ship_days+"</h2>\n" +
                                          "\n" +
                                          "                                                          <h2>....</h2>\n" +
                                          "\n" +
                                          "                                                      </div>\n" +
                                          "                                                  </div>\n" +
                                          "                                              </div>";


                                  }
                                  else {
                                      var ship_text = "<div class=\"carousel-item\">\n" +
                                          "                                                  <div class=\"cus_detail_main \">\n" +
                                          "                                                      <div class=\"cus_detail_name\">\n" +
                                          "                                                          <h2>Icon:</h2>\n" +
                                          "                                                          <h2>Name</h2>\n" +
                                          "                                                          <h2>Packages:</h2>\n" +
                                          "                                                          <h2>Expected delivery days:</h2>\n" +
                                          "                                                          <h2>Track:</h2>\n" +
                                          "                                                      </div>\n" +
                                          "                                                      <div class=\"cus_detail_name_head\">\n" +
                                          "                                                          <h2><img src ="+shippingList[ship].icon+"></h2>\n" +
                                          "                                                          <h2>"+shippingList[ship].name+"</h2>\n" +
                                          "                                                          <h2>"+shippingList[ship].pack+"</h2>\n" +
                                          "                                                          <h2>"+shippingList[ship].ship_days+"</h2>\n" +
                                          "\n" +
                                          "                                                          <h2>....</h2>\n" +
                                          "\n" +
                                          "                                                      </div>\n" +
                                          "                                                  </div>\n" +
                                          "                                              </div>";
                                  }





                                  $("#ship-cro-"+n).append(ship_text);

                              }

                              $("#store-cro-"+n).empty();
                              for(var pro = 0; pro < storeList.length; pro++ ) {
                                  console.log("this is pro array ship :"+ship+" Name =" +storeList[pro].icon);
                                  if(pro == 0){
                                      console.log("this is o body");
                                      var ship_text = "<div class=\"carousel-item active\">\n" +
                                          "                                                  <div class=\"cus_detail_main \">\n" +
                                          "                                                      <div class=\"cus_detail_name\">\n" +
                                          "                                                          <h2>Brand Icon:</h2>\n" +
                                          "                                                          <h2>Name</h2>\n" +
                                          "                                                          <h2>Address</h2>\n" +

                                          "                                                      </div>\n" +
                                          "                                                      <div class=\"cus_detail_name_head\">\n" +
                                          "                                                          <h2><img class=\"brand_img_detail\" height=\"25px\" src ="+storeList[pro].icon+"></h2>\n" +
                                          "                                                          <h2>"+storeList[pro].name+"</h2>\n" +
                                          "                                                          <h2>"+storeList[pro].adr+"</h2>\n" +

                                          "                                                      </div>\n" +
                                          "                                                  </div>\n" +
                                          "                                              </div>";


                                  }
                                  else {
                                      var ship_text = "<div class=\"carousel-item\">\n" +
                                          "                                                  <div class=\"cus_detail_main \">\n" +
                                          "                                                      <div class=\"cus_detail_name\">\n" +
                                          "                                                          <h2>Brand Icon:</h2>\n" +
                                          "                                                          <h2>Name</h2>\n" +
                                          "                                                          <h2>Address</h2>\n" +

                                          "                                                      </div>\n" +
                                          "                                                      <div class=\"cus_detail_name_head\">\n" +
                                          "                                                          <h2><img class=\"brand_img_detail\" height=\"25px\" src =\""+storeList[pro].icon+"\"></h2>\n" +
                                          "                                                          <h2>"+storeList[pro].name+"</h2>\n" +
                                          "                                                          <h2>"+storeList[pro].adr+"</h2>\n" +

                                          "                                                      </div>\n" +
                                          "                                                  </div>\n" +
                                          "                                              </div>";

                                  }





                                  $("#store-cro-"+n).append(ship_text);

                              }


                          }



                      }
                      else if (data.code == "206") {
                          console.log("Failed to Delete");
                      }

                  })
                  .catch((error) => {
                      console.log(error)
                  });
          }

      </script>

</body>

</html>