EVOLUTION-NINJA

Edit File: PO_dynamicpage1.php

<div class="panel panel-default purchaseForm-container">
                  <div class="panel-body">
                  	<div class="row">
                        <div class="rowSpace">
                  		<div class="col-md-3 col-sm-3">
                                <label class="control-label">Year</label>
                                    <select name="foo" class="form-control">
                                        <option value="1">2015</option>
                                        <option value="1">2014</option>
                                        <option value="1">2013</option>
                                    </select>
                    	</div>
                        <div class="col-md-3 col-sm-3">
                                <label class="control-label">PO/WO No</label>
                               	<select name="foo" class="form-control">
                                        <option>DTL/199/15-16</option>
                                        <option>DTL/180/15-16</option>
                                        <option>DTL/170/22-16</option>
                                        <option>DTL/160/11-16</option>
                                    </select>
                        </div>       
                        <div class="col-md-3 col-sm-3">
							<label class="control-label">Date</label>
                                        <input type="text" class="form-control"  data-provide="datepicker">
                                        
                        </div>    
                    	<div class="col-md-3 col-sm-3">
                             <label class="control-label">Customer Name</label>
                                	<select name="foo" class="form-control">
                                        <option value="1">Select Import file No.</option>
                                        <option value="1">Abc</option>
                                        <option value="1">ABC</option>
                                    </select>
                    	</div>
                    	</div>    
                    </div>
                    
                    <div class="row">
                       <div class="rowSpace">

<div class="col-md-6 col-sm-6">
     							<label class="control-label">Address</label>
                                  <input type="text" class="form-control">
                        </div>
                        
                        <div class="col-md-3 col-sm-3">
                                <label class="control-label">Currency</label>
                                	<select name="foo" class="form-control">
                                        <option value="1">Select Import file No.</option>
                                        <option value="1">Abc</option>
                                        <option value="1">ABC</option>
                                    </select>
                        </div>
                        
                        <div class="col-md-3 col-sm-3">
                               <label class="control-label">Ex. Rate</label>
                                	<select name="foo" class="form-control">
                                        <option value="1">Select Import file No.</option>
                                        <option value="1">Abc</option>
                                        <option value="1">ABC</option>
                                    </select>
                        </div>
                        
                    </div>
                    </div>  
                    
                    <div class="row">
                        <div class="rowSpace">

<div class="col-md-4 col-sm-4">
                            	<label class="control-label">Reference</label>
                            	<input type="text" class="form-control">
                            </div>
                            
                            <div class="col-md-4 col-sm-4">
                            	<label class="control-label">Pur type</label>
                                	<select name="foo" class="form-control">
                                        <option value="1">Select Import file No.</option>
                                        <option value="1">Abc</option>
                                        <option value="1">ABC</option>
                                    </select>
                            
                            </div>
                            
                            <div class="col-md-4 col-sm-4">
                            	<label class="control-label">Nature of work</label>
                            	<input type="text" class="form-control">
                            
                            </div>
                        
                        </div>
                    </div>
                    
                    
                  </div>
              </div>
              
              <div class="panel panel-default purchaseForm-container">
                  <div class="panel-body">
                  	<div class="row">
                        <div class="rowSpace">
                        	<div class="col-md-12 col-sm-12">
                            	<label class="control-label">Particulars</label>
                               <input type="text" class="form-control">
                            </div>
                        </div>
              		</div>

