My Cart
Order Summary
Delete All
One-Time Payment
Microsoft Surface Pro |
|||||
| Products | Warehouse | Quantity | Total (USD) | ||
| Kaspersky Internet Security |
|
1,979.80 |
|
5,939.40 | |
| Microsoft Surface Pro Type Cover with Fingerprint ID |
|
109.00 |
|
109.00 | |
Microsoft Surface Pro |
|||
| Products | Address | Quantity | Total |
| S.PRO 128GB M 4GB COMM Warehouse: Columbus |
|
|
3,959.60 |
|
|
|
1,979.80 | |
| Freight | 56.23 | ||
| Microsoft Surface Pro Type Cover with... Warehouse: Columbus |
|
|
109.00 |
| Freight | 16.23 | ||
HP SMB Solution |
|||
| Products | Address | Quantity | Total |
| HP 90W Slim AC Adapter Warehouse: Monroe, NJ (DNJ) |
|
|
82.23 |
| Freight | 12.24 | ||
Cerberus Gaming Keyboard and Mouse |
|||
| Products | Address | Quantity | Total |
| Cerberus Gaming Keyboard and Mouse Warehouse: Miami, FL (DFL) |
|
|
22.99 |
| Freight | 3.79 | ||
<div class="col-xl-8 col-lg-12 section-container">
<h1 class="page-header my-cart"><i class="icon-cart"></i>My Cart</h1>
<h1 class="page-header order-summary" style="display: none;">Order Summary</h1>
<a href="javascript:void(0);" class="delete-all-link my-cart" data-toggle="modal" data-target="#alertModal">Delete All</a></li>
<div class="clearfix"></div>
<!--cart left section-->
<div class="left-section">
<!--accordion start-->
<div class="accordion custom-accordion my-cart" id="accordionExample">
<div class="card active">
<div class="card-header" data-toggle="collapse" data-target="#monthly-payment" aria-expanded="true" aria-controls="monthly-payment">
<div class="card-heading mr-auto">
<h2>Monthly Payments</h2>
</div>
<i class="icon-arrow-bottom" type="button" data-toggle="collapse" data-target="#monthly-payment" aria-expanded="true" aria-controls="monthly-payment"></i>
</div>
<div id="monthly-payment" class="collapse show" aria-labelledby="monthly-payment" data-parent="#monthly-payment">
<div class="alert alert-info cart-info" style="display: none;"><i></i><span>The service exists in the existing contract and will use the payment method set by the contract. The rest will use the current payment methods of choice. </span></div>
<!--card body start-->
<div class="card-body pb-0 pt-2">
<div class="row toggle-box">
<div class="col-md-12">
<table class="table accordion-table-data my-cart">
<tbody>
<tr class="table-first-row">
<td colspan="2">
<img src="images/kaspersky-icon.png">
<h3 class="card-body-head">Kaspersky</h3>
</td>
<td colspan="3" class="text-right payment-methods" style="display: none;"><div class="payment-method-info float-right"><span class="payment-text">Payment Method:</span> <span class="card-type"> Credit Card</span> <img class="visa-img" src="images/visa.png"> <i class="icon-info-blue" data-toggle="tooltip" data-placement="top" title="" data-original-title="The service exists in the existing contract and will use the payment method set by the contract. The rest will use the current payment methods of choice."></i></div></td>
</tr>
<tr class="table-heading">
<td colspan="2">
Products
</td>
<td class="text-center">Quantity</td>
<td class="text-right"><span class="totaltxt-heading total-right">Total (USD)</span></td>
<td> </td>
</tr>
<tr>
<td style="width: 48%;"><span class="prod-name">Kaspersky Internet Security</span></td>
<td style="width: 15%;" class="text-right cart-payment"><span class="original-value">34.50</span> <span class="priceValue"><span class="redTxt" style="display: none;">4.00</span> <i class="icon-multiply"></i></span></td>
<td style="width: 18%;">
<div class="input-group snippet-group">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Delete Quantity">
<img src="images/minus-icon.png">
</button>
</span>
<input type="text" name="quant[1]" class="form-control input-number" value="10">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Add Quantity">
<i class="icon-plus"></i>
</button>
</span>
</div>
</td>
<td style="width: 10%;" class="text-right"><span class="totalAmount">34.50</span></td>
<td style="width: 4%;" class="text-center"><a class="delete-item-link" href="javascript:void(0);" data-toggle="modal" data-target="#deleteModal"><i class="icon-delete" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<hr class="divide-line">
<div class="row toggle-box">
<div class="col-md-12">
<table class="table accordion-table-data my-cart">
<tbody>
<tr class="table-first-row bundle-row">
<td colspan="2">
<span class="bundle-lbl">Bundle</span>
<h3 class="card-body-head">Microsoft Surface Pro with Cloud Bundle</h3>
</td>
<td colspan="3" class="text-right payment-methods" style="display: none;"><div class="payment-method-info float-right"><span class="payment-text">Payment Method:</span> <span class="card-type"> Credit Card</span> <img class="visa-img" src="images/visa.png"> <i class="icon-info-blue" data-toggle="tooltip" data-placement="top" title="" data-original-title="The service exists in the existing contract and will use the payment method set by the contract. The rest will use the current payment methods of choice."></i></div></td>
<td colspan="3" style="width: 4%;" class="text-right"><a class="delete-item-link" href="javascript:void(0);" data-toggle="modal" data-target="#deletebundleModal"><i class="icon-delete" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete"></i></a></td>
</tr>
<tr class="table-heading">
<td colspan="2">
Products
</td>
<td class="text-center">Quantity</td>
<td class="text-right"><span class="totaltxt-heading total-right">Total (USD)</span></td>
<td style="width:1%"> </td>
</tr>
<tr class="bundle-row-main">
<td style="width: 48%;"><span class="prod-name">Microsoft 365 Basic</span></td>
<td style="width: 15%;" class="text-right cart-payment"><span class="redTxt line-through" >75.45</span> <span class="original-value">60.90</span> <span class="priceValue"> <i class="icon-multiply"></i></span></td>
<td style="width: 18%;">
<div class="input-group snippet-group">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Delete Quantity">
<img src="images/minus-icon.png">
</button>
</span>
<input type="text" name="quant[1]" class="form-control input-number" value="1">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Add Quantity">
<i class="icon-plus"></i>
</button>
</span>
</div>
</td>
<td style="width: 10%;" class="text-right"><span class="totalAmount">60.90</span></td>
<td style="width:1%"> </td>
</tr>
<tr class="bundle-row-main">
<td style="width: 48%;"><span class="prod-name">Dropbox BUS STD-NEW 3-299 SEATS</span></td>
<td style="width: 15%;" class="text-right cart-payment"><span class="redTxt line-through" >134.34</span> <span class="original-value">150.00</span> <span class="priceValue"> <i class="icon-multiply"></i></span></td>
<td style="width: 18%;">
<div class="input-group snippet-group">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Delete Quantity">
<img src="images/minus-icon.png">
</button>
</span>
<input type="text" name="quant[1]" class="form-control input-number" value="1">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Add Quantity">
<i class="icon-plus"></i>
</button>
</span>
</div>
</td>
<td style="width: 10%;" class="text-right"><span class="totalAmount">150.00</span></td>
<td style="width:1%"> </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!--card body end-->
</div>
</div>
</div>
<!--accordion end-->
<!--accordion start-->
<div class="accordion custom-accordion" id="accordionExample">
<div class="card active">
<div class="card-header" data-toggle="collapse" data-target="#onetimePayment" aria-expanded="true" aria-controls="onetimePayment">
<div class="card-heading mr-auto">
<h2>One-Time Payment</h2>
</div>
<i class="icon-arrow-bottom" type="button" data-toggle="collapse" data-target="#onetimePayment" aria-expanded="true" aria-controls="onetimePayment"></i>
</div>
<div id="onetimePayment" class="collapse show" aria-labelledby="onetimePayment" data-parent="#accordionExample">
<!--card body start-->
<div class="card-body pb-0 pt-2">
<div class="row">
<div class="col-md-12">
<table class="table accordion-table-data my-cart">
<tbody>
<tr class="table-first-row">
<td colspan="3">
<img src="images/microsoft.png">
<h3 class="card-body-head">Microsoft Surface Pro</h3>
</td>
<td colspan="2"></td>
</tr>
<tr class="table-heading">
<td>
Products
</td>
<td>Warehouse</td>
<td></td>
<td class="text-center">Quantity</td>
<td class="text-right"><span class="totaltxt-heading total-right">Total (USD)</span></td>
<td> </td>
</tr>
<tr>
<td style="width: 26%;"><span class="prod-name">Kaspersky Internet Security</span></td>
<td style="width:27%">
<div class="search-input-col">
<div class="custom-dropdown warehouse-menu dropdown cards-custom-dropdown">
<button class="cards-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="icon-arrow-bottom"></i>
<span class="selected-value">Columbus (3)</span>
</button>
<div class="dropdown-menu active-menu">
<div class="warehouse-list">
<a class="dropdown-item " href="javascript:void(0);"><span>Warehouse</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Columbus (3)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Miami, FL (DFL) (4)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Monroe, NJ (DNJ) (2)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Romeoville, IL (DCH) (0)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Garland, TX (DDA) (0)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Southaven, MS (DTN) (2)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Southaven, MS (DTNL) (3)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Tracy, CA (DFR) (3)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Chino, CA (DON) (6)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Vendor Direct Ship (DDS) (3)</span></a>
</div>
</div>
</div>
</div>
</td>
<td style="width: 15%;" class="text-right cart-payment"><span class="original-value">1,979.80</span> <span class="priceValue"><span class="redTxt" style="display: none;">4.00</span> <i class="icon-multiply"></i></span></td>
<td style="width: 18%;">
<div class="input-group snippet-group">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Delete Quantity">
<img src="images/minus-icon.png">
</button>
</span>
<input type="text" name="quant[1]" class="form-control input-number" value="10">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Add Quantity">
<i class="icon-plus"></i>
</button>
</span>
</div>
</td>
<td style="width: 10%;" class="text-right"><span class="totalAmount">5,939.40</span></td>
<td style="width: 4%;" class="text-center"><a class="delete-item-link" href="javascript:void(0);" data-toggle="modal" data-target="#deleteModal"><i class="icon-delete" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete"></i></a></td>
</tr>
<tr>
<td ><span class="prod-name">Microsoft Surface Pro Type Cover with Fingerprint ID</span> <span class="msp-prod isMsp" style="display: none;">MSP</span></td>
<td >
<div class="search-input-col">
<div class="custom-dropdown warehouse-menu dropdown cards-custom-dropdown">
<button class="cards-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="icon-arrow-bottom"></i>
<span class="selected-value">Miami, FL (DFL) (4)</span>
</button>
<div class="dropdown-menu active-menu">
<div class="warehouse-list">
<a class="dropdown-item " href="javascript:void(0);"><span>Warehouse</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Columbus (3)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Miami, FL (DFL) (4)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Monroe, NJ (DNJ) (2)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Romeoville, IL (DCH) (0)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Garland, TX (DDA) (0)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Southaven, MS (DTN) (2)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Southaven, MS (DTNL) (3)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Tracy, CA (DFR) (3)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Chino, CA (DON) (6)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Vendor Direct Ship (DDS) (3)</span></a>
</div>
</div>
</div>
</div>
</td>
<td class="text-right cart-payment"><span class="original-value">109.00</span> <span class="priceValue"><span class="redTxt" style="display: none;">4.00</span> <i class="icon-multiply"></i></span></td>
<td>
<div class="input-group snippet-group">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Delete Quantity">
<img src="images/minus-icon.png">
</button>
</span>
<input type="text" name="quant[1]" class="form-control input-number" value="10">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Add Quantity">
<i class="icon-plus"></i>
</button>
</span>
</div>
</td>
<td class="text-right"><span class="totalAmount">109.00</span></td>
<td style="width: 4%;" class="text-center"><a class="delete-item-link" href="javascript:void(0);" data-toggle="modal" data-target="#deleteModal"><i class="icon-delete" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete"></i></a></td>
</tr>
</tbody>
</table>
<table class="table accordion-table-data order-summary">
<tbody>
<tr class="table-first-row">
<td colspan="4">
<img src="images/microsoft.png">
<h3 class="card-body-head">Microsoft Surface Pro</h3>
</td>
</tr>
<tr class="table-heading">
<td style="width: 40%;">Products</td>
<td style="width: 38%;">Address</td>
<td style="width: 12%;" class="text-center">Quantity</td>
<td style="width: 10%;" class="text-right"><span class="totaltxt-heading total-right">Total</span></td>
</tr>
<tr>
<td><span class="prod-name">S.PRO 128GB M 4GB COMM</span><br> <span>Warehouse: Columbus</span></td>
<td>
<div class="search-input-col readonly">
<input type="text" class="form-control" value="8502 Preston Rd. Inglewood, Maine 98380" readonly>
</div>
</td>
<td>
<div class="search-input-col readonly">
<input type="text" class="form-control text-center" value="2" readonly>
</div>
</td>
<td class="text-right"><span class="totalAmount">3,959.60</span></td>
</tr>
<tr>
<td></td>
<td>
<div class="search-input-col readonly">
<input type="text" class="form-control" value="3891Dr. Richard. Inglewood, Maine 98380" readonly>
</div>
</td>
<td>
<div class="search-input-col readonly">
<input type="text" class="form-control text-center" value="1" readonly>
</div>
</td>
<td class="text-right"><span class="totalAmount">1,979.80</span></td>
</tr>
<tr class="freight-charges">
<td colspan="3">Freight</td>
<td class="text-right"><span class="totalAmount">56.23</span></td>
</tr>
<tr>
<td><span class="prod-name">Microsoft Surface Pro Type Cover with...</span><br> <span>Warehouse: Columbus</span></td>
<td>
<div class="search-input-col readonly">
<input type="text" class="form-control" value="8502 Preston Rd. Inglewood, Maine 98380" readonly>
</div>
</td>
<td>
<div class="search-input-col readonly">
<input type="text" class="form-control text-center" value="2" readonly>
</div>
</td>
<td class="text-right"><span class="totalAmount">109.00</span></td>
</tr>
<tr class="freight-charges">
<td colspan="3">Freight</td>
<td class="text-right"><span class="totalAmount">16.23</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<hr class="divide-line">
<div class="row">
<div class="col-md-12">
<table class="table accordion-table-data my-cart">
<tbody>
<tr class="table-first-row bundle-row">
<td colspan="2">
<span class="bundle-lbl">Bundle</span>
<h3 class="card-body-head">Microsoft Surface Pro with Cloud Bundle</h3>
</td>
<td colspan="2"></td>
<td colspan="3" style="width: 4%;" class="text-right"><a class="delete-item-link" href="javascript:void(0);" data-toggle="modal" data-target="#deletebundleModal"><i class="icon-delete" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete"></i></a></td>
</tr>
<tr class="table-heading">
<td>
Products
</td>
<td>Warehouse</td>
<td></td>
<td class="text-center">Quantity</td>
<td class="text-right"><span class="totaltxt-heading total-right">Total (USD)</span></td>
<td style="width:1%"> </td>
</tr>
<tr>
<td style="width: 26%;"><span class="prod-name">Microsoft Surface Pro</span></td>
<td style="width:27%">
<div class="search-input-col">
<div class="custom-dropdown warehouse-menu dropdown cards-custom-dropdown">
<button class="cards-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="icon-arrow-bottom"></i>
<span class="selected-value">Columbus (3)</span>
</button>
<div class="dropdown-menu active-menu">
<div class="warehouse-list">
<a class="dropdown-item " href="javascript:void(0);"><span>Warehouse</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Columbus (3)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Miami, FL (DFL) (4)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Monroe, NJ (DNJ) (2)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Romeoville, IL (DCH) (0)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Garland, TX (DDA) (0)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Southaven, MS (DTN) (2)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Southaven, MS (DTNL) (3)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Tracy, CA (DFR) (3)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Chino, CA (DON) (6)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Vendor Direct Ship (DDS) (3)</span></a>
</div>
</div>
</div>
</div>
</td>
<td style="width: 15%;" class="text-right cart-payment"><span class="original-value">1,199.00</span> <span class="priceValue"><span class="redTxt" style="display: none;">4.00</span> <i class="icon-multiply"></i></span></td>
<td style="width: 18%;">
<div class="input-group snippet-group">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Delete Quantity">
<img src="images/minus-icon.png">
</button>
</span>
<input type="text" name="quant[1]" class="form-control input-number" value="10">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Add Quantity">
<i class="icon-plus"></i>
</button>
</span>
</div>
</td>
<td style="width: 10%;" class="text-right"><span class="totalAmount">1,199.00</span></td>
<td style="width:1%"> </td>
</tr>
</tbody>
</table>
<table class="table accordion-table-data order-summary">
<tbody>
<tr class="table-first-row">
<td colspan="3">
<span class="bundle-lbl">Bundle</span>
<h3 class="card-body-head">Microsoft Surface Pro with Cloud Bundle</h3>
</td>
<td colspan="2"></td>
</tr>
<tr class="table-heading">
<td style="width: 40%;">Product</td>
<td style="width: 38%;">Address</td>
<td style="width: 12%;" class="text-center">Quantity</td>
<td style="width: 10%;" class="text-right"><span class="totaltxt-heading total-right">Total</span></td>
</tr>
<tr>
<td><span class="prod-name">Microsoft Surface Pro</span><br> <span>Warehouse: Monroe, NJ (DNJ)</span></td>
<td>
<div class="search-input-col readonly">
<input type="text" class="form-control" value="8502 Preston Rd. Inglewood, Maine 98380" readonly>
</div>
</td>
<td>
<div class="search-input-col readonly">
<input type="text" class="form-control text-center" value="1" readonly>
</div>
</td>
<td class="text-right"><span class="totalAmount">1,199.00</span></td>
</tr>
<tr class="freight-charges">
<td colspan="3">Freight</td>
<td class="text-right"><span class="totalAmount">16.23</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<hr class="divide-line">
<div class="row">
<div class="col-md-12">
<table class="table accordion-table-data order-summary">
<tbody>
<tr class="table-first-row">
<td colspan="4">
<img src="images/hp-icon.png">
<h3 class="card-body-head">HP SMB Solution</h3>
</td>
</tr>
<tr class="table-heading">
<td style="width: 40%;">Products</td>
<td style="width: 38%;">Address</td>
<td style="width: 12%;" class="text-center">Quantity</td>
<td style="width: 10%;" class="text-right"><span class="totaltxt-heading total-right">Total</span></td>
</tr>
<tr>
<td><span class="prod-name">HP 90W Slim AC Adapter</span><br> <span>Warehouse: Monroe, NJ (DNJ)</span></td>
<td>
<div class="search-input-col readonly">
<input type="text" class="form-control" value="AD Mason665, Greenville, SC, 29615, US" readonly>
</div>
</td>
<td>
<div class="search-input-col readonly">
<input type="text" class="form-control text-center" value="1" readonly>
</div>
</td>
<td class="text-right"><span class="totalAmount">82.23</span></td>
</tr>
<tr class="freight-charges">
<td colspan="3">Freight</td>
<td class="text-right"><span class="totalAmount">12.24</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<hr class="divide-line order-summary">
<div class="row">
<div class="col-md-12">
<table class="table accordion-table-data order-summary">
<tbody>
<tr class="table-first-row">
<td colspan="4">
<img src="images/asus-icon.png">
<h3 class="card-body-head">Cerberus Gaming Keyboard and Mouse</h3>
</td>
</tr>
<tr class="table-heading">
<td style="width: 40%;">Products</td>
<td style="width: 38%;">Address</td>
<td style="width: 12%;" class="text-center">Quantity</td>
<td style="width: 10%;" class="text-right"><span class="totaltxt-heading total-right">Total</span></td>
</tr>
<tr>
<td><span class="prod-name">Cerberus Gaming Keyboard and Mouse</span><br> <span>Warehouse: Miami, FL (DFL)</span></td>
<td>
<div class="search-input-col readonly">
<input type="text" class="form-control" value="AD-1617856637, elk grove, CA, 95757, US" readonly>
</div>
</td>
<td>
<div class="search-input-col readonly">
<input type="text" class="form-control text-center" value="1" readonly>
</div>
</td>
<td class="text-right"><span class="totalAmount">22.99</span></td>
</tr>
<tr class="freight-charges">
<td colspan="3">Freight</td>
<td class="text-right"><span class="totalAmount">3.79</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!--card body end-->
<!--card body start-->
<div class="card-body pb-0 pt-2">
<div class="row">
<div class="col-md-12">
<table class="table accordion-table-data my-cart">
<tbody>
<tr class="table-first-row">
<td colspan="3">
<img src="images/hp-icon.png">
<h3 class="card-body-head">HP 90W Slim AC Adapter</h3>
</td>
<td colspan="2"></td>
</tr>
<tr class="table-heading">
<td>
Products
</td>
<td>Warehouse</td>
<td></td>
<td class="text-center">Quantity</td>
<td class="text-right"><span class="totaltxt-heading total-right">Total (USD)</span></td>
<td></td>
</tr>
<tr>
<td style="width: 26%;"><span class="prod-name">HP 90W Slim AC Adapter</span></td>
<td style="width:27%">
<div class="search-input-col">
<div class="custom-dropdown warehouse-menu dropdown cards-custom-dropdown">
<button class="cards-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="icon-arrow-bottom"></i>
<span class="selected-value">Monroe, NJ (DNJ) (2)</span>
</button>
<div class="dropdown-menu active-menu">
<div class="warehouse-list">
<a class="dropdown-item " href="javascript:void(0);"><span>Warehouse</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Columbus (3)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Miami, FL (DFL) (4)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Monroe, NJ (DNJ) (2)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Romeoville, IL (DCH) (0)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Garland, TX (DDA) (0)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Southaven, MS (DTN) (2)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Southaven, MS (DTNL) (3)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Tracy, CA (DFR) (3)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Chino, CA (DON) (6)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Vendor Direct Ship (DDS) (3)</span></a>
</div>
</div>
</div>
</div>
</td>
<td style="width: 15%;" class="text-right cart-payment"><span class="original-value">82.23</span> <span class="priceValue"><span class="redTxt" style="display: none;">4.00</span> <i class="icon-multiply"></i></span></td>
<td style="width: 18%;">
<div class="input-group snippet-group">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Delete Quantity">
<img src="images/minus-icon.png">
</button>
</span>
<input type="text" name="quant[1]" class="form-control input-number" value="10">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Add Quantity">
<i class="icon-plus"></i>
</button>
</span>
</div>
</td>
<td style="width: 10%;" class="text-right"><span class="totalAmount">82.23</span></td>
<td style="width: 4%;" class="text-center"><a class="delete-item-link" href="javascript:void(0);" data-toggle="modal" data-target="#deleteModal"><i class="icon-delete" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<hr class="divide-line">
</div>
<!--card body end-->
<!--card body start-->
<div class="card-body pt-2">
<div class="row">
<div class="col-md-12">
<table class="table accordion-table-data my-cart">
<tbody>
<tr class="table-first-row">
<td colspan="3">
<img src="images/asus-icon.png">
<h3 class="card-body-head">Cerberus Gaming Keyboard and Mouse</h3>
</td>
<td colspan="2"></td>
</tr>
<tr class="table-heading">
<td>
Products
</td>
<td>Warehouse</td>
<td></td>
<td class="text-center">Quantity</td>
<td class="text-right"><span class="totaltxt-heading total-right">Total (USD)</span></td>
<td></td>
</tr>
<tr>
<td style="width: 26%;"><span class="prod-name">Cerberus Gaming Keyboard and Mouse</span></td>
<td style="width:27%">
<div class="search-input-col">
<div class="custom-dropdown warehouse-menu dropdown cards-custom-dropdown">
<button class="cards-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="icon-arrow-bottom"></i>
<span class="selected-value">Miami, FL (DFL) (4)</span>
</button>
<div class="dropdown-menu active-menu">
<div class="warehouse-list">
<a class="dropdown-item " href="javascript:void(0);"><span>Warehouse</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Columbus (3)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Miami, FL (DFL) (4)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Monroe, NJ (DNJ) (2)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Romeoville, IL (DCH) (0)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Garland, TX (DDA) (0)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Southaven, MS (DTN) (2)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Southaven, MS (DTNL) (3)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Tracy, CA (DFR) (3)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Chino, CA (DON) (6)</span></a>
<a class="dropdown-item " href="javascript:void(0);"><span>Vendor Direct Ship (DDS) (3)</span></a>
</div>
</div>
</div>
</div>
</td>
<td style="width: 15%;" class="text-right cart-payment"><span class="original-value">22.99</span> <span class="priceValue"><span class="redTxt" style="display: none;">4.00</span> <i class="icon-multiply"></i></span></td>
<td style="width: 18%;">
<div class="input-group snippet-group">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Delete Quantity">
<img src="images/minus-icon.png">
</button>
</span>
<input type="text" name="quant[1]" class="form-control input-number" value="10">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="Add Quantity">
<i class="icon-plus"></i>
</button>
</span>
</div>
</td>
<td style="width: 10%;" class="text-right"><span class="totalAmount">22.99</span></td>
<td style="width: 4%;" class="text-center"><a class="delete-item-link" href="javascript:void(0);" data-toggle="modal" data-target="#deleteModal"><i class="icon-delete" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!--card body end-->
</div>
</div>
</div>
<!--accordion end-->
</div>
<!--cart left section end-->
</div>