<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 right-item">
    <div class="tablebackgroundbg">
        <table class="table table-responsive item-table-header cart-table">
            <tr>
                <th class="text-uppercase text-center" style="width: 60%;"><?php echo $this->lang->line('gkpos_item') ?></th>
                <th class="text-uppercase text-center" style="width: 15%;"><?php echo $this->lang->line('gkpos_qnt') ?></td>
                <th class="text-uppercase text-center" style="width: 25%;"><?php echo $this->lang->line('gkpos_price') ?></th>
            </tr>
        </table>
        <div class="item-table item-table-1">
            <table class="table table-bordered table-responsive cart-table" id="foodCart">
                <tr>
                    <td> Your Food Cart</td>
                </tr>
            </table>
        </div>
    </div>
    <!--<div class="text-center text-uppercase" style="padding-top: 5px; margin-bottom: -3px;"><?php //echo $this->lang->line('gkpos_non_food')                                                                                                             ?></div>-->
    <div><a href="javascript:void(0)" class="btn btn-block btn-danger btn-sm"><span class="glyphicon glyphicon-arrow-up"><?php echo $this->lang->line('gkpos_food') ?></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-remove-circle"  onclick="alert('not yet ready')">Empty</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-arrow-down"><?php echo $this->lang->line('gkpos_non_food') ?></span></a></div>
    <div class="tablebackgroundbg">
        <table class="table table-responsive cart-table">
            <tr>
                <th class="text-uppercase text-center" style="width: 60%;"><?php echo $this->lang->line('gkpos_item') ?></th>
                <th class="text-uppercase text-center" style="width: 15%;"><?php echo $this->lang->line('gkpos_qnt') ?></td>
                <th class="text-uppercase text-center" style="width: 25%;"><?php echo $this->lang->line('gkpos_price') ?></th>
            </tr>
        </table>
        <div class="item-table item-table-2">
            <table class="table table-bordered table-responsive cart-table" id="nonFoodCart">
                <tr>
                    <td> Your Beverage Cart</td>
                </tr>
            </table>
        </div>
    </div>
    <div style="margin-bottom: -5px; height:2px;"><a href="javascript:void(0)" class="btn-block btn-danger btn-sm"></a></div>
    <div class="tablebackgroundbg item-table calculation-table" id="calculationTable">
        <table class="table table-responsive">
            <tr>
                <th style="text-align: right!important; padding: 4px 5px!important"><?php echo $this->lang->line('gkpos_subtotal') ?></th>
                <td style="text-align: right!important; padding: 4px 5px!important"><?php echo to_currency(0) ?></td>
            </tr>

            <tr>
                <th style="text-align: right!important; padding: 4px 5px!important"><?php echo $this->lang->line('gkpos_total') ?></th>
                <td style="text-align: right!important; padding: 4px 5px!important"><?php echo to_currency(0) ?></td>
            </tr>
            <!--TOTAL MANAGE PART --> 
        </table>
    </div>
    <div class="colpay-close" style="padding: 3px 0 3px 0; margin-top: -15px;">
        <a href="javascript:void(0)" onclick="alert('not yet ready')" class="off-click"><div class="btn btn-block btn-sm btn-warning gradient round" style="width: 100%"><?php echo $this->lang->line('gkpos_send_kitchen_note_with_order') ?></div></a>
    </div>
    <div style="padding-top: 3px;">
        <div class="sendbg col-lg-3 col-md-3 col-sm-3 col-xs-3 off-click" onclick="alert('not yet ready')"><?php echo $this->lang->line('gkpos_send') ?></div>       
        <div style="cursor: pointer" class="minusbg col-lg-3 col-md-3 col-sm-3 col-xs-3 update-button-width off-click" onclick="alert('Not yet ready')"><span class="minustextbg"> <?php echo $this->lang->line('gkpos_minus') ?> </span></div>
        <div style="cursor: pointer" class="plusbg col-lg-3 col-md-3 col-sm-3 col-xs-3  update-button-width off-click" onclick="alert('Not yet ready')"><span class="plustextbg"> <?php echo $this->lang->line('gkpos_plus') ?> </span></div>
        <div style="cursor: pointer" class="minusbg col-lg-3 col-md-3 col-sm-3 col-xs-3  update-button-width off-click" onclick="alert('Not yet ready')"><span class="plustextbg"> <?php echo $this->lang->line('gkpos_numpad_key_del') ?> </span></div>
        <!--<div style="cursor: pointer" class="ktcbg col-lg-3 col-md-3 col-sm-3 col-xs-3"><?php echo $this->lang->line('gkpos_ktc') ?></div>-->
    </div>
    <div class="clearfix"></div>
    <div class="colpay-close" style="margin-top: 3px;">
        <a href="javascript:void(0)" onclick="alert('not yet ready')" class="off-click"><div class="btn btn-block btn-sm btn-primary gradient round"><?php echo $this->lang->line('gkpos_add_cce_fee') ?></div></a>
    </div>
    <div class="clearfix"></div>
    <div class="colpay-close" style="margin-top: 3px;">
        <a href="javascript:void(0)" onclick="alert('Not yet ready')"><div class="pay-closs-enter img-responsive text-capitalize text-center btn round" style="height: 50px; padding: 27px 0px;"><?php echo $this->lang->line('gkpos_pay_and_close') ?></div></a>
    </div>
</div>

<script>
    $(document).ready(function () {
        manageCartAreaHeight();
    });
    function manageCartAreaHeight() {
        $('.item-table-1').css({'min-height': '26vh', 'max-height': '26vh', "overflow-y": "auto", "overflow-x": "hidden"});
        $('.item-table-2').css({'min-height': '10vh', 'max-height': '10vh', "overflow-y": "auto", "overflow-x": "hidden"});
        $('.calculation-table').css({'min-height': '14vh', 'max-height': '14vh', 'margin-bottom': '14.5px', "overflow-y": "auto", "overflow-x": "hidden"});
        $('.item-table-1').jScrollPane();
        $('.item-table-2').jScrollPane();
        $('#calculationTable').jScrollPane().data('jsp').scrollToBottom();
    }
</script>