<div class="row">
                        <div class="rowSpace">
                        	<div class="col-md-2 col-sm-2">
                            	<label class="control-label">UOM</label>
                                <input type="text" class="form-control">
                            </div>
                            
                            <div class="col-md-2 col-sm-2">
                            	<label class="control-label">Rate</label>
                                <input type="text" class="form-control">
                            </div>
                            
                            <div class="col-md-2 col-sm-2">
                            	<label class="control-label">VAT%</label>
                                <input type="text" class="form-control">
                            </div>
                            
                            <div class="col-md-2 col-sm-2">
                            	<label class="control-label">Qty</label>
                                <input type="text" class="form-control">
                            </div>
                            
                            <div class="col-md-2 col-sm-2">
                            	<label class="control-label">Amount</label>
                                <input type="text" class="form-control">
                            </div>
                        </div>
              		</div>
                    
                    	<div class="form-group rowSpace">
                        	<div class="col-md-12 col-sm-12">
                            	<div style="display:inline-block; float:right"> 
                            	<button type="button" class="btn btn-default">Cancel</button>
                            	<button type="button" class="btn btn-primary">Add</button>
  								</div>
                            </div>
                        </div>
                    
                    <table class="table table-striped table-bordered">
                    	<thead>
                            <tr>
                                <th>SL No</th>
                                <th class="leftAlign">Description</th>
                                <th>QTY</th>
                                <th>UOM</th>
                                <th class="rightAlign">Rate</th>
                                <th class="rightAlign">Total Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                              	<td>01</td>
                                <td class="leftAlign">Oil Filter - 21707132</td>
                                <td>01</td>
                                <td>NOS</td>
                                <td class="rightAlign">1679</td>
                                <td class="rightAlign">1679</td>
                            </tr>
                            
                            <tr>
                              	<td>02</td>
                                <td class="leftAlign">Oil Filter - 21707132</td>
                                <td>01</td>
                                <td>NOS</td>
                                <td class="rightAlign">1679</td>
                                <td class="rightAlign">1679</td>
                            </tr>
                            
                            <tr>
                              	<td>03</td>
                                <td class="leftAlign">Oil Filter - 21707132</td>
                                <td>01</td>
                                <td>NOS</td>
                                <td class="rightAlign">1679</td>
                                <td class="rightAlign">1679</td>
                            </tr>
                            
                            <tr>
                              	<td>04</td>
                                <td class="leftAlign">Oil Filter - 21707132</td>
                                <td>01</td>
                                <td>NOS</td>
                                <td class="rightAlign">1679</td>
                                <td class="rightAlign">1679</td>
                            </tr>
                            
                            <tr>
                              	<td>05</td>
                                <td class="leftAlign">Oil Filter - 21707132</td>
                                <td>01</td>
                                <td>NOS</td>
                                <td class="rightAlign">1679</td>
                                <td class="rightAlign">1679</td>
                            </tr>
                            
                            <tr>
                              	<td>06</td>
                                <td class="leftAlign">Oil Filter - 21707132</td>
                                <td>01</td>
                                <td>NOS</td>
                                <td class="rightAlign">1679</td>
                                <td class="rightAlign">1679</td>
                            </tr>
                    	</tbody>
                    </table>
                    
                    
                  </div>
               </div> 
               
               <div class="panel panel-default purchaseForm-container">
                  <div class="panel-body">
                  	<div class="row">
                    	<div class="rowSpace">
                        	<div class="col-md-12 col-sm-12">
                            	<label class="control-label">Remarks</label>
                                <input type="text" class="form-control">
                            </div>
                        </div>
                        <div class="rowSpace">
                        	<div class="col-md-12 col-sm-12">
                            	<label class="control-label">Terms &amp; Conditions</label>
                                <input type="text" class="form-control">
                            </div>
                        </div>
                    </div>
                    
                    <div class="form-group rowSpace">
                        	<div class="col-md-12 col-sm-12">
                            	<div style="display:inline-block; float:right"> 
                            	<button type="button" class="btn btn-default">Cancel</button>
                            	<button type="button" class="btn btn-primary">Add</button>
  								</div>
                            </div>
                        </div>
                        
                      <table class="table table-striped table-bordered remarkTable">
                    	<thead>
                            <tr>
                                <th>SL No</th>
                                <th class="leftAlign" colspan="3">Description</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                              	<td>01</td>
                                <td class="leftAlign" colspan="3">Oil Filter - 21707132</td>
                            </tr>
                            <tr>
                              	<td>02</td>
                                <td class="leftAlign" colspan="3">Oil Filter - 21707132</td>
                            </tr>
                        </tbody>
                     </table>   
                               
                    
                  </div>
               </div>   
               
                <div class="panel panel-default purchaseForm-container">
                  <div class="panel-body">
                  	<div class="row">
						<div class="rowSpace">
                        	<div class="col-md-9 col-sm-9">
                            	<div class="col-md-3 col-sm-3"><label class="control-label">Work Order Heading</label></div>
                                <div class="col-md-9 col-sm-9"><input type="text" class="form-control"></div>
                                
                                <div class="col-md-12 col-sm-12">
                                	<div style="float:right; margin:20px 0">
                                    <input id="" type="checkbox" style="border:none">Work order
                                    </div>
                                </div>
                                
                            </div>
                            
                            <div class="col-md-3 col-sm-3">
                            	<table class="table table-striped table-bordered">
                                    <tbody>
                                        <tr>
                                            <td>Total Amount</td>
                                            <td class="leftAlign">18354</td>
                                        </tr>
                                        <tr>
                                            <td>VAT @ 15%</td>
                                            <td class="leftAlign">2568</td>
                                        </tr>
                                        <tr>
                                            <td>Discount</td>
                                            <td class="leftAlign">0</td>
                                        </tr>
                                        <tr>
                                            <td>Duty</td>
                                            <td class="leftAlign">0</td>
                                        </tr>
                                        <tr>
                                            <td>Grand Total</td>
                                            <td class="leftAlign">20922</td>
                                        </tr
                                    ></tbody>
                                 </table> 
                            </div>
                           </div> 
                        </div>    
                    </div> 
              	</div>