<div class="modal fade rotate" id="add-invoice-details" style="display:none;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content panel-primary">
            <div class="modal-header panel-heading">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h1 class="modal-title" style="text-align:center">INVOICE</h1>
            </div>
			<div id="invoice_msg" class="col-sm-12 " style="padding:10px;"></div>
            <form id="invoice_generation"  method="post"  enctype="multipart/form-data">            
                <div class="modal-body edit-document-control">
					<div class="row">						
						<div class="col-sm-4">
							<div class="form-group">
								<p><b>Client Name *</b></p>
								<select name="client_name" id="invoice_client_name" class="form-control invoice_clientName" placeholder="Client Name *" value="">
									 		 
								</select>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="form-group" style="text-align:center">
								<p><b>Add Client</b></p><a href="javascript:void(0)" class="add_client btn btn-primary" data-toggle="modal" data-target="#createNewClient"><i class="fa fa-plus"> </i></a>
							</div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<p><b>UTC *</b></p>
								<input id="invoice_UTC" readonly="true" class="form-control" name="invoice_UTC" value="" type="text">
							</div>							 
						</div>
					</div>
					
					<div class="row">
						<div class="col-sm-6">
							<div class="form-group">
								<p><b>Invoice NO *</b></p>
								<input id="invoice_NO" readonly="true" class="form-control" name="invoice_NO" value="" type="text">
							</div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<p><b>Invoice Date *</b></p>
								<input id="invoice_Date" readonly="true" class="form-control" name="invoice_Date" value="" type="text">
							</div>
						</div>
					</div>
					
					<div class="row">
						<div  class="col-sm-12">
							<div style="background-color:#144F7E; color:#fff; margin-bottom: 10px; height: 40px; padding: 9px;">
								<div class="col-sm-9" style="float:left">Description *</div>
								<div class="col-sm-3" style="float:right;border-left:1px solid">Price *</div>
							</div>
						</div>
					</div>
					<div id="addINvoiceDiv" class="row">
						<div style="display:flex;padding-bottom:10px">
							<div class="col-sm-9">
								<input class="form-control invoice_Description" placeholder="Description *" name="invoice_Description[]" value="" type="text">
							</div>
							<div class="col-sm-3">
								<input class="form-control invoice_price" placeholder="Price *" name="invoice_price[]" value="" type="text">
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<a id="addINVOICEBTN" href="javascript:void(0)" style="float:right;" class="btn btn-primary fa fa-plus"></a>
						</div>
					</div>
					
					<div class="row" style="margin-top:15px">
						<div class="col-sm-7 col-sm-push-5">
							 <table style="width:100%" border="1">
								 <tbody>
									<tr>
										<td style="padding:8px"><b>Sub Total</b>
										</td>
										<td style="padding-left:2px"> 
											<input id="invoice_subTotal" readonly="true" placeholder="Sub Total"class="form-control" type="text">
										</td>
									</tr>
									<tr>
										<td style="padding:8px"><b>Other Charges</b>
										</td>
										<td style="padding-left:2px" >
											<input placeholder="Other Charges" id="invoice_other" class="form-control invoice_price" type="text">
										</td>
									</tr>
									<tr>
										<td style="padding:0 8px"><b>Service Tax <select name="invoice_client_tax" id="invoice_client_tax" class="invoice_price" style="padding:8px; margin:0 5px;">												 	 
											</select>%</b>
										</td>
										<td style="padding-left:2px" >
											
											<input id="settax_price" readonly="true" class="form-control" name="settax_price" value="" type="text">
										</td>
									</tr>
									<tr>
										<td style="padding:8px"><b>Total</b>
										</td>
										<td style="padding-left:2px" >
											<input readonly="true" id="invoice_Total" placeholder="Total" class="form-control" type="text">
										</td>
									</tr>
									 
								 </tbody>
							 </table>
						</div>
					</div>
					
					<div class="row" style="margin-top:40px">
						<div class="col-sm-12">
							<input type="checkbox" name="auto_reminder" class="auto_reminder" value="Auto Reminder" id="auto_reminder" />
							<label for="auto_reminder">Auto Reminder</label><small>(Client will get notification via email id or/and mobile no. whatever is available)</small>
						</div>
                     </div> 
					<div class="row" id="ShareInput"></div>					 
                     
                </div>
                <div class="modal-footer" id="footerModalDiv">	
                    <button type="button" class="btn btn-primary rems" id="print_invoice_details">Print</button>
					<button type="button" class="btn btn-primary rems" id="share_invoice_details">Share</button>
					<button type="button" class="btn btn-primary rems" id="save_invoice_details">Save</button>
                    <button type="button" data-dismiss="modal" class="btn btn-primary rems">Close</button>

                </div>
            </form>
        </div>
    </div>
</div>

