Orders

<section class="account">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-4 col-12">
<div class="account__side-bar">
<ul class="account__side-bar__wrap">
<h3 class="account__side-bar__wrap__title">Your
Account</h3>
<li class="account__side-bar__wrap__list"><a
class="account__side-bar__wrap__link">My
Profile</a></li>
class="account__side-bar__wrap__link">Manage
Users</a></li>
<li class="account__side-bar__wrap__list active"><a
class="account__side-bar__wrap__link">Orders</a></li>
class="account__side-bar__wrap__link">Manage
Addresses</a></li>
class="account__side-bar__wrap__link">View and
Edit Carts</a></li>
class="account__side-bar__wrap__link">View
Order Requestss</a></li>
</ul>
</div>
</div>
<div class="col-xl-9 col-lg-8 col-12">
<div class="account__o-history">
<h3 class="account__o-history__title">
Order History
</h3>
<div class="account__o-history__desc">
<div class="row">
<div class="col-12 col-lg-7 col-xl-9">
<p class="account__o-history__desc__text">
View the details of recent purchase order.
You can also track the most recent
order,
to
see when the orders are expected to be
delivered, track the shipment with the
carrier,
and view the invoice details. to maximize
your search experience, click the
advance
search link.
</p>
</div>
<div class="col-12 col-lg-5 col-xl-3">
<div class="account__o-history__desc__btn-
holder">
<a class="account__o-history__desc__btn
btn-primary">Download Orders</a>
</div>
</div>
</div>
</div>
<div class="account__o-history__filter-row">
<div class="row justify-content-between align-items-
center">
<div class="col-12 col-xl-4">
<div class="account__o-history__search-wrap">
<form class="account__o-history__search-
wrap__search">
<input class="account__o-
history__search-wrap__search-field" type="search"
name="q" value=""
autocomplete="off" placeholder="Search..."
aria-label="search" />
</form>
<div class="account__o-
history__filter__btn-holder">
<button type="button"
class="account__o-history__filter__btn"
data-toggle="modal" data-
target="#ad-Modal"
data-whatever="@mdo">Advanced</button>
<button class="account__o-
history__filter__btn">Clear</button>
</div>

<div class="modal fade" id="ad-Modal"
tabindex="-1" role="dialog"
aria-labelledby="ModalLabel" aria-
hidden="true">
<div class="modal-dialog modal__modal-
wrap" role="document">
<div class="modal-content">
<div class="modal__header">
<h2
class="modal__header__heading">Advanced Search</h2>
class="close" data-dismiss="modal"
aria-label="Close">
<span
class="modal__header__close-btn"
aria-
hidden="true">×</span>
</button>
</div>
<div class="modal__body">
<form>
<div class="row">
<div class="col-6">
<label
class="modal__body__label" for="PO#">PO
#:</label>
<input
class="modal__body__input" type="text"
id="PO#"
name="PO#" placeholder="">
</div>
<div class="col-6">
<label
class="modal__body__label" for="3M Order">3M
Order
#:</label>
<input
id="3M
Order" name="3M Order" placeholder="">
</div>
</div>
<div class="row">
<div class="col-6">
<label
class="modal__body__label"
for="Invoice">Invoice #:</label>
<input
id="Invoice" name="Invoice" placeholder="">

</div>
<div class="col-6">
<label
for="Product ID">Product ID:</label>

<input
id="Product
ID" name="Product ID"
placeholder="">
</div>
</div>
<div class="row">
<div class="col-6">
<label
class="modal__body__label" for="PO#">Shipping
Reference
#:</label>
<input
placeholder="">
</div>
</div>
<div class="row">
<div class="col-6">
<label
for="Order
Status">Order Status:</label>
<input
id="Order
Status" name="Order Status"
placeholder="">
</div>
<div class="col-6">
<label
for="Order
Source">Order Source:</label>
<input
id="Order
Source" name="Order Source"
placeholder="">
</div>
</div>
<div class="row">
<div class="col-6">
<label
for="Order
Status">Order Date:</label>
<input
class="modal__body__input" type="date"
id="Order
placeholder="">
<p
class="modal__body__d-text">Start Date</p>
</div>
<div class="col-6">
<label
for="Product ID"> </label>
<input
id="Product
placeholder="">
<p
class="modal__body__d-text">End Date</p>
</div>
</div>
<div class="row">
<div class="col-6">
<label
for="Order
Status">Ship Date:</label>
<input
id="Order
placeholder="">
<p
class="modal__body__d-text">Start Date</p>
</div>
<div class="col-6">
<label
for="Product ID"> </label>
<input
name="Product ID" placeholder="">

