<div class="modal fade" id="add_new_pi" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static">
    
    <div class="modal-dialog" id="picreate">
         
        <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">Add New PI</h4>
 
            </div>

            <div class="modal-body">

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

                                    <div class="row">

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

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

					                            </select>

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

                                            </div>

                                        </div>

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

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

                                            <div class="form-group">

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

                                                <input type="text" class="form-control" id="pi_company" 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="Gst_no">GST NO</label>

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

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

					                        </div>

                                        </div>                            
                        
                                    </div>

                                </div>

              		</section>

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

                        <div name="quotation_details">
					
                            <div class="row">
                        
                                <div class="col-md-6">
                            
                                    <div class="form-group">
                                
                                        <label class="control-label" for="inputSuccess"> Quotation No</label>
                                
                                        <input type="text" class="form-control" id="pi_quotationno" 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="inputSuccess">Comapny name</label>
                                
                                        <input type="text" class="form-control" id="pi_companyname" 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">
                                
                                        <label class="control-label" for="inputSuccess">GST NO.</label>
                                
                                        <input type="text" class="form-control" id="pi_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="inputSuccess">Email Id.</label>
                                
                                        <input type="text" class="form-control" id="pi_emailid" readonly >
                                
                                        <span class="help-block hide" >Help block with success</span>
                            
                                    </div>
                        
                                </div>

                            </div>
                    
                        </div>

                        <div class="box box-primary" name="billing section">

                            <div class="row">

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

                                        <div id="pi_bill">

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

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

                                        </div>

                                    </div>
        
                                </div>

                            </div>

                            <div id="pi_billsection">

                                <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="pi_billaddl1" 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="pi_billaddl2" 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="pi_billaddl3" 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="pi_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="pi_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="pi_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="pi_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="pi_billmobile" readonly >

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

                                </div>
                    
                            </div>

                        </div>

                        <div class="box box-primary" name="shipping section">

                            <div class="row">

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

                                    <input type="hidden" id="pi_shippingid"/>
                    
                                    <div class="form-group">

                                        <div id="pi_ship">

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

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

                                        </div>                                        

                                    </div>
        
                                </div>

                            </div>

                            <div id="pi_shipsection">

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

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

                                        <div class="form-group">

                                            <button type="button" id="address_selection" class="btn btn-primary pull-right">Change Address</button>

                                        </div>

                                    </div>

                                </div>  

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

                                    <div class="col-md-12">
                        
                                        <div class="form-group">
                        
                                            <select class="form-control pi_addresselect" id="pi_addresselect" style="width: 100%;">
                        
                                                <option value='0' disabled selected value >- Select Shipping Address -</option>

                                            </select>
                                        
                                        </div>

                                    </div>

                                </div>

                                <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="pi_shipaddl1" 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="pi_shipaddl2" 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="pi_shipaddl3" 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="pi_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="pi_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="pi_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="pi_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="pi_shipmobile" 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">Receiver Name.</label>
                                
                                            <input type="text" class="form-control" id="pi_shipreceiver" readonly>
                                    
                                            <span class="help-block hide" >Help block with success</span>
                            
                                        </div>
                        
                                    </div>

                                </div>
                    
                            </div>

                        </div>

                        <div class="box box-primary" name="product section">

                            <div class="row">

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

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

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

                                <table id="pitableforproduct"  border="1" style="width: 830px !important;">

                                    <thead>
                            
                                        <tr>

                                            <th style="width: 40px;">NO.</th>

                                            <th  style="width: 150px;"> Item</th>
 
                                            <th style="width: 90px;">HSN</th>
 
                                            <th  style="width: 90px;">Unit cost</th>
   
                                            <th style="width: 90px;">Quantity</th>
 
                                            <th style="width: 90px;" id="finalthcspi">CGST + SGST</th>
 
                                            <th style="width: 90px;" id="finalthipi">IGST</th>
 
                                            <th class="amountalign" style="width: 118px;">Total</th>                                        

                                        </tr>

                                    </thead>

                                    <tbody id="piproductsectionbody">
 
                                    </tbody>

                                    <tfoot id="piproductsectionfoot">

                                           

                                    </tfoot>

                                </table>

                            </div>

                        </div>

                        <div class="box box-primary" name="note section">

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

                                        <textarea style="width: 815px;height: 100px; 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-6">
                    
                                    <div class="form-group">

                                        <label class="control-label" for="po_number">PO NUMBER.</label>
                                
                                        <input type="text" class="form-control" id="pi_ponumber">
                        
                                        <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="inputSuccess">PAYMENT Terms.</label>
                                
                                        <input type="text" class="form-control" id="pi_paymentterm">
                        
                                        <span class="help-block hide" >Help block with success</span>

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

                            <div class="row">

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

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

                                        <select class="form-control pibank_select" id="pibank_select" style="width: 100%;">
                        
                                                <option value='0' disabled selected value >- Select Shipping Address -</option>
                                                
                                                <option value='1'>Details-1:Bank name:Punjab National Bank</option>
                                                
                                                <option value='2'>Details-2:State Bank of India</option>

                                        </select>

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

                            <div id="bank_detailssecton">

                                <div class="row">

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

                                            <label class="control-label" for="inputSuccess">Bank Name.</label>
                                
                                            <input type="text" class="form-control" id="pi_bankname" 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="inputSuccess">Branch.</label>
                                
                                            <input type="text" class="form-control" id="pi_bankbranch" 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">

                                            <label class="control-label" for="inputSuccess">IFSC Code.</label>
                                
                                            <input type="text" class="form-control" id="pi_bankifsc" 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="inputSuccess">Branch Code.</label>
                                
                                            <input type="text" class="form-control" id="pi_bankbranchcode" readonly>
                        
                                            <span class="help-block hide" >Help block with success</span>

                                        </div>
        
                                    </div>

                                </div>

                            </div>

                        </div>                        
                
                    </section>

                </div>

				<div class="modal-footer">                		

              	</div>

                <div name="hidden section">

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

                </div>
			
			</div>

		</div>

	</div>
	</form>

</div>




		