Rev 33647 | Rev 33658 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed
<style>.border-red {border: 1px solid red;}.border-green {border: 1px solid green;}.hide-textarea {display: none}.show-textarea {display: block}.hide-model {display: none}.show-model {display: block}</style><section class="wrapper"><div class="row"><div class="col-lg-12"><h3 class="page-header" style="text-align: center ;color:#d3181f">LOI form</h3><ol class="breadcrumb"><li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">#springMessage("reportdailycollection.home")</a></li><li><i class="icon_document_alt"></i>LOI Form</li></ol></div></div><div class="col-md-12"><div class="container well"><form name="Loi_Form" id="Loi_Form" method="post" style="margin-top:40px;"><div class="row"><div class="col-lg-3 form-group"><label>Refer By(BGC Team)</label>#if($onBoardingData)<select class="form-control type" name="referId"placeholder="AuthUser" required><option value="$onBoardingData.getReferId()" selected>$onBoardingData.getReferBy()</option>#foreach($authUsers in $authUsersList)<option value=$authUsers.getId()>$authUsers.getFullName() </option>#end</select>#else<select class="form-control type" name="referId" required><option value="" selected>select Refer by</option>#foreach($authUsers in $authUsersList)<option value=$authUsers.getId()>$authUsers.getFullName() </option>#end</select>#end</div><div class="col-lg-3 form-group"><label>Business type</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<select class="form-control" name="businessType"placeholder="Business type" required><option value="$onBoardingData.getBusinessType()" selected>$onBoardingData.getBusinessType()</option>#foreach($businessType in $businessTypes)<option value=$businessType>$businessType</option>#end</select>#else<select class="form-control" name="businessType"placeholder="Business type" required><option value="$businessTypes.get(0)" selected>$businessTypes.get(0)</option>#foreach($businessType in $businessTypes)<option value=$businessType>$businessType</option>#end</select>#end</div><!--Acquired Date--><div class="col-lg-3 form-group"><label>Acquired Date</label><spanstyle="color:red ;font-size: 140%">*</span><input type="date" name="acquiredDate" class="form-control"></div></div><div><h4>Personal Details</h4></div><div class="row"><div class="col-md-4"><!-- Owner Name --><div class="form-group"><label>First Name </label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="text" class="form-control" required name="firstName"value=$onBoardingData.getFirstName()>#else<input type="text" class="form-control" required name="firstName"placeholder="Enter first name">#end</div></div><div class="col-md-4"><!-- Owner Name --><div class="form-group"><label>Last Name </label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="text" class="form-control" required name="lastName"value=$onBoardingData.getLastName()>#else<input type="text" class="form-control" required name="lastName"placeholder="Enter last name">#end</div></div><div class="col-md-4"><!-- Mobile No --><div class="form-group"><label>Mobile No. </label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="tel" class="form-control" required name="mobile"placeholder="10-digit Mobile"pattern="[0-9]"maxlength="10"minlength="10"value="$onBoardingData.getMobile()">#else<input type="tel" class="form-control" required name="mobile"placeholder="10-digit Mobile"maxlength="10"minlength="10"pattern="[0-9]"plavalue="">#end</div></div></div><div class="row"><div class="col-md-4"><!-- Landline No --><div class="form-group"><label>Alternative Mobile No.</label>#if($onBoardingData)#if($onBoardingData.getLandline())<input type="tel" class="form-control" name="landline"placeholder="Enter Landline"maxlength="10"minlength="10"value=$onBoardingData.getLandline()>#else<input type="tel" class="form-control" name="landline"pattern="[0-9]"maxlength="10"minlength="10"placeholder="Enter Alternative mobile" value="--">#end#else<input type="tel" class="form-control" name="landline"maxlength="10"minlength="10"pattern="[0-9]"placeholder="Enter Alternative mobile"value="">#end</div></div><div class="col-lg-4"><!-- Email ID --><div class="form-group"><label>Email ID </label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="email" class="form-control" required name="email" placeholder="Enter Email"value="$onBoardingData.getEmail()">#else<input type="email" class="form-control" required name="email" placeholder="Enter Email"value="">#end</div></div><div class="col-lg-4"> <!-- DOB --><div class="form-group"><label>DOB </label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="date" class="form-control" required name="dob" placeholder="Enter DOB"value="$onBoardingData.getDob()" readonly>#else<input type="date" class="form-control" required name="dob" placeholder="Enter DOB">#end</div></div></div><div class="row"><div class="col-lg-3"> <!-- PAN No--><div class="form-group"><label>PAN No</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="text" class="form-control" required name="panNo" placeholder="enter Pan No"minlength="10"maxlength="10" value="$onBoardingData.getPanNo()" readonly>#else<input type="text" class="form-control" required name="panNo" placeholder="enter Pan No"minlength="10"maxlength="10">#end</div></div><div class="col-lg-3"> <!-- Aadhar No--><div class="form-group"><label>Aadhar No</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="tel" class="form-control" required name="adharNo"readonlyplaceholder="Adhar Number"maxlength="12"minlength="12"pattern="[0-9]{12}" value="$onBoardingData.getAdharNo()">#else<input type="tel" class="form-control" required name="adharNo"placeholder="Adhar Number"maxlength="12"minlength="12"pattern="[0-9]{12}">#end</div></div><div class="col-lg-3"><!-- ANNIV DT- --><div class="form-group"><label>Marital Status</label><spanstyle="color:red ;font-size: 140%">*</span><select class="form-control" name="maritalStatus"placeholder="Marital Status" required id="maritalStatus"><option value=""></option><option value="0">Single</option><option value="1">Married</option></select></div></div><div class="loiAnniversaryDate hide-model"><div class="col-lg-3"><!-- ANNIV DT- --><div class="form-group"><label>Anniversary Date </label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)#if($onBoardingData.getAnniversaryDate())<input type="date" class="form-control" name="anniversaryDate"placeholder="Enter Anniversary date"value="$onBoardingData.getAnniversaryDate()" readonly>#else<input type="date" class="form-control" name="anniversaryDate"placeholder="Enter Anniversary date" value="--">#end#else<input type="date" class="form-control" name="anniversaryDate"placeholder="Enter Anniversary date" value=" ">#end</div></div></div></div><h4>Business Detail</h4><!-- GST No--><div class="row"><div class="col-lg-6"><div class="form-group"><label>GST No </label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<inputtype="text"class="form-control gstNo"id="gstValidate"requiredname="gstNo"placeholder="Enter GST Reg No."minlength="15"maxlength="15"value="$onBoardingData.getGstNo()"readonly>#else<inputtype="text"class="form-control gstNo"id="gstValidate"requiredname="gstNo"placeholder="Enter GST Reg No."minlength="15"maxlength="15" value="">#end</div></div><div class="col-lg-6"><div class="form-group"><label for="gstName">Company Name:</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="text" class="form-control" id="CompanyName" name="companyName" requiredvalue="$onBoardingData.getCompanyName()" readonly>#else<input type="text" class="form-control" id="CompanyName" name="companyName" requiredvalue="" readonly>#end</div></div></div><!-- GST Address --><div class="row"><div class="col-lg-3">## <label class="bold-details">PIN CODE</lebel>#if($onBoardingData)<inputplaceholder="Pin Code" id="gstPinCode"name="gstPin" type="hidden"value="$onBoardingData.getGstPin()"class="form-control input-sm " readonly>#else<inputplaceholder="Pin Code" id="gstPinCode"name="gstPin" type="hidden" value=""class="form-control input-sm" readonly>#end</div><div class="col-lg-3"><div class="form-group">## <label for="gstState">State</label>#if($onBoardingData)<input placeholder="State"id="gstState" name="gstState" type="hidden"value="$onBoardingData.getGstState()" class="form-control input-sm"style="font-weight: bold;" readonly>#else<input placeholder="State"id="gstState" name="gstState" type="hidden"value="" class="form-control input-sm"style="font-weight: bold;" readonly>#end</div></div><div class="col-lg-3"><div class="form-group">## <label>City :</label>#if($onBoardingData)<input placeholder="State"id="gstCity" name="gstCity" type="hidden"value="$onBoardingData.getGstCity()" class="form-control input-sm"style="font-weight: bold;" readonly></input>#else<input placeholder="State"id="gstCity" name="gstCity" type="hidden"value="" class="form-control input-sm"style="font-weight: bold;" readonly>#end</div></div><div class="col-lg-3"><div class="form-group">## <label for="gstDistrict">District :</label>#if($onBoardingData)<input id="gstDistrict" type="hidden" name="gstDistrict" class="form-control input-sm"value="$onBoardingData.getGstDistrict()" readonly>#else<input id="gstDistrict" type="hidden" name="gstDistrict" class="form-control input-sm"value="" readonly>#end</div></div></div><div><h4>Addition Place of Business</h4></div><div class="row"><div class="col-lg-6"><div class="form-group"><label>Select Address</label><spanstyle="color:red ;font-size: 140%">*</span><div id="addlist"></div></div></div></div><div><h4>Bank Details :</h4></div><div class="row"><!-- Bank name--><div class="col-lg-4"><div class="form-group"><label>Bank name :</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="text" class="form-control" required name="bankName" placeholder="Bank Name"value="$onBoardingData.getBankName()" readonly>#else<input type="text" class="form-control" required name="bankName" placeholder="Bank Name"value="">#end</div></div><!-- IFSC Code--><div class="col-lg-4"><div class="form-group"><label>IFSC Code :</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="text" class="form-control" required name="ifscCode" placeholder="IFSC Code"value="$onBoardingData.getIfscCode()" readonly>#else<input type="text" class="form-control" required name="ifscCode" placeholder="IFSC Code"value="">#end</div></div><!-- Account No.--><div class="col-lg-4"><div class="form-group"><label>Account No :</label><spanstyle="color:red ;font-size: 140%">*</span>#if( $onBoardingData)<input type="number" class="form-control" required name="accountNo"placeholder="Account Number" value="$onBoardingData.getAccountNo()" readonly>#else<input type="number" class="form-control" required name="accountNo"placeholder="Account Number" value="">#end</div></div></div><!-- Agreed Minimum Wallet value (INR) --><div><h4>Store Details </h4></div><div class="row"><div class="col-lg-4"><div class="form-group" style="text-align: left;"><label>Minimum Wallet value :</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<select class="form-control" name="agreeWalletValue" required><option value="$onBoardingData.getAgreeWalletValue()"selected>$onBoardingData.getAgreeWalletValue()</option><option value="600000">600000</option><option value="700000">700000</option><option value="800000">800000</option><option value="900000">900000</option><option value="1000000">1000000</option><option value="1100000">1100000</option><option value="1200000">1200000</option><option value="1500000">1500000</option><option value="2000000">2000000</option><option value="2500000">2500000</option><option value="3000000">3000000</option></select>#else<select class="form-control" name="agreeWalletValue" required><option value="600000">600000</option><option value="700000">700000</option><option value="800000">800000</option><option value="900000">900000</option><option value="1000000">1000000</option><option value="1100000">1100000</option><option value="1200000">1200000</option><option value="1500000">1500000</option><option value="2000000">2000000</option><option value="2500000">2500000</option><option value="3000000">3000000</option></select>#end</div></div><!-- Store area (sq ft) --><div class="col-lg-4"><div class="form-group"><label>Store area </label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="number" class="form-control" id="storeArea" requiredname="storeArea" placeholder="" value="$onBoardingData.getStoreArea()">#else<input type="number" class="form-control" id="storeArea" requiredname="storeArea" placeholder="in square feet" value="">#end</div></div><div class="col-lg-4"><!-- Store Potential --><div class="form-group"><label>Store Potential</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="number" class="form-control" required name="storePotential"min="400000" id="storePotential"placeholder="Store Potential" value="$onBoardingData.getStorePotential()">#else<input type="number" class="form-control" required name="storePotential"min="400000" id="storePotential"placeholder="Store Potential" value="">#end</div></div></div><h4>Brand Commitment</h4><div class="row"><div class="col-lg-3"><div class="form-group"><label>Total Commitment</label>#if($onBoardingData)<input type="number" class="form-control " name="totaCommitmentAmount" id="totalAmount"readonly requiredplaceholder="Total Commitment" value="$onBoardingData.getTotaCommitmentAmount()">#else<input type="number" class="form-control " name="totaCommitmentAmount" id="totalAmount"readonly requiredplaceholder="Total Commitment" value="">#end</div></div><div class="col-lg-4"><div class="form-group hide-textarea" id="textArea"><label>Reason for less Commit</label><spanstyle="color:red ;font-size: 140%">*</span><input type="text" class="form-control " name="lessCommitReason" id="lessCommitReason"placeholder="specify the reason"value=""></div></div></div><div class="row"><div class="col-lg-4"><div class="form-group"><label>Vivo</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="number" class="form-control brand-commitment" id="vivo" requiredname="vivoCommitmentAmount" placeholder="500000"value="$onBoardingData.getVivoCommitmentAmount()">#else<input type="number" class="form-control brand-commitment" id="vivo" requiredname="vivoCommitmentAmount" placeholder="500000" value="">#end</div></div><div class="col-lg-4"><div class="form-group"><label>Oppo</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="number" class="form-control brand-commitment" id="oppo" requiredname="oppoCommitmentAmount" placeholder="500000"value="$onBoardingData.getOppoCommitmentAmount()">#else<input type="number" class="form-control brand-commitment" id="oppo" requiredname="oppoCommitmentAmount" placeholder="500000">#end</div></div><div class="col-lg-4"><div class="form-group"><label>Samsung</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="number" class="form-control brand-commitment" id="samsung" requiredname="samsungCommitmentAmount" placeholder="500000"value="$onBoardingData.getSamsungCommitmentAmount()">#else<input type="number" class="form-control brand-commitment" id="samsung" requiredname="samsungCommitmentAmount" placeholder="500000" value="">#end</div></div></div><div class="row"><div class="col-lg-4"><div class="form-group"><label>Xiaomi</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="number" class="form-control brand-commitment" id="xiaomi" requiredname="xiaomiCommitmentAmount" placeholder="000000"value="$onBoardingData.getXiaomiCommitmentAmount()">#else<input type="number" class="form-control brand-commitment" id="xiaomi" requiredname="xiaomiCommitmentAmount" placeholder="000000" value="">#end</div></div><div class="col-lg-4"><div class="form-group"><label>Accessories</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="number" class="form-control brand-commitment" id="accessories" requiredname="accessoriesCommitmentAmount" placeholder="000000"value="$onBoardingData.getAccessoriesCommitmentAmount()">#else<input type="number" class="form-control brand-commitment" id="accessories" requiredname="accessoriesCommitmentAmount" placeholder="000000" value="">#end</div></div><div class="col-lg-4"><div class="form-group"><label>Other brands</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="number" class="form-control brand-commitment" id="otherBrands" requiredname="otherBrandsCommitmentAmount"value="$onBoardingData.getOtherBrandsCommitmentAmount()">#else<input type="number" class="form-control brand-commitment" id="otherBrands" requiredname="otherBrandsCommitmentAmount" placeholder="000000" value="">#end</div></div></div>## Agreed Brand fees (INR)<div class="row"><div class="col-lg-3"><div class="form-group"><label>Agreed Brand fees</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<select name="agreedBrandFees" class="form-control"><option value="$onBoardingData.getBrandType()-$onBoardingData.getAgreedBrandFees()-$onBoardingData.getBrandFeeId()"selected>$onBoardingData.getBrandType()($onBoardingData.getAgreedBrandFees())</option>#foreach($storeTypeFeePair in $storeTypeFeePairs)#set($storeType1 =$storeTypeFeePair.getKey())#set($brandFee = $storeTypeFeePair.getValue())<option value="$storeTypeFeePair.getKey()-$brandFee.getFeeByStoreType($storeType1)-$brandFee.getId()"> $storeType1($brandFee.getFeeByStoreType($storeType1))</option>#end</select>#else<select name="agreedBrandFees" class="form-control">#foreach($storeTypeFeePair in $storeTypeFeePairs)#set($storeType1 =$storeTypeFeePair.getKey())#set($brandFee = $storeTypeFeePair.getValue())<option value="$storeTypeFeePair.getKey()-$brandFee.getFeeByStoreType($storeType1)-$brandFee.getId()"> $storeType1($brandFee.getFeeByStoreType($storeType1))</option>#end</select>#end</div></div><!-- Brand fees collected (INR) --><div class="col-lg-2"><div class="form-group"><label>Brand fees collected</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="number" class="form-control " id="brandFeesCollected" requiredname="brandFeesCollected" readonlyvalue="$onBoardingData.getBrandFeeCollection().get(0).getCollectedAmount()">#else<input type="number" class="form-control " id="brandFeesCollected" requiredname="brandFeesCollected" placeholder="500000">#end</div></div><!-- Mode of Payment Online/Cheque/IMPS/NEFT/RTGS/Wallet --><div class="col-lg-2"><div class="form-group"><label>Mode of Payment</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input name="paymentMode" class="form-control" readonlyvalue="$onBoardingData.getBrandFeeCollection().get(0).getPaymentMode()">#else<select class="form-control" name="paymentMode" required><option value="">Select mode</option><option value="UPI">UPI</option><option value="Cheque">Cheque</option><option value="IMPS">IMPS</option><option value="NEFT">NEFT</option><option value="RTGS">RTGS</option></select>#end</div></div><!-- Payment reference no --><div class="col-lg-2"><div class="form-group"><label>Payment Reference No</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="text" class="form-control " id="paymentReferenceNo" requiredname="paymentReferenceNo" placeholder="" readonlyvalue="$onBoardingData.getBrandFeeCollection().get(0).getPaymentReferenceNo()">#else<input type="text" class="form-control" id="paymentReferenceNo" requiredname="paymentReferenceNo" placeholder="">#end</div></div><!-- fee collection date --><div class="col-lg-3"><div class="form-group"><label>Fee collecting Date</label><spanstyle="color:red ;font-size: 140%">*</span>#if($onBoardingData)<input type="datetime-local" class="form-control " id="feeCollectingDate" requiredname="feeCollectingDate" readonlyvalue="$onBoardingData.getBrandFeeCollection().get(0).getFeeCollectingTimeStamp()">#else<input type="datetime-local" class="form-control " id="feeCollectingDate" requiredname="feeCollectingDate">#end</div></div></div><!-- Submit button--><div class="form-group" style="text-align: center; margin-bottom:2px;">#if($onBoardingData)<button type="button"value="$onBoardingData.getId()"class="btn btn-primary text-white font-semibold py-1 px-4 rounded background-red updateLoiFormData"style="box-shadow:none;margin-bottom:2px;"><span>Update detail</span></button>#else<button type="button"class="btn btn-primary text-white font-semibold py-1 px-4 rounded background-red submitLoiForm"style="box-shadow:none;margin-bottom:2px;"><span>Submit</span></button>#end</div></form></div></div></section><script>$(document).ready(function () {$("#otherBrands").blur(function () {var vivoCommitmentAmount = parseFloat($("#vivo").val());var oppoCommitmentAmount = parseFloat($("#oppo").val());var samsungCommitmentAmount = parseFloat($("#samsung").val());var xiaomiCommitmentAmount = parseFloat($("#xiaomi").val());var accessoriesCommitmentAmount = parseFloat($("#accessories").val());var otherCommitmentAmount = parseFloat($("#otherBrands").val());var totaCommitmentAmount = vivoCommitmentAmount + oppoCommitmentAmount + samsungCommitmentAmount + xiaomiCommitmentAmount + accessoriesCommitmentAmount + otherCommitmentAmount;let sPotential = storePotential.value;let minCommitLimit = sPotential * 70 / 100;if (totaCommitmentAmount >= minCommitLimit) {$("#totalAmount").val(totaCommitmentAmount);$("#totalAmount").removeClass('border-red');$("#totalAmount").addClass('border-green');$("#textArea").removeClass('show-textarea');$("#textArea").addClass('hide-textarea');} else {alert("Total commit amount should be greater than or equal to 70% of the store's potential.Specify the reason")$("#totalAmount").val(totaCommitmentAmount);$("#totalAmount").removeClass('border-green');$("#totalAmount").addClass('border-red');$("#textArea").removeClass('hide-textarea');$("#textArea").addClass('show-textarea');$("#textArea").focus();}console.log('totalamm', totaCommitmentAmount)});$(".gstNo").change(function () {console.log('gst validation is processing...');var inputGstNo = $(this).val();var gstinformat = new RegExp('^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$');if (gstinformat.test(inputGstNo)) {doGetAjaxRequestHandler(`${context}/gstValidate?gstNo=` + inputGstNo,function (response) {console.log("gstDetails-", response);$("#CompanyName").val(response.tradeNam);$("#gstPinCode").val(response.pradr.addr.pncd);console.log("pincode-", response.pradr.addr.pncd)$("#gstState").val(response.pradr.addr.stcd);$("#gstCity").val(response.pradr.addr.loc);console.log("loc-", response.pradr.addr.loc)$("#gstDistrict").val(response.pradr.addr.dst);var selectOptions = [];var addresses = response.adadr;selectOptions.push(`<select id="billingAddress" name="billingAddress" class="form-control">`);addresses.forEach((pradr) => {var addrString = getAddressString(pradr.addr);var addrStringify = JSON.stringify(pradr.addr);selectOptions.push(`<option value='${addrStringify}'>${addrString}</option>`);});selectOptions.push(`</select>`);$('#addlist').html(selectOptions.join(''));});} else {alert('Please Enter Valid GSTIN Number');$(".gstNo").val('');$(".gstNo").focus();}});});function getAddressString(addr) {addrFields = ["bno", "bnm", "st", "locality", "loc", "pncd", "stcd"];addresArr = [];for (let i = 0; i < addrFields.length; i++) {if (addr.hasOwnProperty(addrFields[i]) && addr[addrFields[i]] !== "") {addresArr.push(addr[addrFields[i]]);}}return addresArr.join(", ");}</script>