<p
class="modal__body__d-text">End Date</p>
</div>
</div>
<div class="row">
<div class="col-6">
<label
class="modal__body__label" for="Invoice">Sold
To
Address:</label>
</div>
<div class="col-6">
<label
for="Product ID">Shipping Address:</label>

<input
id="Product
placeholder="Add Shipping Addresses">

</div>
</div>
<div class="row">
<div class="col-
12">
<p
class="">Show Only</p>
<div
class="checkout__checkbox-holder">
<label><input type="checkbox">
<span
class="checkmark">Updated
</span>
</label>
</div>
</div>
</div>
</form>
</div>
<div class="modal__footer">
<a href="#"
class="modal__footer__cancel" type="button"
data-
dismiss="modal">Cancel</a>
class="btn-primary">Continue</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-xl-4">
<div class="account__o-history__f-sort">
<div class="account__o-history__f-
sort__select-box">
<label class="account__o-history__f-
sort__label">
<select class="account__o-
history__f-sort__select">
<option selected>Filter
Results</option>
<option>By Name</option>
<option>By Number</option>
</select>
</label>
</div>
<div class="account__o-history__f-
sort__select-box">
<label class="account__o-history__f-
sort__label">
<select class="account__o-
history__f-sort__select">
<option selected>Sort
Results</option>
<option>older orders</option>
<option>new orders</option>
</select>
</label>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-12">
<div class="account__o-history__content">
<table class="table account__o-
history__content__table">
<thead class="account__o-
history__content__table-header">
<tr>
<th class="account__o-
history__content__table__heading" scope="col">
Status#</th>
Order Placed</th>
PO #:</th>
Ship-To</th>
WALTER Order #</th>
</th>
</tr>
</thead>
<tbody>
<tr class="account__o-
history__content__table-row">
<td class="account__o-
history__content__table__text">
Shipped</td>
13-07-2023</td>
0101202</td>
321, Street, Main Fly
Heights
building, North Arizona,
xyz 000</td>
history__content__table__text"> <a
class="account__o-
history__content__table__link">
XXXVF-BGFT-XXY
</a>
</td>
history__content__table__text text-center"><a href="#"
class="account__o-
history__content__table__link"><img
class="account__o-
history__content__table__icon"
src="./assets/images/right-arrowO.png"></a>
</td>
</tr>
In Process</td>
13-09-2023</td>
01012022</td>
Heights
xyz 000</td>
class="account__o-
XXXVF-BGFT-XXY
</a>
</td>
class="account__o-
class="account__o-
</td>
</tr>
Received</td>
13-09-2023</td>
0102022</td>
Heights
xyz 000</td>
class="account__o-
XXXVF-BGFT-XXY
</a>
</td>
class="account__o-
class="account__o-
</td>
</tr>
Shipped</td>
13-09-2023</td>
0102022</td>
Heights
xyz 000</td>
class="account__o-
XXXVF-BGFT-XXY
</a>
</td>
class="account__o-
class="account__o-
</td>
</tr>
Received</td>
13-09-2024</td>
0102022</td>
Heights
building, Alaska, xyz
000</td>
class="account__o-
FFDF-BGFT-XXY
</a>
</td>
class="account__o-
class="account__o-
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="bottom m-3">
<div class="bottom__left">
<div class="dropdown bottom__dropdown">
<button class="bottom__dropdown__btn
btn dropdown-toggle"
type="button" data-
toggle="dropdown" aria-expanded="false">
Show 25 items
</button>
<div class="dropdown-menu">
<a href="#" class="dropdown-item"
href="#">Show 10 items</a>
</div>
</div>
<p class="bottom__para">
Showing 1 - 10 from 95 entries
</p>
</div>
<div class="bottom__right">
<div class="pagination bottom__right__num">
<a href="#"
class="bottom__right__link">
< </a>
<a href="#"
class="bottom__right__link">1</a>
<a href="#"
class="bottom__right__link active">2</a>
<a href="#"
<a href="#"
<a
class="bottom__right__link">...</a>
<a href="#"
<a href="#"
class="bottom__right__link">></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

Orders

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Orders

Uploaded by

Copyright:

Available Formats

<section class="account">

id="Invoice" name="Invoice" placeholder="">

for="Product ID">Product ID:</label>

name="Product ID" placeholder="">

for="Product ID">Shipping Address:</label>

placeholder="Add Shipping Addresses">

You might also like