Purchase History Detail

<div class="row ordr-dtls-top-section">
<div class="ordr-dtls-top-left ordr-dtls-topleft-sec1">
   <div class="ordr-dtls-top-title">
      <div class="ordr-dtls-orderid">
         <label>INVOICE ID</label>
         <span class="header-invoice-no">
         THESTRA-1533890457384</span>
      </div>
      <div class="ordr-dtls-invoiceid">
         <label>TIMESTAMP</label><span
            class="header-time-stamp"></span>
      </div>
      <div class="ordr-dtls-orderid">
         <label>PAYMENT METHOD</label>
         <span class="header-payment-method">Cash on delivery</span>
      </div>
   </div>
</div>
<div class="ordr-dtls-top-righ ordr-dtls-topright-sec1t">
   <div class="ordr-dtls-top-title">
      <div class="ordr-dtls-prnt-btnarea">
         <a href="javascript:void(0);"
            onclick="purchaseHistoryDetailsModule.PrintElem('MyPrintDiv')">
         <i class="icon icon-print"></i>
         </a>
      </div>
   </div>
</div>
</div>

<div class="row ordr-dtls-top-section">
<div class="ordr-dtls-top-left ordr-dtls-topleft-sec1"> … </div>
<div class="ordr-dtls-top-righ ordr-dtls-topright-sec1t"> … </div>
<div class="ordr-dtls-top-left purchase-pg-hist-dtls-left">
   <div class="ordr-dtls-buyer-info">
      <div class="col-sm-12">
         <div class="ordr-dtls-buyer-infoind">
            <label>DELIVERY ADDRESS</label>
            <span class="header-delivery-name">Martin
            Rahardja</span>
         </div>
         <div class="ordr-dtls-buyer-infoind">
            <div class="ordr-dtls-buyer-addrline
               header-address-line-1">address</div>
            <div class="ordr-dtls-buyer-addrline
               header-address-line-2"></div>
            <div class="ordr-dtls-buyer-addrline
               header-country">Albania</div>
            <div class="ordr-dtls-buyer-addrline
               header-state">state</div>
            <div class="ordr-dtls-buyer-addrline header-city">city</div>
            <div class="ordr-dtls-buyer-addrline
               header-postal-code">postal</div>
         </div>
      </div>
   </div>
</div>
</div>

<div class="row ordr-dtls-top-section">
…
<div class="ordr-dtls-top-left purchase-pg-hist-dtls-left"> … </div>
<div class="ordr-dtls-top-right purchase-pg-hist-dtls-right">
   <div class="ordr-dtls-trans-info">
      <div class="ordr-dtls-buyer-infoind">
         <label>TRANSACTION TOTAL</label>
         <span>
         <span class="header-grand-total">SGD 249.80</span>
         </span>
      </div>
      <div class="ordr-dtls-trans-line">
         <span>Subtotal</span>
         <span class="header-total">SGD 249.80</span>
      </div>
      <div class="ordr-dtls-trans-line">
         <span>Delivery</span>
         <span class="header-freight">SGD 0.00</span>
      </div>
      <div class="ordr-dtls-trans-line">
         <span>Bulk Delivery Discount</span> -
         <span class="header-bulkDiscount">SGD 0.00</span>
      </div>
   </div>
</div>
</div>

<div class=”order-detail-item-sec”>
<div class="ordr-dtls-item-head-sec">
   <div class="container">
      <div class="row ordr-dtls-item-heading">
         <div class="ordr-dtls-item-itemdesc">ITEM</div>
         <div class="ordr-dtls-item-price">PRICE</div>
         <div class="ordr-dtls-item-qty">QTY</div>
         <div class="ordr-dtls-item-delivery">DELIVERY</div>
         <div class="ordr-dtls-item-delivery">PAYMENT STATUS</div>
         <div class="ordr-dtls-item-status">ORDER STATUS</div>
         <div class="ordr-dtls-item-review">REVIEWS</div>
      </div>
   </div>
</div>
</div>

<div class="ordr-dtls-item-bodyrow"
   data-purchase-history-detail-url="/user/order/OrderHistoryDetail?invoiceId=THESTRA-1533890
   457384">
   ...
   <div class="purchase-history-container2">
      <div class="ordr-dtls-item-itemdesc custom-width">
         <div class="ordr-dtls-item-iteminfo">
            <div class="item-img">
               <a href="#">
               <span>
               <img class="item-preview item-image-url"
                  src="/images/items/Item2278-636222947796505966-Iz386
                  N.jpg"></span>
               </a>
            </div>
            <div class="item-info-text">
               <div>
                  <a href="#"><span
                     class="buyer-decription">Hand-crafted Fitting Leather
                  Wallet</span></a>
               </div>
               <div class="item-variant">
                  <div>Colour: Black</div>
                  <div>Card Slots: 4 + Coin Slot</div>
               </div>
            </div>
         </div>
      </div>
      <div class="ordr-dtls-item-price item-row-price">SGD 79.90</div>
      <div class="ordr-dtls-item-qty">
         <span class="visible-xs-inline-block ">QTY:</span>
         <span class="quantity">1</span>
      </div>
      <div class="ordr-dtls-item-delivery">
         <span class="delivery-type-address">7 Jalan Kilang</span>
         <span class="delivery-type-fee">SGD 0.00</span>
         <hr>
         <span class="delivery-type">Pickup</span>
      </div>
      <div class="ordr-dtls-item-status">
         <span class="visible-xs-inline-block">PAYMENT STATUS:</span>
         <span class="payment-status">Waiting for payments</span>
      </div>
      <div class="ordr-dtls-item-status">
         <span class="visible-xs-inline-block">ORDER STATUS:</span>
         <span class="">Created</span>
      </div>
      <div class="ordr-dtls-item-review" data-item-id="2300" data-cart-id="33060">
         <span class="visible-xs-inline-block">REVIEWS</span>
         <span class="purchase-feedback">
         <span class="feedback-img-sec">
         <i class="icon feedback"></i>
         </span>
         <span data-feedback-text="">Leave a feedback</span>
         <span data-left-feedback-text="" style="display:none">
         Left feedback</span>
         </span>
      </div>
   </div>
</div>