 <div class="modal-content">
      <div class="modal-header">
       <button type="button" class="close fon-size35px" data-dismiss="modal">&times;</button>
        <h4 class="margin-bttom10px"><large>Generate Invoice</h4>
      </div>
      <div class="modal-body widthpersent100 pull-left" >
        <div class="widthpersent100">
        <div class="invoice-model-bg" id="booking_action">
        <div class="col-sm-3 no-padding">
		<label class="col-sm-12">Select Customer Type</label>
       
        <div class="col-sm-12">
        <select class="form-control">
        	<option>Corporate</option>
            <option>Driver</option>
            <option>User</option>
            
        </select>
        </div>
        </div>
        
		 <div class="col-sm-3 no-padding">
		<label class="col-sm-12">Select Customer</label>
       
        <div class="col-sm-12">
        <select class="form-control">
        	<option>jhjdfrfc</option>
            <option>refdf</option>
            <option>tytvf</option>
            <option>mnmbmny</option>
        </select>
        </div>
        </div>
        
        <div class="col-sm-2 no-padding">
		<label class="col-sm-12">Bill Date From</label>
       
        <div class="col-sm-12">
        <input type="date" class="form-control">
        </div>
        </div>
        
        <div class="col-sm-2 no-padding">
		<label class="col-sm-12">Bill Date To</label>
       
        <div class="col-sm-12">
        <input type="date" class="form-control">
        </div>
        </div>
        
         <div class="col-sm-2 no-padding">
		<label class="col-sm-12">Status Type</label>
       
        <div class="col-sm-12">
        <select class="form-control">
        	<option>Paid</option>
            <option>Unpaid</option>
            <option>Payment Due</option>
            <option>Payment Overdue</option>
            
        </select>
        </div>
        </div>
        
        <div class="col-sm-1 no-padding">
		<label class="col-sm-12"><br></label>
       
        <div class="col-sm-12">
        <input name="" type="button" class="btn btn-danger" id="btn-invoice-gen" value="Search Booking">
        </div>
        </div>
             
            
        </div>
        
        </div>
        
        <div class="widthpersent100 no-padding display-none" id="bill-list">
        <div class="widthpersent100 pull-left">
        <div class="invoice-model-bg">
<!--padding: 20px; border-radius: 10px;left: 16% !important; right: 16% !important; background: rgb(255, 255, 255);-->
		
        <div class="box-body table-responsive">
              <table id="example1" class="table table-bordered table-striped">
              	<thead>
                <tr>
                 <td><input type="checkbox"></td>
                  <th>S. No</th>
                  <th>Reference No</th>
                  <th>Booking No</th>
                  <th>Bill Date</th>
                  <th>Client Name</th>
                  <th>Client Type</th>
                  <th>Total Amount</th>
                  <th>Advance Payment</th>
                  <th>Payment Date</th>
                  <th>Balance Amount</th>
                  <th>Status</th>
                  
                </tr>
                </thead>
              
                <tbody>
                <tr>
                  <td><input type="checkbox"></td>
                  <td>1</td>
                  <td>bil012</td>
                  <td>BC0011</td>
                  <td>02-01-2018</td>
                  <td>Mr Mohit Jain</td>
                  <td>Corporate</td>
                  <td><i class="fa fa-inr"></i> 1500</td>
                  <td><i class="fa fa-inr"></i> 500</td>
                  <td> 15-06-2018</td>
                  <td><i class="fa fa-inr"></i> 1000</td>
                  <td>Due</td>
                  
                  
                </tr>
                
                <tr>
                  <td><input type="checkbox"></td>
                  <td>2</td>
                  <td>bil012</td>
                  <td>BC0023</td>
                  <td>02-01-2018</td>
                  <td>Mr Amir </td>
                  <td>Corporate</td>
                  <td><i class="fa fa-inr"></i> 1500</td>
                  <td><i class="fa fa-inr"></i> 00</td>
                  <td>00-00-0000</td>
                  <td><i class="fa fa-inr"></i> 1500</td>
                  <td>Unpaid</td>
                  
                  
                </tr>
                
                <tr>
                  <td><input type="checkbox"></td>
                  <td>2</td>
                  <td>bil012</td>
                   <td>BC0022</td>
                  <td>02-01-2018</td>
                  <td>Mr Mohit Jain</td>
                  <td>Corporate</td>
                  <td><i class="fa fa-inr"></i> 1500</td>
                  <td><i class="fa fa-inr"></i> 2000</td>
                  <td> 16-06-2018</td>
                  <td><i class="fa fa-inr"></i> 500</td>
                  <td>Overdue</td>
                  
                  
                </tr>
                
               
                </tbody>
                
              </table>
            </div>
            
        </div>
        
        </div>
       
            <div class="col-sm-12">
      
         <a class="publish_all btn btn-microsoft" href="#" id="creat_invoice" data-toggle="modal" data-target="#invoiceModal">
