<!-- 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="sales_inv_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 Invoice</h4>
                </div>
                <div class="modal-body">

                    <div class="form-group">
                    <table  class="table table-striped">
                        <tr>
                        <th style="width: 10%;height:0px;">Invoice No</th>
                        <th style="width: 10%;">Invoice Date</th>
                        <th style="width: 35%;">Customer</th>
                        <th style="width: 8%;height:0px;">Po No</th>
                        <th style="width: 8%;height:0px;">D/A No</th> 
                        <th style="width: 8%;height:0px;">Vehicle No</th>
                        <th style="width: 10%;height:0px;">Contact No</th>
                        <th style="width: 10%;height:0px;">Invoice Value</th>
                        </tr>
 
                        </tr>
                        <tr>
                            <td><input class="form-control input-sm" onkeyup="sales_inv_search('');" id="i_refno"></td>
                            <td><input class="form-control input-sm" onkeyup="sales_inv_search('');" id="i_date"></td>
                            <td><input class="form-control input-sm" onkeyup="sales_inv_search('');" id="i_cus"></td>
                            <td><input class="form-control input-sm" onkeyup="sales_inv_search('');" id="i_po"></td> 
                            <td><input class="form-control input-sm" onkeyup="sales_inv_search('');" id="i_jobno"></td> 
                            <td><input class="form-control input-sm" onkeyup="sales_inv_search('');" id="i_vehicale"></td> 
                            <td><input class="form-control input-sm" onkeyup="sales_inv_search('');" id="i_tele"></td>
                            <td><input class="form-control input-sm" onkeyup="sales_inv_search('');" id="i_value"></td>
                        </tr>

                    </table>


                </div> 
                
                
                
    <div style="height: 350px;overflow: scroll;" id="search_invoice_table"> </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>
