<div class="modal fade" id="add_new_quotation" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static">
    <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="quotation_creatation">
         
        <div class="modal-content">
            
            <div class="modal-header">
                 
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="closebtn_quotation">
                    
                <span aria-hidden="true">&times;</span></button>

                <h4 class="modal-title">Add New Quotation</h4>
				
				<input type="hidden" id="generated_quotationcode">
				<input type="hidden" id="generated_byquotation" value="{{ Auth::user()->id }}">     
			      
			</div>

            <div class="modal-body">
 
                <div class="modal-split" name="page-1">
                
                    <section class="content">
                    
                        
						{!! Form::open(array('name'=> 'quotation_create','id'=>'quotation_create','action'=>'{{route("quotation-store")}}','route'=>'quotation-store','method'=>'POST')) !!}
                
					    @csrf



				        
				        <div class="box box-primary">

							<div class="row">

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

						            <label class="control-label" for="inputSuccess"> Bill To Company</label>

						        </div>

							</div>

							<div class="row">

                            	<div class="col-md-12">
                        
									{!! Form::hidden('data', null, array('id' => 'company_id')) !!}
						
                                	<div class="form-group">

                                    	<label class="control-label" for="inputSuccess"> Company Name</label>
                            
                                    	<select class="form-control " id="Company_select" name="Company_select" style="width: 100%;">
                            
                                        	<option value='0' >- Search Company -</option>

					                	</select>

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

                                	</div>

                            	</div>

							</div>

                            <div id="companyDetails">

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

					                	<div class="form-group">

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

					                    	<input type="text" class="form-control" id="details_gstno" 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">EMAIL ID </label>

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

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

					                	</div>

					            	</div>
                        
                            	</div>

                        	</div>

							<!-- <div class="row">

								<table id="quotation_createtableview">
									<thead>
										<tr>
											<th>Company name</th>
											<th>Company Code</th>
											<th>Gstin</th>
											<th>Email</th>
										</tr>
									</thead>
								</table>

					 		</div> -->

						</div>

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

                                <div class="form-group">

                                    <label class="control-label" for="inputSuccess"> Issue Date of Invoice</label> -->

                                    <input type="hidden" class="form-control" id="issues_date" name="issues_date">

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

                                </div>

                            </div> -->

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

                                <div class="form-group">

                                    <label class="control-label" for="inputSuccess"> Due date of Invoice</label>

                                    <input type="date" class="form-control" id="due_date" name="due_date">

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

                                </div>

                            </div> -->
                </div>

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

					{!! Form::hidden('data', null, array('id' => 'billing_id')) !!}

                    <div class="box box-primary">

						<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>

									</div>
				
								</div>

							</div>

							<div id="companybilling_address">

								<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="quotation_billadd1" 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="quotation_billadd2" 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="quotation_billadd3" readonly>

										</div>

									</div>
				
								</div>	

								<div class="row">

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

										<div class="form-group">

											<label>City</label>

											<input type="text" name="city" class="form-control" id="quotation_billcity" readonly>

										</div>

									</div>

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

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

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

										</div>

									</div>

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

										<div class="form-group">

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

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

										</div>
							
									</div>

								</div>

								<div class="row">

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

										<div class="form-group">

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

											<input type="text" class="form-control only-numeric" id="quotation_billpincode" readonly>

										</div>

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

										<div class="form-group">

											<label class="control-label" for="Mobile"> Mobile No</label>

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

										</div>

									</div>

								</div>
						
							</div>

						</div>

				    </div>


                    <div class="box box-primary">
                        
							{!! Form::hidden('data', null, array('id' => 'shipping_id')) !!}

						<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>
								
										<select class="form-control Shiping_select" id="Shiping_select" style="width: 100%;">
								
											<option value='0' disabled selected value >- Select Shipping Address -</option>

										</select>

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

							</div>

							<div id="companyshipping_address">

								<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="quotation_shipadd1" readonly>

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

										</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="quotation_shipadd2" readonly>

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

										</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="quotation_shipadd3" readonly>

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

										</div>

									</div>

								</div>

								<div class="row">

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

										<div class="form-group">

											<label>City</label>

											<input type="text" name="city" class="form-control" id="quotation_shipcity" readonly>

										</div>

									</div>

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

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

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

										</div>

									</div>

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

										<div class="form-group">

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

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

										</div>

									</div>

								</div>

								<div class="row">

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

										<div class="form-group">

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

											<input type="text" class="form-control only-numeric" id="quotation_shippincode" readonly>

										</div>

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

										<div class="form-group">

											<label class="control-label" for="District"> Mobile No</label>

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

										</div>

									</div>
						
								</div>

							</div>

						</div>

				    </div>


                </div>

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

					<input type="hidden" id="generated_quotationno">

					<section class="content">
                    
						{!! Form::open(array('id'=>'quotation_product','action'=>'{{route("product-store")}}','route'=>'product-store','method'=>'POST')) !!}
			
						@csrf

						<div class="row">

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

								<div class="form-group">

									<label class="control-label" for="inputSuccess">Comapny name</label>

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

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

								</div>

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

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

								<div class="form-group">


									<h4>NOTE &nbsp&nbsp<input type="checkbox" name="noteCheck" id="noteCheck" style="height: 18px; width: 18px;"></h4>
								

								</div>

							</div>

						</div>

						<div class="row" id="notesection">

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

							<div class="form-group">

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

									<textarea id="note-textarea" name="message" class="form-control" id="notesectiontextarea">
									</textarea>

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

							</div>

						</div>

					</div>

					

				

					<div>

						<table border="1" width="740px">

							<thead>
								
								<tr>

									<th>Item</th>

									<th>SKU</th>

									<th>HSN</th>

									<th>Unit cost</th>

									<th>Quantity</th>

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

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

									<th>GST AMOUNT</th>

									<th>Total</th>

									<th>Add</th>

								</tr>

							</thead>
 
							<tbody>

								<tr>

									<td>
										<select class="form-control textcss Product_select" id="Product_select">
						
											<option value='0' >- Search Product -</option>

										</select>
									
									</td>

									<td><input type="text" id="product_SKU" class="form-control textcss" readonly ></td>

									<td><input type="text" id="product_HSN" class="form-control textcss" readonly maxlength="8" minlength="8"></td>

									<!-- <td><label class="control-label textcss" for="inputSuccess"> Add Note</label></td> -->

									<td><input type="text" class="product_price textcss" name="unitcost" id="product_price" value="0"></td>

									<td><input type="number" name="quantity" id="product_quantity" class="textcss" value="0"  min="0"></td>

									<td id="selectcs">
										<select class="textcss" id="c_s_gsttype">
											<option disabled selected value> -- Select GST VALUE -- </option>
											<option>0% + 0%</option>
											<option>2.5% + 2.5%</option>
											<option>6% + 6%</option>
											<option>9% + 9%</option>
											<option>14% + 14%</option>
										</select>
									</td>

									<td id="selecti">
										<select class="textcss" id="i_gsttype">
											<option disabled selected value> -- Select GST TYPE -- </option>
											<option>0%</option>
											<option>5%</option>
											<option>12%</option>
											<option>18%</option>
											<option>28%</option>
										</select>
									</td>

									<td><input type="text" class="form-control" id="gst_rowtotal" value="₹00.00" readonly></td>
									<td><input type="text" class="form-control" id="product_total" value="₹00.00" readonly></td>
											<input type="hidden" id="testing" class="">
									<td><a id="addrows"><i class="fa fa-plus orange"></i></a></td>

								</tr>

							</tbody>

						</table>

					</div>

					<div style="padding: 20px 0px 0px 0px;" id="qwe">

					<table name="test" border="1" width="740px">
 
							<thead>
								
								<tr>

									<th>Item</th>

									<th>SKU</th>

									<th>HSN</th>

									<th>Unit cost</th>

									<th>Quantity</th>

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

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

									<th>GST AMOUNT</th>

									<th>Total</th>                                        

								</tr>

							</thead>

							<tbody id="maintable" id="test12">

							</tbody>

							<tfoot>

							   <tr>

								   <td colspan="6"></td>

									<td><h4>Sub Total</h4></td>

									<td colspan="2"><input type="text" class="listcsstotal form-control subtot" readonly></td>

								</tr>
								
								<tr>

									<td colspan="6"></td>
																		
									<td><h4>GST Total</h4></td>

									<td colspan="2"><input type="text" class="listcsstotal form-control taxtot" readonly></td>

								</tr>

								<tr>

									<td colspan="6"></td>
									
									<td><h4>Grand Total</h4></td>

									<td colspan="2"><input type="text" class="listcsstotal form-control grdtot" readonly></td>

								</tr>

							</tfoot>

						</table>

					</div>
					
					
			   
					</section>

				</div>

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

					<section class="content">
					
						<div class="row">
							
							<div class="col-md-6">
								
								<div class="form-group">
									
									<label class="control-label" for="inputSuccess">Comapny name</label>
									
									<input type="text" class="form-control" id="preview_company" readonly >
									
									<span class="help-block hide" >Help block with success</span>
								
								</div>
							
							</div>
							
							<div class="col-md-3">
								
								<div class="form-group">
									
									<label class="control-label" for="inputSuccess">GST NO.</label>
									
									<input type="text" class="form-control" id="preview_companygst" readonly>
										
									<span class="help-block hide" >Help block with success</span>
								
								</div>
							
							</div>
							
							<div class="col-md-3">
								
								<div class="form-group">
									
									<label class="control-label" for="inputSuccess">Email Id.</label>
									
									<input type="text" class="form-control" id="preview_companyemail" readonly >
									
									<span class="help-block hide" >Help block with success</span>
								
								</div>
							
							</div>
						
						</div>

						<div class="box box-primary previewbillsection">

							<div class="row">

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

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

										<input type="hidden" id="preview_billingid"/>

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

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

							<div class="previewbilldetails">

								<div class="row">
								
									<div class="col-md-4 ">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">Address Line:1</label>
										
											<input type="text" class="form-control" id="preview_billadd1" readonly>

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

									<div class="col-md-4 ">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">Address Line:2</label>
										
											<input type="text" class="form-control" id="preview_billadd2" readonly>

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

									<div class="col-md-4 ">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">Address Line:3</label>
										
											<input type="text" class="form-control" id="preview_billadd3" readonly>

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

								</div>

								<div class="row">
								
									<div class="col-md-4 ">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">City.</label>

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

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

									<div class="col-md-4 ">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">State.</label>

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

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

									<div class="col-md-4 ">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">Country.</label>
										
											<input type="text" class="form-control" id="preview_billcountry" readonly>
											
											<span class="help-block hide" >Help block with success</span>
									
										</div>
								
									</div>

								</div>

								<div class="row">
								
									<div class="col-md-4 ">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">Pincode.</label>

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

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

									<div class="col-md-4 ">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">Mobile No.</label>

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

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

								</div>
						
							</div>

						</div>

						

						<div class="box box-primary previewshipsection">

							<div class="row">

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

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

										<input type="hidden" id="preview_shippingid"/>

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

                            		</div>
            
                        		</div>

							</div>

							<div class="previewshipdetails">

								<div class="row">
								
									<div class="col-md-4">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">Address Line:1</label>
									
											<input type="text" class="form-control" id="preview_shipadd1" readonly>
											
											<span class="help-block hide" >Help block with success</span>
									
										</div>
								
									</div>

									<div class="col-md-4">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">Address Line:2</label>
										
											<input type="text" class="form-control" id="preview_shipadd2" readonly>
											
											<span class="help-block hide" >Help block with success</span>
									
										</div>
								
									</div>

									<div class="col-md-4">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">Address Line:3</label>
										
											<input type="text" class="form-control" id="preview_shipadd3" readonly>
											
											<span class="help-block hide" >Help block with success</span>
									
										</div>
								
									</div>

								</div>

								<div class="row">
								
									<div class="col-md-4 ">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">City.</label>

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

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

									<div class="col-md-4 ">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">State.</label>

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

											<span class="help-block hide" >Help block with success</span>
									
										</div>
								
									</div>
								
									<div class="col-md-4 ">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">Country.</label>
										
											<input type="text" class="form-control" id="preview_shipcountry" readonly>
											
											<span class="help-block hide" >Help block with success</span>
									
										</div>
								
									</div>

								</div>

								<div class="row">
								
									<div class="col-md-4 ">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">Pincode.</label>

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

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

									<div class="col-md-4 ">
									
										<div class="form-group">
										
											<label class="control-label" for="inputSuccess">Mobile No.</label>

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

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

								</div>

							</div>

						</div>

						<div class="box box-primary">

							<div class="row">

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

                            		<label class="control-label" for="inputSuccess"> Product.</label>

                        		</div>
            
                    		</div>

							<div class="row">

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

										<div style="padding: 20px 0px 20px 20px;" id="qwe">

											<table  border="1" width="1100px" id="preview_producttable">

												<thead>
								
													<tr>
 
														<th id="previewTable_product" class="txt-center">Item</th>

														<th id="previewTable_HSN" class="txt-center">HSN</th>

														<th id="previewTable_cost" class="txt-center">Unit cost</th>

														<th id="previewTable_quantity" class="txt-center">Quantity</th>

														<th id="preview_csgst" class="txt-center">CGST + SGST</th>

														<th id="preview_igst" class="txt-center">IGST</th>

														<th id="previewTable_gsttotal" class="txt-center">GST AMOUNT</th>

														<th id="previewTable_rowtotal" class="txt-center">Total</th>                                        

													</tr>

												</thead>

												<tbody id="previewtablebody">

											
												</tbody>

												<tfoot>

							   						<tr>

								   						<td colspan="4"></td>

								   						<td></td>

														<td><h4>Sub Total</h4></td>

														<td colspan="2"><input type="text" class="listcsstotal form-control subtot" readonly></td>

													</tr>
								
													<tr>

														<td><h4 id="gstbl1"></h4></td>

														<td><input type="text" id="gstblin1" value="₹00.00" readonly></td>

														<td><h4 id="gstbl3"></h4></td>

														<td><input type="text" id="gstblin3" value="₹00.00" readonly></td>

														<td></td>

														<td><h4>GST Total</h4></td>

														<td colspan="2"><input type="text" class="listcsstotal form-control taxtot" readonly></td>

													</tr>

													<tr>

														<td><h4 id="gstbl2"></h4></td>

														<td><input type="text" id="gstblin2" value="₹00.00" readonly></td>

														<td><h4 id="gstbl4"></h4></td>

														<td><input type="text" id="gstblin4" value="₹00.00" readonly></td>

														<td></td>

														<td><h4>Grand Total</h4></td>

														<td colspan="2"><input type="text" class="listcsstotal form-control grdtot" readonly></td>

													</tr>

												</tfoot>

											</table>

										</div>

									</div>
								</div>

							</div>
							
						</div>

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

							<div class="row">

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

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

                        			</div>
            
                    			</div>

							</div>

							<div class="row">

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

                            			<div id="viewQuotationNote" style="width: 500px;height: 100px; padding: 10px 10px 10px 10px; border:2px ridge black; background-color:#eee; resize:none;"></div>

                         			</div>
            
                    			</div>

							</div>

						</div>

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

        </div>
    </section>

			

            <div class="modal-footer">
                

				
				
            </div>

        </div>
		</form>
            <!-- /.modal-content -->

          </div>

          <!-- /.modal-dialog -->
</div>
        </div>

        <!-- /.modal --> 	 	