<!-- Modal -->
<link rel="stylesheet" href="css/themes/redmond/jquery-ui-1.10.3.custom.css" />
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css" />
<div class="container">
    <div class="modal fade" id="item_modal_search" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-dialog1" role="document" style="width: 1200px">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">search Item</h4>
                </div>
                <div class="modal-body">

                            <div class="col-lg-8">
                                <input type="checkbox" id="chk_stock"   >  
                                <label class="col-form-label" style="margin-bottom: -8.5px">Stock Items  Only</label>
                           </div>
                    <div class="form-group">
                    <table  class="table table-striped">
                        <tr>
                        <th style="width: 10%;height:0px;">Item Code</th>
                        <th style="width: 15%;">Item Description</th>
                        <th style="width: 10%;">Brand</th>
                        <th style="width: 15%;height:0px;">Pattern</th>
                        <th style="width: 10%;height:0px;">Cat</th>
                        <th style="width: 10%;height:0px;">Cost</th> 
                        <th style="width: 10%;height:0px;">Cash Price</th>
                        <th style="width: 10%;height:0px;">Credit Price</th>
                        <th style="width: 10%;height:0px;">Quantity</th>
                        </tr>
 
                        </tr>
                        <tr>
                            <td><input class="form-control input-sm" onkeyup="search_item('');" id="s_refno"></td>
                            <td><input class="form-control input-sm" onkeyup="search_item('');" id="s_desc"></td>
                            <td><input class="form-control input-sm" onkeyup="search_item('');" id="s_brand"></td>
                            <td><input class="form-control input-sm" onkeyup="search_item('');" id="s_partno"></td> 
                            <td><input class="form-control input-sm" onkeyup="search_item('');" id="s_cat"></td>  
                            <td><input class="form-control input-sm" onkeyup="search_item('');" id="s_cost"></td>
                            <td><input class="form-control input-sm" onkeyup="search_item('');" id="s_cash"></td> 
                            <td><input class="form-control input-sm" onkeyup="search_item('');" id="s_credit"></td>
                            <td><input class="form-control input-sm" onkeyup="search_item('');" id="s_qty"></td>
                        </tr>

                    </table>


                </div> 
                
                
                
    <div style="height: 350px;overflow: scroll;" id="searchtable"> </div>
  
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.min.js"></script>

