
<div class="modal fade" id="invoice_create">
<div class="box custom-box">
			<div class="overlay custom-invoice-overlay" style="display:none" >
					  <i class="fa fa-refresh fa-spin"></i>
					</div>
	<div class="modal-dialog" id="invoicecreate">
    
		<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">Create Invoice</h4>

				<input type="hidden" id="generated_invoiceno">
				<input type="hidden" id="generated_byinvoice" value="{{ Auth::user()->id }}">
			
			</div>
			
			{!! Form::open(array('name'=> 'invoice_create','id'=>'invoice_create','action'=>'{{route("invoice-store")}}','route'=>'invoice-store','method'=>'POST')) !!}

				<div class="modal-body">
				
					<div class="modal-split" name="page-1">

						<section class="content">

							<div class="box box-primary">

								<div class="row">

									<div class="col-md-12">

										<div class="form-group">
											<label class="control-label" for="inputSuccess"> Type:</label>

											<select class="form-control " id="pi_selectinvoice_type" name="PI Select2 inv type" style="width: 100%;">
								
												<option value='B2B' title="Business to Business" >B2B</option>
												<option value='SEZWP' title="SEZ With Payment">SEZWP</option>
												<option value='SEZWOP' title="SEZ Without Payment">SEZWOP</option>
												<option value='EXPWP'  title="Export With Payment">EXPWP</option>
												<option value='EXPWOP' title="Export Without Payment">EXPWOP</option>
												<option value='DEXP' title="Deemed Export">DEXP</option>
												<option value='URP' title="UnRegestered Person">URP</option>

											</select>

											<label class="control-label" for="inputSuccess"> Select PI:</label>

											<select class="form-control " id="pi_selectinvoice" name="PI Select2" style="width: 100%;">
								
												<option value='0' >- Search PI -</option>

											</select>

											<span class="help-block hide" id="selectpiblock">Help block with success</span>

										</div>

									</div>
		
								</div>

								<div id="invoice_pidetails">

									<div class="row">
								
										<div class="col-md-6">

											<div class="form-group">

												<label class="control-label" for="Quotation no">Quotation NO</label>

												<input type="text" class="form-control" id="invoice_piquotationno" readonly>

												<span class="help-block hide">Help block with success</span>

											</div>

										</div>

										<div class="col-md-6">

											<div class="form-group">

												<label class="control-label" for="Company Code">Company Code</label>

												<input type="text" class="form-control" id="invoice_picompanycode" readonly>

												<span class="help-block hide"></span>

											</div>

										</div>
							
									</div>

									<div class="row">
								
										<div class="col-md-6">

											<div class="form-group">

												<label class="control-label" for="Company Name">Comapny Name</label>

												<input type="text" class="form-control" id="invoice_picompanyname" readonly>

												<span class="help-block hide">Help block with success</span>

											</div>

										</div>

										<div class="col-md-6">

											<div class="form-group">

												<label class="control-label" for="Email_id">GST NO</label>

												<input type="text" class="form-control" id="invoice_pigstno" readonly>

												<span class="help-block hide"></span>

											</div>

										</div>
						
									</div>

								</div>
								<div class="row">
								<div class="col-md-6">

											<div class="form-group">

												<label class="control-label" for="Sales Person">Sales Person</label>

												<input type="text" class="form-control" id="invoice_salesperson" >

												<span class="help-block hide"></span>

											</div>

										</div>
										</div>
										</div>
							</div>
						
						</section>
					
					</div>

					<div class="modal-split" name="page-2">

						<section class="content">
							
							<input type="hidden" id="invoice_quotationno">
							<input type="hidden" id="invoice_companyid">

							<div class="box box-primary" id="boxforpi">

								<div class="box-body">

									<div class="row">

										<div class="col-md-12">
								
											<div class="form-group">

												<label class="control-label" for="inputSuccess"> PI Details</label>
												
												<i class="fa fa-chevron-down"></i>

											</div>
					
										</div>

									</div>

									<div class="boxforpiblock">

										<div class="row">

											<div class="col-md-6">

												<div class="form-group">

													<label class="control-label" for="Street">PI NO</label>

													<input type="text" name="street" class="form-control" id="invoice_crepino" readonly>

												</div>

											</div>

											<div class="col-md-6">

												<div class="form-group">

													<label class="control-label" for="Street">Quotation NO</label>

													<input type="text" name="street" class="form-control" id="invoice_crequotationno" readonly>

												</div>

											</div>

										</div>

										<div class="row">
								
											<div class="col-md-6">

												<div class="form-group">

													<label class="control-label" for="Street">Company Code</label>

													<input type="text" name="street" class="form-control" id="invoice_crecompanycode" readonly>

												</div>

											</div>

											<div class="col-md-6">

												<div class="form-group">

													<label class="control-label" for="Street">Company Name</label>

													<input type="text" name="street" class="form-control" id="invoice_crecompanyname" readonly>

												</div>

											</div>

										</div>	

									</div>

								</div>

							</div>

							<div class="box box-primary" id="boxforbill">

								<div class="box-body">

									<div class="row">

										<div class="col-md-12">
								
											<div class="form-group">

												<label class="control-label" for="inputSuccess"> Company Billing Address</label>

												<i class="fa fa-chevron-down"></i>

											</div>
					
										</div>

									</div>

									<div class="boxforbillblock">

										<div class="row">
								
											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">Address Line:1</label>

													<input type="text" name="street" class="form-control" id="invoice_crebilladd1" readonly>

												</div>

											</div>

											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">Address Line:2</label>

													<input type="text" name="street" class="form-control" id="invoice_crebilladd2" readonly>

												</div>

											</div>

											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">Address Line:3</label>

													<input type="text" name="street" class="form-control" id="invoice_crebilladd3" readonly>

												</div>

											</div>

										</div>

										<div class="row">
								
											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">City</label>

													<input type="text" name="street" class="form-control" id="invoice_crebillcity" readonly>

												</div>

											</div>

											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">State</label>

													<input type="text" name="street" class="form-control" id="invoice_crebillstate" readonly>

												</div>

											</div>

											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">Country</label>

													<input type="text" name="street" class="form-control" id="invoice_crebillcountry" readonly>

												</div>

											</div>

										</div>
										
										<div class="row">
								
											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">Pincode</label>

													<input type="text" name="street" class="form-control" id="invoice_crebillpincode" readonly>

												</div>

											</div>

											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">Mobile NO</label>

													<input type="text" name="street" class="form-control" id="invoice_crebillmobile" readonly>

												</div>

											</div>

										</div>

									</div>

								</div>

							</div>

							<div class="box box-primary" id="boxforship">

								<div class="box-body">

									<div class="row">

										<div class="col-md-12">
								
											<div class="form-group">

												<label class="control-label" for="inputSuccess"> Company Shipping Address</label>

												<i class="fa fa-chevron-down"></i>

											</div>
					
										</div>

									</div>

									<div class="boxforshipblock">

										<div class="row">
								
											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">Address Line:1</label>

													<input type="text" name="street" class="form-control" id="invoice_creshipadd1" readonly>

												</div>

											</div>

											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">Address Line:2</label>

													<input type="text" name="street" class="form-control" id="invoice_creshipadd2" readonly>

												</div>

											</div>

											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">Address Line:3</label>

													<input type="text" name="street" class="form-control" id="invoice_creshipadd3" readonly>

												</div>

											</div>

										</div>

										<div class="row">
								
											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">City</label>

													<input type="text" name="street" class="form-control" id="invoice_creshipcity" readonly>

												</div>

											</div>

											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">State</label>

													<input type="text" name="street" class="form-control" id="invoice_creshipstate" readonly>

												</div>

											</div>

											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">country</label>

													<input type="text" name="street" class="form-control" id="invoice_creshipcountry" readonly>

												</div>

											</div>

										</div>
										
										<div class="row">
								
											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">Pincode</label>

													<input type="text" name="street" class="form-control" id="invoice_creshippincode" readonly>

												</div>

											</div>

											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">Mobile NO</label>

													<input type="text" name="street" class="form-control" id="invoice_creshipmobile" readonly>

												</div>

											</div>

											<div class="col-md-4">

												<div class="form-group">

													<label class="control-label" for="Street">Receiver Name</label>

													<input type="text" name="street" class="form-control" id="invoice_creshipperson" readonly>

												</div>

											</div>

										</div>

									</div>

								</div>

							</div>

							<div class="box box-primary" id="boxforproduct">

								<div class="box-body">

									<div class="row">

										<div class="col-md-12">
								
											<div class="form-group">

												<label class="control-label" for="inputSuccess"> Products</label>

												<i class="fa fa-chevron-down"></i>

											</div>
					
										</div>

									</div>

									<div class="boxforproductblock">

										<div class="row">

											<div class="col-md-12">
									
												<div class="form-group">

													<table border="1" width="750px">
														
														<thead>
															
															<tr>

																<th>Item</th>

																<th>Product Name</th>

																<th>HSN</th>

																<th>Unit cost</th>

																<th>Quantity</th>

																<th id="invoice_tblcs">CGST + SGST</th>

																<th id="invoice_tbli">IGST</th>

																<th>Total</th>

															</tr>

														</thead>

														<tbody id="invoicetablebody">
														
														</tbody>

														<tfoot id="invoicetablefoot">

														</tfoot>

													</table>

												</div>

											</div>

										</div>

									</div>

								</div>

							</div>

							<div class="box box-primary" id="boxfornote">

								<div class="box-body">

									<div class="row">

										<div class="col-md-12">
								
											<div class="form-group">

												<label class="control-label" for="inputSuccess"> Note Section</label>

												<i class="fa fa-chevron-down"></i>

											</div>
					
										</div>

									</div>

									<div class="boxfornoteblock">

										<div class="row">
								
											<div class="col-md-12">

												<div class="form-group">

													<label class="control-label" for="Street">Note</label>

												</div>

											</div>

										</div>
										
										<div class="row">

											<div class="col-md-12">
							
												<div class="form-group" style="padding:0px 0px 0px 20px;">

													<label class="control-label" for="Street">Saved Note</label><br/>
												
													<textarea id="invoice_crenotetext" style="padding: 10px 10px 10px 10px; border:2px ridge black; background-color:#eee; resize:none;" disabled></textarea>

												</div>
				
											</div>

										</div>

										<div class="row">

											<div class="col-md-12">
							
												<div class="form-group" style="padding:0px 0px 0px 20px;">

													<label class="control-label" for="Street">New Note</label><br/>
												
													<textarea id="invoice_crenotetextenter" style="padding: 10px 10px 10px 10px; border:2px ridge black; resize:none;"></textarea>

												</div>
				
											</div>

										</div>

										<div class="row">
								
											<div class="col-md-6">

												<div class="form-group">

													<label class="control-label" for="Street">PO Number</label>

													<input type="text" name="street" class="form-control" id="invoice_creponumber" readonly>

												</div>

											</div>

											<div class="col-md-6">

												<div class="form-group">

													<label class="control-label" for="Street">Payment term</label>

													<input type="text" name="street" class="form-control" id="invoice_crepaymentterm" readonly>

												</div>

											</div>

										</div>

										<div class="row">

											<div class="col-md-12">
									
												<div class="form-group">

													<label class="control-label" for="inputSuccess"> Bank Details</label>

													<i class="fa fa-chevron-down"></i>

												</div>
						
											</div>

										</div>
																		
										<div class="row">
								
											<div class="col-md-6">

												<div class="form-group">

													<label class="control-label" for="Street">Bank Name</label>

													<input type="text" name="street" class="form-control" id="invoice_crebankname" readonly>

												</div>

											</div>
 
											<div class="col-md-6">

												<div class="form-group">

													<label class="control-label" for="Street">Bank A/C No:</label>

													<input type="text" name="street" class="form-control" id="invoice_crebankifsc" readonly>

												</div>

											</div>

										</div>

										<div class="row">
								
											<div class="col-md-6">

												<div class="form-group">

													<label class="control-label" for="Street">Bank Brach</label>

													<input type="text" name="street" class="form-control" id="invoice_crebankbranch" readonly>

												</div>

											</div>

											<div class="col-md-6">

												<div class="form-group">

													<label class="control-label" for="Street">Branch IFSC Code</label>

													<input type="text" name="street" class="form-control" id="invoice_crebankbranchcode" readonly>

												</div>

											</div>

										</div>

									</div>

								</div>

							</div>
							
						</section>
					
					</div>
				
				</div>

			{{ Form::close() }}
            
			<div class="modal-footer">

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