
          <!--old keyboard start-->
          <?php /**/ ?>
          <div class=""><!--position: absolute; bottom: 0;right: 0;-->
            <div id="cal_container" style="width: 100%;text-align: center;background: black;margin-top:10px"> 
              <!-- cal button start -->
              <div class="cal-wap">
                <button class="btn-warning" style="background-color:orange" value="0" onClick="cal_btn_click('0')">0</button>
                <?php for($k=1; $k<10; $k++){ ?>
                <button class="btn-warning" style="background-color:orange" value="<?php echo $k;?>" onClick="cal_btn_click('<?php echo $k;?>')"><?php echo $k;?></button>
                <?php } ?>
                <button class="btn-warning" style="background-color:orange" value="%" onClick="cal_btn_click('%')">%</button>
                <button class="btn-warning" style="background-color:orange" value="-" onClick="cal_btn_click('-')">-</button>
                <button class="btn-success" value="e" style="width: 160px;" onClick="$('#add_item').focus(); $('#add_item').val(''); ">ENTER</button>
                <button class="btn-danger" value="e" style="width: 160px;" onClick="$('#cash_en').val(0); $('#cash_en_tot').val(0); $('#add_item').val(''); clear_amount()">CLEAR</button>
              </div>
              <div style="clear:both;"></div>
              <div class="amount-wap">
                <?php
                            $amt_ary=array();
                            $amt_ary[]=10;
                            $amt_ary[]=20;
                            $amt_ary[]=50;
                            $amt_ary[]=100;
                            $amt_ary[]=500;
                            $amt_ary[]=1000;
                            $amt_ary[]=5000;                         
                            
                            for($k=1; $k<count($amt_ary); $k++){ ?>
                <button class="btn-danger" value="<?php echo $amt_ary[$k];?>" onClick="cal_amount_btn_click('<?php echo $amt_ary[$k];?>')"><?php echo $amt_ary[$k];?></button>
                <?php } ?>
                <div style="clear:both;"></div>
              </div>
            </div>
          </div>
          <?php  ?>
          <!--old keyboard end-->
          <?php /* ?>
          <style>
#container {  
width: 760px;  
}   
#keyboard {  
margin: 0;  
padding: 0;  
list-style: none;  
}  
    #keyboard li {  
    float: left;  
    margin: 0 5px 5px 0;  
    width: 60px;  
    height: 60px;  
    font-size: 24px;
    line-height: 60px;  
    text-align: center;  
    background: #fff;  
    border: 1px solid #f9f9f9;  
    border-radius: 5px;  
    }  
        .capslock, .tab, .left-shift, .clearl, .switch {  
        clear: left;  
        }  
            #keyboard .tab, #keyboard .delete {  
            width: 70px;  
            }  
            #keyboard .capslock {  
            width: 80px;  
            }  
            #keyboard .return {  
            width: 90px;  
            }  
            #keyboard .left-shift{  
            width: 70px;  
            }  

            #keyboard .switch {
            width: 90px;
            }
            #keyboard .rightright-shift {  
            width: 109px;  
            }  
        .lastitem {  
        margin-right: 0;  
        }  
        .uppercase {  
        text-transform: uppercase;  
        }  
        #keyboard .space {  
        float: left;
        width: 556px;  
        }  
        #keyboard .switch, #keyboard .space, #keyboard .return{
        font-size: 16px;
        }
        .on {  
        display: none;  
        }  
        #keyboard li:hover {  
        position: relative;  
        top: 1px;  
        left: 1px;  
        border-color: #e5e5e5;  
        cursor: pointer;  
        }  
          </style>
          <div class="row" style="background-color:white">
              <div class="col-sm-12">
                  <div class="col-sm-4">
                      <div id="container">
                          <ul id="keyboard">
                            <li class="letter">1</li>  
                            <li class="letter">2</li>  
                            <li class="letter">3</li>  
                            <li class="letter clearl">4</li>  
                            <li class="letter">5</li>  
                            <li class="letter">6</li> 
                            
                            <li class="letter clearl">7</li>  
                            <li class="letter ">8</li>  
                            <li class="letter">9</li>  
                            
                            <li class="letter clearl" style="visibility:hidden">&nbsp;</li>
                            <li class="letter">0</li>
                            <li class="letter" style="visibility:hidden">&nbsp;</li>
                            
                            <li class="switch clear1"><<</li>
                            <li class="delete lastitem">>></li>  
                          </ul>  
                      </div>
                  </div>
                  <div class="col-sm-4"> col2</div>
                  <div class="col-sm-4"> col3</div>
              </div>
          </div>
          <?php */ ?>