<i class="fa fa-files-o"></i>
Generate Invoice
</a>
      
  <!--    <a class="publish_all btn btn-unapublish" href="#" id="btn-credit-note" data-toggle="modal" data-target="#creditnoteModal">
<i class="fa fa-files-o"></i>
Credit Note
</a>

 <a class="publish_all btn btn-success" href="#" id="btn-debit-note" data-toggle="modal" data-target="#debitnoteModal">
<i class="fa fa-files-o"></i>
Debit Note
</a>-->
   </div>   
      
      </div>
      
      
    </div>
    
    	
    

	<div id="invoiceModal" class="modal fade" role="dialog">
  <div class="modal-dialog widthpersent100">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Generate Invoice</h4>
      </div>
      <div class="modal-body pull-left">
          <div class="widthpersent100 pull-left">
         <div class="box-body table-responsive display-none" id="invoice">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
    	<tr>
        	<td colspan="0">
           	  <table border="1" align="center" cellpadding="0" cellspacing="0" width="100%">
                	<tr>
                    	
                        <td align="left" class="paddinT5R0L5B5" colspan="2">
                        <table width="100%" cellpadding="0" cellspacing="0">
                            	
                                <tr>
                                	<td class="invoice-td-class">
                                    <div class="col-sm-6 no-padding vertical-align-top">
                                    	 <img src="images/logo.png" />
										</div>
                                        
                                        
                                        
                                    	<div class="col-sm-4 no-padding pull-right new1" >
                                        
                                       <strong>Booking No. :</strong> HW15085900<br />
                        <strong>Booking Date :</strong> 16/06/2016<br />
                        <strong>Booking Time :</strong> 06:20:44 PM
                                     
										</div>
                                    </td>
                                    
                                   
                                </tr>
                            </table>
                        
                        
                         <div class="col-sm6 no-padding ">
                       
                        </div>
                        <div class="col-sm3 pull-right ">
                       
                        </div>
                        </td>
                        
                        </tr>
                      <tr>
                      	<td colspan="2">
                        	<table width="100%" cellpadding="0" cellspacing="0">
                            	
                                <tr>
                                	<td class="tdclass1">
                                    <div class="col-sm-6 no-padding vertical-align-top">
                                    	<strong>Regency Tours Pvt Ltd<br />
                                        120-121, D. B. Gupta Market<br>
										Karol Bagh, New Delhi-110005.</strong>
										<br><br>

                                        Phone:  011 42424242<br>
										Fax: 	011 23544080<br />
                                    	Email: info.regencytours.in
										<br>
										<br>

										PAN No.:apnj256n<br>
                                        State Code.:[07] Delhi<br>
                                        GST No.:55454554554<br>
										</div>
                                        
                                        
                                        
                                    	<div class="col-sm-4 no-padding pull-right new1" >
                                        
                                       <strong> Mr Dheeraj Kapila<br>

										3/204 Third floor Subhash Nagar,<br>
 
                                        New Delhi, Delhi-110005<br></strong>
										                     <br>
                  
                                        Phone:  011 42424242<br>
										Fax: 	011 23544080<br />
                                    	Email: info.regencytours.in
										<br>
                                        <br>
										PAN No.:apnj256n<br>
                                        State Code: [07] Delhi<br>
										GST No.: 
                                     
										</div>
                                    </td>
                                    
                                   
                                </tr>
                            </table>
                        </td>  
                        </tr>                   	                       
                      
                     
                      <tr>
                      	<td colspan="2">
                        	<div class="box-body table-responsive min-hieght250px">
              			<table id="example1" class="table table-bordered table-striped">
                            	<thead>
                                	<tr>
                                    	<th>S. No</th>
                                        <th>Date</th>
                                        <th>Client Name</th>
                                        <th>Book By</th>
                                        <th >Particulars</th>
                                        <th>Type of Vehicle</th>
                                        <th>Type of Booking</th>
                                        <th>Total Hrs</th>
                                        <th>KMs</th>
                                        <th>Rate</th>
                                        <th>Net Amount</th>
                                    </tr>
                                </thead>
                            
                            	<tbody>
                                <tr>
                                	<td>01</td>
                                    <td>06-01-2018</td>
                                    <td>Mr Mihir </td>
                                    <td>Mohit </td>
                                    <td>Karol Bagh - AIG Airport</td>
                                    <td>Prime</td>
                                    <td>Airport Transfer</td>
                                    <td>2:15 hrs</td>
                                    <td>40 KM</td>
                                    <td > <i class="fa fa-inr"></i> 12/km</td>
                                    <td align="right"><i class="fa fa-inr"></i> 350</td>
                                </tr>
                                
                                <tr>
                                	<td>02</td>
                                    <td>05-01-2018</td>
                                    <td>Mr Mohit </td>
                                    <td>Mohit </td>
                                    <td>Karol Bagh - AIG Airport</td>
                                     <td>Prime</td>
                                    <td>Local</td>
                                    <td>2:15 hrs</td>
                                    <td>40 KM</td>
                                    <td> <i class="fa fa-inr"></i> 15/km</td>
                                    <td align="right"><i class="fa fa-inr"></i> 350</td>
                                </tr>
                                
                                </tbody>
                                                          
                            </table>
                            </div>
                        </td>
                      </tr>
                      
                        <tr>
                                	<td class="widthpersent100 vertical-align-top" colspan="2">
                                    
                                    	<table width="100%" border="0" cellpadding="0" cellspacing="1">
                	<tr>
                    	<td  class="padding-left5px" align="right">
                        <div class="col-sm-5 pull-right">
                        
                       	<div class="col-sm-6 no-padding" align="right">	Tatal Amt: </div>
                        <div class="col-sm-6 no-padding" align="right"><i class="fa fa-inr"></i> 700</div>
                        
                        <div class="col-sm-6 no-padding" align="right">	(+Service Tax (0.00%)) </div>
                        <div class="col-sm-6 no-padding" align="right"><i class="fa fa-inr"></i> 0</div>
                        
                        <div class="col-sm-6 no-padding" align="right">	SGST on (2.50% of 700): </div>
                        <div class="col-sm-6 no-padding" align="right"><i class="fa fa-inr"></i> 15</div>
                        
                        <div class="col-sm-6 no-padding" align="right">	CGST on (2.50% of 700): </div>
                        <div class="col-sm-6 no-padding" align="right"><i class="fa fa-inr"></i> 15</div>
                        <div class="border-bottom border-top margintop5 padding-top5px pull-right widthpersent100">
                        <div class="col-sm-6 no-padding" align="right" >	Net Ammount: </div>
                        <div class="col-sm-6 no-padding" align="right" ><i class="fa fa-inr"></i> 730</div>
                        </div>
                        
                        <div class="col-sm-12 no-padding paddingTB10px" align="right">For REGENCY TOURS PVT LTD</div>
                        
                        </div>
                        </td>
                       
                    </tr>
                    
                    
                   
                    
                    
                </table>
                                    
                                    </td>
                                    
                                </tr>  
                      
                </table>
          </td>
       </tr>
        
               
		</td>
        </tr>
    </table>
    
    	<table border="1" align="center" width="100%" style="margin-top:10px;">
    	<tr>
        	<td>
            	<table class="widthpersent99" align="center">
                	<tr>
                    	<td>
                        	<strong>Fair Details:</strong>
        	<ol>
        	  <li>Perday extra charge:</li>
              <li> Pe KM extra charge:</li>
               <li>Per day Driver Allowance:</li>
              <li> If the vehicle will come after 2400 hrs then one extra charge will be applicable with Driver Allowance</li>
      	  </ol>
          
           <strong>Note:</strong>
        	<ol>
        	  <li>Parking, waiting & Toll Charges to be paid extra</li>
              <li> Final Fair will depend upon actual distance (in KM) Travelled+Service Tax</li>
               
      	  </ol>
          
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    
 
  
        
      </div>
      
      <a class="publish_all btn btn-success display-none margin-top10px" id="email-invoice" href="#">
<i class="fa ion-ios-email"></i>
Email Invoice
</a>
      
        <a class="publish_all btn btn-unapublish" href="#" id="invoice-ok">
<i class="fa fa-check"></i>
Ok
</a>

 <a class="publish_all btn btn-success" href="#" id="invoice-cancel">
<i class="fa fa-remove"></i>
Cancel
</a>

<a class="publish_all btn btn-unapublish display-none margin-l-5" onclick="printFunction()" href="#" id="invoice-print">
<i class="fa fa-remove"></i>
Print
</a>
      </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>
    
    

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