<?php 
include 'inc.header.php';

?>





<div class="content my-0 mt-n2 px-1">
<div class="d-flex">
<div class="align-self-center">
<h3 class="font-16 mb-2">Cart</h3>
</div>



</div>
<div class="row">
<div class="form-custom form-label form-icon mt-2" >
    <div style="border-bottom: 1px solid #000;display:flex;" class="searchwrap">
 
<input type="text" class="form-control rounded-xs"  id="searchinputbox" oninput="handleInput();" onKeyDown="if(event.keyCode==32) searchbarcodeProduct();" placeholder="Search Item" style="border:none; solid #000 !important;color:#222;height:40px !important; padding-left:12px !important;">
<div id="searchitems" style="display: none;">                            

</div>

<ul id="buttonlist">
    <li><a href="mobile-product-list.php"><i class="fa fa-plus"></i></a></li>
    <li><i class="fa fa-copy"></i></li>
    <li><i class="fa fa-copy"></i></li>
</ul>
</div>
</div>
</div>


</div>
<div class="content" style="margin-bottom: 10px;">
<div class="thwrap d-flex" style="justify-content:space-between;">
    <h6>Item Description</h6>
    <h6>Qty</h6>
 
    <h6>Amount(LKR)</h6>
</div>
</div>
<style>
    .thwrap h6{
        font-size: 13px;
        color: #949398;
    }
    ul li{
        list-style: none;
        margin-left: 10px;
    }
    input#searchinputbox::placeholder{
        font-size: 15px !important;
        color: #000;
    }
    ul{
        padding-left: 0;
        margin-bottom: 10px;
        display: flex;

    }
    ul#buttonlist li i{
        position: relative !important;
        background-color: #9773d5 !important;
        color: #fff;
        border-radius: 50%;
        height: 40px;
         width: 40px;
        line-height: 39px;
    }
    ul#buttonlist li i::before{
        background-color: #9773d5 !important;
    }
</style>




<div id="right_cart_panel">

</div>


<?php 
include 'inc.footer.php';

?>









