Purchase History

<div class="seller-titlearea">
   <div class="container">
      <div class="row">
         <h1>
            <i class="icon icon-historylist"></i>
            <span>PURCHASE HISTORY</span>
         </h1>
         <p>Manage all your orders that have been placed with you. Click on any
            payment ID to view the order details.
         </p>
      </div>
   </div>
</div>

<div class="seller-actions">
   <div class="container">
      <div class="row">
         <div class="item-search">
            <input class="form-control search-item" name="search-item"
               type="text" placeholder="Search by Invoice ID">
            <input type="image"
               src="/Areas/User/Assets/core/themes/theme-1/images/search_main.svg"
               class="item-search-btn">
         </div>
      </div>
   </div>
</div>

<div class="order-history-sec-list">
<div class="ordrhist-list-heading">
   <div class="container">
      <div class="ordrhist-list-tit-sec">
         <div class="ordrhist-invoiceid-col">INVOICE ID</div>
         <div class="ordrhist-timestamp-col">TIMESTAMP</div>
         <div class="ordrhist-item-col">ITEM</div>
         <div class="ordrhist-qty-col">QTY</div>
         <div class="ordrhist-delivery-st-col">DELIVERY</div>
         <div class="ordrhist-status-col">PAYMENT STATUS</div>
         <div class="ordrhist-status-col">ORDER STATUS</div>
         <div class="ordrhist-status-col">REVIEWS</div>
      </div>
   </div>
</div>
</div>

<div class="ordrhist-list-bodyrow" data-purchase-history-detail-url="">
   <span class="visible-xs-inline-block ordrhist-itemdetails-link">
   <a href="/user/order/OrderHistoryDetail?invoiceNo=THESTRA-1533890457384"
      purchase-history-link="">
   <i class="ordrhist-itemdetails-icon"></i></a>
   </span>
   <div class="ordrhist-invoiceid-col">
      <a href="/user/order/OrderHistoryDetail?invoiceNo=THESTRA-1533890457384"
         class="url-details-redirect" purchase-history-link="">
      <span class="visible-xs-inline-block ">INVOICE ID:</span>
      <span class="invoice-number">THESTRA-1533890457384</span>
      </a>
   </div>
   <div class="ordrhist-timestamp-col">
      <a href="/user/order/OrderHistoryDetail?invoiceNo=THESTRA-1533890457384"
         purchase-history-link="">
         <span class="time-stamp-day-month-year"></span>
         <div class="time-stamp-hour"></div>
      </a>
   </div>
   <div class="ordrhist-item-col">
      <a href="/user/order/OrderHistoryDetail?invoiceNo=THESTRA-1533890457384"
         purchase-history-link="">
         <div class="ordrhist-item-iteminfo">
            <span>
            <img class="item-preview item-image-url"
               src="/images/items/Item2278-636222947796505966-Iz386N.jpg">
            </span>
            <span class="buyer-decription">
            Hand-crafted Fitting Leather Wallet</span>
         </div>
      </a>
   </div>
   <div class="ordrhist-qty-col">
      <span class="visible-xs-inline-block">QTY:&nbsp;</span>
      <span class="quantity">1</span>
   </div>
   <div class="ordrhist-delivery-st-col">
      <span class="visible-xs-inline-block ">DELIVERY TYPE:&nbsp;</span>
      <span class="delivery-type">Pickup</span>
   </div>
   <div class="ordrhist-status-col">
      <span class="visible-xs-inline-block">PAYMENT STATUS:&nbsp;</span>
      <span class="payment-status">Waiting for payments</span>
   </div>
   <div class="ordrhist-status-col">
      <span class="visible-xs-inline-block">ORDER STATUS:&nbsp;</span>
      <span class="ready-for-pickup-status">Created</span>
   </div>
   <div class="ordrhist-status-col" 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>