במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

]]jkjjgdjffksdkdxdsghfghdfghfgdfsdsdfsdfsfdsbcxvxcbccwewqeqwewqskfgj במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

<!DOCTYPE html>
<html lang="en">
   <?php include'include/head.php'?>
   <body>
      <?php include'include/header.php'?>
      
      <section class="invbsec">
         <div class="checkout-area ">
            <div class="container">
               <div class="row">
                  <div class="ml-auto mr-auto col-lg-12">
                   <div class="billing-btn mb-3">
                     <a href="my_account.php" class="font-weight-bold"><i class="fa fa-arrow-left"></i> Back</a>
                        <button type="button" class="btn btn-sm btn-primary" style="float:  right;" onclick="printDiv()">Print Invoice</button>

<button type="button" class="mr-3 btn btn-sm btn-danger" style="float:  right;" onclick="cancelOrder()">Cancel</button>
                   </div>
                     <div class="checkout-wrapper">
                        <div id="faq" class="panel-group">
  
                           <form action="#"  method="POST">
                              <div class="panel panel-default single-my-account">
                                 <div class="panel-heading my-account-title">
                                    <h3 class="panel-title"> <a data-toggle="collapse" data-parent="#faq" href="#my-account-1">Order Detail</a>  </h3>
                                 </div>
                                 <div id="my-account-1" class="panel-collapse collapse show">
                                    <div class="panel-body">
                                       <div class="invoice p-3 mb-3">
                                       
                                          <div class="row">
                                             <div class="col-sm-3 invoice-col" 
                                                style="
                                                border-color: #dee2e6;
                                                border-style: solid;
                                                border-width: 1px 0 1px 1px;">
                                                <b>Tax Invoice </b>
                                                  <li class="step0 canceled active text-right text-danger" style="width: 20%;list-style:none" id="step5">Canceled</li>
                                                  <li style="width: 20%;list-style:none" class="step0 canceled active text-right text-danger" id="step5">Refunded</li>
                                             </div>
                                             <div class="col-sm-3 invoice-col" 
                                                style="
                                                border-color: #dee2e6;
                                                border-style: solid;
                                                border-width: 1px 0 1px 1px;">
                                                <span><b>Order ID :</b> #71646656</span><br>
                                                <span><b>Order Date :</b> 22/03/2024</span>
                                             </div>
                                             <div class="col-sm-3 invoice-col" style="
                                                border-color: #dee2e6;
                                                border-style: solid;
                                                border-width: 1px 0 1px 1px;">
                                                <span><b>Invoice No :</b> 7896542</span><br>
                                             </div>
                                             <div class="col-sm-3 invoice-col" style="
                                                border-color: #dee2e6;
                                                border-style: solid;
                                                border-width: 1px 1px 1px 1px;">
                                                <span><b>GSTIN :</b> 07ALOPC1087E1Z9</span><br>
                                             </div>
                                          </div>
                                          <div class="row invoice-info" id="printTable" style="margin-bottom: 10px;">
                                             <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-12 invoice-col" 
                                                style="
                                                border-color: #dee2e6;
                                                border-style: solid;
                                                border-width: 1px 0 1px 1px;">
                                                <strong> From</strong>
                                                
                                                <address>
                                                  Third Floor Tagore Garden,<br>Commercial Market Delhi, Pin - 110027<br>
                                                   Email: uniqueattarworld@gmail.com<br>
                                                </address>
                                             </div>
                                             <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-12 invoice-col" 
                                                style="
                                                border-color: #dee2e6;
                                                border-style: solid;
                                                border-width: 1px 0 1px 1px;">
                                                <b>Shipping Address <span style="float: right; color: #333;">
                                                   Pitampura delhi ad block new delhi - 110063
                                                </span></b>
                                                <address>
                                                   sanju<br>
                                                   pitampura delhi<br>
                                                   delhi pitampura delhi<br>
                                                   110086<br>
                                                   Phone: 9874563210<br>
                                                   Email: demo@gmail.com<br>
                                                   <b> GST NO: hshsid6646</b><br>
                                                </address>
                                             </div>
                                             
                                             <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-12 invoice-col" style="
                                                border-color: #dee2e6;
                                                border-style: solid;
                                                border-width: 1px 0 1px 1px;">
                                                <b>Delivery Address <span style="float: right; color: #333;">
                                                   Third Floor Tagore Garden,<br>Commercial Market Delhi, Pin - 110027
                                                </span></b>
                                                <address>
                                                   sanju<br>
                                                   pitampura delhi<br>
                                                   delhi pitampura delhi<br>
                                                   110086<br>
                                                   Phone: 9874563210<br>
                                                   Email: demo@gmail.com<br>
                                                   <b> GST NO: hshsid6646</b><br>
                                                </address>
                                             </div>
                                             
                                             <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-12 invoice-col" style="
                                                border-color: #dee2e6;
                                                border-style: solid;
                                                border-width: 1px 1px 1px 1px;">
                                                <b>Invoice : </b>7845213265
                                                <br>
                                                <b>Date : </b>22/03/2024
                                                <br>
                                                <b>Order ID :</b> #4414796<br> 
                                                <b>Transition ID :</b> #ssd5sd45s454<br>
                                                <br>
                                                <b>Payment :</b> <span class="right badge badge-info">COD</span><span class="right badge badge-info">ONLINE</span><br>
                                                
                                                 <b>Expected Delivery :</b> 
                                                   <span>24/03/2024</span>
                                                 <b>Expected Delivery :</b> 
                                                   <span>Today 9AM - 7PM</span>
                                             </div>
                                             
                                          </div>
                                          
                                          
                                          <div class="row">
                                             <div class="col-12 table-responsive" style="display: inline-table;">
                                                <table class="table table-striped table-bordered">
                                                   <thead>
                                                      <tr>
                                                         <th>S.no</th>
                                                         <th>Image</th>
                                                         <th>Product</th>
                                                         <th>HSN Code</th>
                                                         <th>Price</th>
                                                         <th>Qty</th>
                                                         <th>GST</th>
                                                         <th>Gross Amount</th>
                                                         <th>Subtotal</th>
                                                         <th>Weight</th>
                                                         <th class="hide_print_th">Re-order</th>
                                                      </tr>
                                                   </thead>
                                                   <tbody>
                                                      <tr>
                                                         <td>1</td>
                                                         <td><img width="100" height="75" src="img/fresh/6.webp" alt="product-image"></td>
                                                         <td> Milk pack</td>
                                                         <td>OL71></td>
                                                         <td>₹265</td>
                                                         <td> <small>x</small>2</td>
                                                         <td>
                                                            18%
                                                         </td>
                                                         <td>
                                                            ₹300
                                                         </td>
                                                         <td>
                                                            ₹350
                                                         </td>
                                                         <td>
                                                           
                                                           
                                                             <span >0.5>Kg</span>
                                                           
                                                         </td>
                                                         <td class="hide_print_td">
                                                            <a class="btn btn-success" href="">
                                                               Buy it again
                                                            </a>
                                                         </td>
                                                      </tr>
                                                   </tbody>
                                                </table>
                                             </div>
                                             
                                          </div>
                                          
                                          <div class="row">
                                             
                                             <div class="col-8">
                                                <table class="table table-responsive table-bordered" style="display: inline-table;">
                                                   <tbody>
                                                      <tr>
                                                         <td><b>TOTAL QTY:</b> 500</td>
                                                      </tr>
                                                      <tr>
                                                         <td>
                                                            <span> <b>Declaration</b></span><br>
                                                            <small>The goods sold are intended for end user consumption and not for resale.
                                                            </small><br>
                                                            <small>We declare that this invoice shows the actual price of the goods described and that all particular is true and correct.</small>
                                                            <hr>
                                                            <small><b>This is computer generated invoice.</b></small>
                                                         </td>
                                                      </tr>
                                                   </tbody>
                                                </table>
                                             </div>
                                             
                                             
                                             <div class="col-4">
                                                <table class="table table-responsive table-bordered" style="display: inline-table;">
                                                   <tr>
                                                      <th>Sub Total:</th>
                                                      <td>₹300</td>
                                                   </tr>
                                                   <tr>
                                                      <th>GST:</th>
                                                      <td>₹18.00</td>
                                                   </tr>
                                                   <tr>
                                                      <th>Total Weight:</th>
                                                      <td>0.5Kg</td>
                                                   </tr>
                                                   <tr>
                                                      <th>Shipping Charge:</th>
                                                      <td>₹50</td>
                                                   </tr>
                                                   <tr>
                                                      <th>Packaging Charge:</th>
                                                      <td>₹10</td>
                                                   </tr>
                                                   <tr>
                                                      <th>Offer Discount:</th>
                                                      <td>₹30</td>
                                                   </tr>
                                                   <tr>
                                                      <th>Bank Discount:</th>
                                                      <td>₹10</td>
                                                   </tr>
                                                   <tr>
                                                     <th>Coupon Discount</th>
                                                     <td>₹20</td> 
                                                   </tr>
                                                   <tr>
                                                      <th>Grand Total:
                                                         <br>
                                                         <small>All values are in INR</small>
                                                      </th>
                                                      <td> 
                                                        ₹500
                                                      </td>
                                                   </tr>
                                                </table>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </form>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>