| Vendor Name |
Subscription Name |
Quantity |
Extended Price (USD) |
Billing Type |
Payment Method |
Status |
Actions |
| Microsoft |
Mailbox with Outlook |
3 |
1,145.00 |
Yearly |
Billed By Cloud Provider |
Active |
|
| Dropbox |
Dropbox Bus. ADV... |
2 |
1,220.00 |
Monthly |
Billed By Cloud Provider |
Cancelled |
- 2198406A-74EF-42C6-AAE8-0E5AAD9A03FB
- Minimum Seats(1) ~ Maximum Seats(100)
- jonathantest1.onmicrosoft.com
- a044b16a-1861-4308-8086-a3a3b506fac2
|
| Microsoft |
Faxvia Email: Packages |
5 |
1,445.00 |
Monthly |
Billed By Cloud Provider |
Active |
|
| Microsoft |
Blackberry |
10 |
967.00 |
Yearly |
Billed By Cloud Provider |
Active |
|
| Watchguard |
Firebox T40 W/1-Mon TTL SEC... |
4 |
1,989.00 |
Monthly |
Billed By Cloud Provider |
Active |
|
| Google |
Chrome Enterprise License |
3 |
45.00 |
Monthly |
Billed By Cloud Provider |
Active |
|
| Microsoft |
Mailbox with Outlook |
4 |
1,280.00 |
Yearly |
Billed By Cloud Provider |
Scheduled |
|
| Microsoft |
Faxvia Email: Packages |
2 |
1,987.00 |
Monthly |
Billed By Cloud Provider |
Active |
|
| Microsoft |
Blackberry |
1 |
2,021.00 |
Yearly |
Billed By Cloud Provider |
Cancelled |
|
| Watchguard |
Firebox T40 W/1-Mon TTL SEC... |
10 |
3,611.00 |
Monthly |
Billed By Cloud Provider |
Active |
|
| Vendor Name |
Product Name |
Quantity |
Extended Price (USD) |
Billing Type |
Payment Method |
Purchase Date |
Status |
Actions |
| Microsoft |
Surface Keyboard Commer... |
1 |
1,145.00 |
One time |
Net 30 |
01/01/2021 |
Deliverd |
|
| Cisco |
Catalyst 8500-12X4QC |
1 |
1,976.00 |
One time |
Credit Card |
12/02/2021 |
Deliverd |
- 2198406A-74EF-42C6-AAE8-0E5AAD9A03FB
- Minimum Seats(1) ~ Maximum Seats(100)
- jonathantest1.onmicrosoft.com
- a044b16a-1861-4308-8086-a3a3b506fac2
|
| HP SMB Solution |
HP 90W Slim AC Adapter |
2 |
2,022.00 |
One time |
Credit Card |
15/09/2020 |
Deliverd |
|
| Dell |
Dell Latitude 3310 13.3" Note... |
5 |
2,022.00 |
One time |
Credit Card |
17/12/2020 |
Cancelled |
|
| Microsoft |
Surface Keyboard Commer... |
1 |
1,145.00 |
One time |
Net 30 |
01/01/2021 |
Deliverd |
|
| Cisco |
Catalyst 8500-12X4QC |
1 |
1,976.00 |
One time |
Credit Card |
12/02/2021 |
Deliverd |
- 2198406A-74EF-42C6-AAE8-0E5AAD9A03FB
- Minimum Seats(1) ~ Maximum Seats(100)
- jonathantest1.onmicrosoft.com
- a044b16a-1861-4308-8086-a3a3b506fac2
|
| HP SMB Solution |
HP 90W Slim AC Adapter |
2 |
2,022.00 |
One time |
Credit Card |
15/09/2020 |
Deliverd |
|
| Dell |
Dell Latitude 3310 13.3" Note... |
5 |
2,022.00 |
One time |
Credit Card |
17/12/2020 |
Cancelled |
|
<!--my purchase-->
<div class="storefront-rightbar my-purchases mt-3">
<div class="row mainTab" >
<div class="col-md-12">
<h3>My Purchases</h3>
<div class="config-tabs mx-auto">
<div class="custom-tab-col">
<div class="overview-tabs m-0 mx-auto action-tabs">
<a href="javascript:void(0);" class="active" data-active ="recurring">Recurring</a>
<a href="javascript:void(0);" class="ml-2" data-active ="one-time">One Time</a>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="products-search">
<div class="search-input-col">
<i class="icon-cross" style="display: none;"></i>
<i class="icon-search"></i>
<input type="text" class="form-control form-control-padding search-category" placeholder="Search by product name" autocomplete="off">
</div>
</div>
</div>
<div class="col-md-6">
<div class="float-right mt-2">
<a href="javascript:void(0);"><i class="icon-operation mr-2"></i> Change Logs</a>
</div>
</div>
<div class="col-md-12 myPurchases">
<div class="list-view-tile summary-tab-table customers-box selectedTab recurring">
<table class="table custom-table endCustTbl">
<thead class="thead-light">
<tr>
<th scope="col" width="13%">Vendor Name </th>
<th scope="col" width="20%">Subscription Name</th>
<th scope="col" width="10%">Quantity</th>
<th scope="col" width="12%" class="text-right">Extended Price <span class="price-denom">(USD)</span></th>
<th scope="col" width="10%">Billing Type </th>
<th scope="col" width="15%">Payment Method</th>
<th scope="col" width="10%">Status </th>
<th scope="col" width="10%">Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>Microsoft </td>
<td>Mailbox with Outlook</td>
<td>3</td>
<td class="text-right">1,145.00</td>
<td>Yearly</td>
<td>Billed By Cloud Provider</td>
<td><span class="status-bar active">Active</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Dropbox </td>
<td>Dropbox Bus. ADV...</td>
<td>2</td>
<td class="text-right">1,220.00</td>
<td>Monthly</td>
<td>Billed By Cloud Provider</td>
<td><span class="status-bar cancelled">Cancelled</span></td>
<td>
<div class="table-action-link">
<div class="link-text-more moreMainDiv">
<a href="javascript:void(0)" class="circle-link ml-0 openMoreFly"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Activate"></i></a>
<div class="text-more-flyout reactive-info" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<div class="temp-details p-0">
<a href="javascript:void(0)" class="reactive-data"><i class="icon-successful-outline"></i> <span class="ml-2">Re-activate Now</span></a>
</div>
</div>
</div>
<div class="link-text-more moreMainDiv">
<a href="javascript:void(0)" class="circle-hover openMoreFly"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
<div class="text-more-flyout view-info-flyout" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<div class="temp-details p-0">
<ul class="pl-0 mb-0">
<li><label>Subscription ID</label> <span>2198406A-74EF-42C6-AAE8-0E5AAD9A03FB </span><i class="icon-subscriptions copy"><span class="path1"></span><span class="path2"></span></i></li>
<li><label>Changes Allowed</label> <span>Minimum Seats(1) ~ Maximum Seats(100)</span></li>
<li><label>Microsoft Domain ID</label> <span>jonathantest1.onmicrosoft.com</span></li>
<li><label>Manufactute PN</label> <span>a044b16a-1861-4308-8086-a3a3b506fac2</span></li>
</ul>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>Microsoft </td>
<td>Faxvia Email: Packages</td>
<td>5</td>
<td class="text-right">1,445.00</td>
<td>Monthly</td>
<td>Billed By Cloud Provider</td>
<td><span class="status-bar active">Active</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Microsoft </td>
<td>Blackberry</td>
<td>10</td>
<td class="text-right">967.00</td>
<td>Yearly</td>
<td>Billed By Cloud Provider</td>
<td><span class="status-bar active">Active</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Watchguard </td>
<td>Firebox T40 W/1-Mon TTL SEC...</td>
<td>4</td>
<td class="text-right">1,989.00</td>
<td>Monthly</td>
<td>Billed By Cloud Provider</td>
<td><span class="status-bar active">Active</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Google </td>
<td>Chrome Enterprise License</td>
<td>3</td>
<td class="text-right">45.00</td>
<td>Monthly</td>
<td>Billed By Cloud Provider</td>
<td><span class="status-bar active">Active</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Microsoft </td>
<td>Mailbox with Outlook</td>
<td>4</td>
<td class="text-right">1,280.00</td>
<td>Yearly</td>
<td>Billed By Cloud Provider</td>
<td><span class="status-bar suspended">Scheduled</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Microsoft </td>
<td>Faxvia Email: Packages</td>
<td>2</td>
<td class="text-right">1,987.00</td>
<td>Monthly</td>
<td>Billed By Cloud Provider</td>
<td><span class="status-bar active">Active</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Microsoft </td>
<td>Blackberry</td>
<td>1</td>
<td class="text-right">2,021.00</td>
<td>Yearly</td>
<td>Billed By Cloud Provider</td>
<td><span class="status-bar cancelled">Cancelled</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Watchguard </td>
<td>Firebox T40 W/1-Mon TTL SEC...</td>
<td>10</td>
<td class="text-right">3,611.00</td>
<td>Monthly</td>
<td>Billed By Cloud Provider</td>
<td><span class="status-bar active">Active</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
</tbody>
</table>
<nav aria-label="navigation" class="pagination-col pt-2">
<span class="item-dropdown-col">
View
<div class="items-dropdown">
<i class="icon-arrow-bottom"></i>
<select>
<option>10</option>
<option>15</option>
<option>20</option>
</select>
</div>
<span class="view-text">Items Per Page</span>
</span>
<ul class="table-count-list m-auto">
<li class="left-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
<li class="active"><a href="javascript:void(0);"><span>1</span></a></li>
<li><a href="#page-2" class=""> <span>2</span></a></li>
<li class="right-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
</ul>
<ul class="next-prev-page">
<li><a href="javascript:void(0);"><i class="icon-left-arrow-double mr-1"></i>First</a></li>
<li><a href="javascript:void(0);"><i class="icon-left-arrow mr-1"></i>Previous</a></li>
<li><span class="page-count">1 of 12</span></li>
<li><a href="javascript:void(0);">Next<i class="icon-right-arrow-b ml-1"></i></a></li>
<li class="last-page"><a href="javascript:void(0);">Last <i class="icon-left-arrow-double pr-1"></i></a></li>
</ul>
</nav>
</div>
<div class="list-view-tile summary-tab-table customers-box selectedTab one-time" style="display: none;">
<table class="table custom-table">
<thead class="thead-light">
<tr>
<th scope="col" width="13%">Vendor Name </th>
<th scope="col" width="19%">Product Name</th>
<th scope="col" width="8%">Quantity</th>
<th scope="col" width="10%" class="text-right">Extended Price <span class="price-denom">(USD)</span></th>
<th scope="col" width="10%">Billing Type </th>
<th scope="col" width="10%">Payment Method</th>
<th scope="col" width="10%">Purchase Date</th>
<th scope="col" width="8%">Status </th>
<th scope="col" width="10%">Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>Microsoft </td>
<td>Surface Keyboard Commer...</td>
<td>1</td>
<td class="text-right">1,145.00</td>
<td>One time</td>
<td>Net 30</td>
<td>01/01/2021</td>
<td><span class="status-bar active">Deliverd</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Cisco </td>
<td>Catalyst 8500-12X4QC</td>
<td>1</td>
<td class="text-right">1,976.00</td>
<td>One time</td>
<td>Credit Card</td>
<td>12/02/2021</td>
<td><span class="status-bar active">Deliverd</span></td>
<td>
<div class="table-action-link">
<div class="link-text-more moreMainDiv">
<a href="javascript:void(0)" class="circle-link ml-0 openMoreFly"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Activate"></i></a>
<div class="text-more-flyout reactive-info" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<div class="temp-details p-0">
<a href="javascript:void(0)" class="reactive-data"><i class="icon-successful-outline"></i> <span class="ml-2">Re-activate Now</span></a>
</div>
</div>
</div>
<div class="link-text-more moreMainDiv">
<a href="javascript:void(0)" class="circle-hover openMoreFly"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
<div class="text-more-flyout view-info-flyout" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<div class="temp-details p-0">
<ul class="pl-0 mb-0">
<li><label>Subscription ID</label> <span>2198406A-74EF-42C6-AAE8-0E5AAD9A03FB </span><i class="icon-subscriptions copy"><span class="path1"></span><span class="path2"></span></i></li>
<li><label>Changes Allowed</label> <span>Minimum Seats(1) ~ Maximum Seats(100)</span></li>
<li><label>Microsoft Domain ID</label> <span>jonathantest1.onmicrosoft.com</span></li>
<li><label>Manufactute PN</label> <span>a044b16a-1861-4308-8086-a3a3b506fac2</span></li>
</ul>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>HP SMB Solution </td>
<td>HP 90W Slim AC Adapter</td>
<td>2</td>
<td class="text-right">2,022.00</td>
<td>One time</td>
<td>Credit Card</td>
<td>15/09/2020</td>
<td><span class="status-bar active">Deliverd</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Dell </td>
<td>Dell Latitude 3310 13.3" Note...</td>
<td>5</td>
<td class="text-right">2,022.00</td>
<td>One time</td>
<td>Credit Card</td>
<td>17/12/2020</td>
<td><span class="status-bar cancelled">Cancelled</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Microsoft </td>
<td>Surface Keyboard Commer...</td>
<td>1</td>
<td class="text-right">1,145.00</td>
<td>One time</td>
<td>Net 30</td>
<td>01/01/2021</td>
<td><span class="status-bar active">Deliverd</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Cisco </td>
<td>Catalyst 8500-12X4QC</td>
<td>1</td>
<td class="text-right">1,976.00</td>
<td>One time</td>
<td>Credit Card</td>
<td>12/02/2021</td>
<td><span class="status-bar active">Deliverd</span></td>
<td>
<div class="table-action-link">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Activate"></i></a>
<div class="link-text-more moreMainDiv">
<a href="javascript:void(0)" class="circle-hover openMoreFly" ><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
<div class="text-more-flyout view-info-flyout" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<div class="temp-details p-0">
<ul class="pl-0 mb-0">
<li><label>Subscription ID</label> <span>2198406A-74EF-42C6-AAE8-0E5AAD9A03FB </span><i class="icon-subscriptions copy"><span class="path1"></span><span class="path2"></span></i></li>
<li><label>Changes Allowed</label> <span>Minimum Seats(1) ~ Maximum Seats(100)</span></li>
<li><label>Microsoft Domain ID</label> <span>jonathantest1.onmicrosoft.com</span></li>
<li><label>Manufactute PN</label> <span>a044b16a-1861-4308-8086-a3a3b506fac2</span></li>
</ul>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>HP SMB Solution </td>
<td>HP 90W Slim AC Adapter</td>
<td>2</td>
<td class="text-right">2,022.00</td>
<td>One time</td>
<td>Credit Card</td>
<td>15/09/2020</td>
<td><span class="status-bar active">Deliverd</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Dell </td>
<td>Dell Latitude 3310 13.3" Note...</td>
<td>5</td>
<td class="text-right">2,022.00</td>
<td>One time</td>
<td>Credit Card</td>
<td>17/12/2020</td>
<td><span class="status-bar cancelled">Cancelled</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
</tbody>
</table>
<nav aria-label="navigation" class="pagination-col pt-2">
<span class="item-dropdown-col">
View
<div class="items-dropdown">
<i class="icon-arrow-bottom"></i>
<select>
<option>10</option>
<option>15</option>
<option>20</option>
</select>
</div>
<span class="view-text">Items Per Page</span>
</span>
<ul class="table-count-list m-auto">
<li class="left-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
<li class="active"><a href="javascript:void(0);"><span>1</span></a></li>
<li><a href="#page-2" class=""> <span>2</span></a></li>
<li class="right-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
</ul>
<ul class="next-prev-page">
<li><a href="javascript:void(0);"><i class="icon-left-arrow-double mr-1"></i>First</a></li>
<li><a href="javascript:void(0);"><i class="icon-left-arrow mr-1"></i>Previous</a></li>
<li><span class="page-count">1 of 12</span></li>
<li><a href="javascript:void(0);">Next<i class="icon-right-arrow-b ml-1"></i></a></li>
<li class="last-page"><a href="javascript:void(0);">Last <i class="icon-left-arrow-double pr-1"></i></a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<!--my purchase-->