Subversion Repositories SmartDukaan

Rev

Rev 33579 | Rev 33647 | 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="$selfAuth.getId()" selected>
                                    $selfAuth.getFullName()
                                </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><span
                            style="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><span
                            style="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><span
                                style="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><span
                                style="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><span
                                style="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]"
                                       pla
                                       value="">
                            #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>
                            <span
                                    style="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>
                            <span
                                    style="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><span
                                style="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><span
                                style="color:red ;font-size: 140%">*</span>
                            #if($onBoardingData)
                                <input type="tel" class="form-control" required name="adharNo"
                                       readonly
                                       placeholder="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>
                            <span
                                    style="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>
                                <span
                                        style="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>
                            <span
                                    style="color:red ;font-size: 140%">*</span>
                            #if($onBoardingData)
                                <input
                                        type="text"
                                        class="form-control gstNo"
                                        id="gstValidate"
                                        required
                                        name="gstNo"
                                        placeholder="Enter GST Reg No."
                                        minlength="15"
                                        maxlength="15"
                                        value="$onBoardingData.getGstNo()"
                                        readonly>
                            #else
                                <input
                                        type="text"
                                        class="form-control gstNo"
                                        id="gstValidate"
                                        required
                                        name="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>
                            <span
                                    style="color:red ;font-size: 140%">*</span>
                            #if($onBoardingData)
                                <input type="text" class="form-control" id="CompanyName" name="companyName" required
                                       value="$onBoardingData.getCompanyName()" readonly>
                            #else
                                <input type="text" class="form-control" id="CompanyName" name="companyName" required
                                       value="" readonly>
                            #end
                        </div>
                    </div>
                </div>
                <!-- GST Address -->
                <div class="row">
                    <div class="col-lg-3">
                        ##                                        <label class="bold-details">PIN CODE</lebel>

                        #if($onBoardingData)
                            <input
                                    placeholder="Pin Code" id="gstPinCode"
                                    name="gstPin" type="hidden"
                                    value="$onBoardingData.getGstPin()"
                                    class="form-control input-sm " readonly>

                        #else
                            <input
                                    placeholder="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>
                            <span
                                    style="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><span
                                style="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><span
                                style="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><span
                                style="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><span
                                style="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><span
                                style="color:red ;font-size: 140%">*</span>
                            #if($onBoardingData)
                                <input type="number" class="form-control" id="storeArea" required
                                       name="storeArea" placeholder="" value="$onBoardingData.getStoreArea()">
                            #else
                                <input type="number" class="form-control" id="storeArea" required
                                       name="storeArea" placeholder="in square feet" value="">
                            #end
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <!-- Store Potential -->
                        <div class="form-group">
                            <label>Store Potential</label><span
                                style="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 required
                                       placeholder="Total Commitment" value="$onBoardingData.getTotaCommitmentAmount()">
                            #else
                                <input type="number" class="form-control " name="totaCommitmentAmount" id="totalAmount"
                                       readonly required
                                       placeholder="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><span
                                style="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><span
                                style="color:red ;font-size: 140%">*</span>
                            #if($onBoardingData)
                                <input type="number" class="form-control brand-commitment" id="vivo" required
                                       name="vivoCommitmentAmount" placeholder="500000"
                                       value="$onBoardingData.getVivoCommitmentAmount()">
                            #else
                                <input type="number" class="form-control brand-commitment" id="vivo" required
                                       name="vivoCommitmentAmount" placeholder="500000" value="">
                            #end
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label>Oppo</label><span
                                style="color:red ;font-size: 140%">*</span>
                            #if($onBoardingData)
                                <input type="number" class="form-control brand-commitment" id="oppo" required
                                       name="oppoCommitmentAmount" placeholder="500000"
                                       value="$onBoardingData.getOppoCommitmentAmount()">
                            #else
                                <input type="number" class="form-control brand-commitment" id="oppo" required
                                       name="oppoCommitmentAmount" placeholder="500000">
                            #end
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label>Samsung</label><span
                                style="color:red ;font-size: 140%">*</span>

                            #if($onBoardingData)
                                <input type="number" class="form-control brand-commitment" id="samsung" required
                                       name="samsungCommitmentAmount" placeholder="500000"
                                       value="$onBoardingData.getSamsungCommitmentAmount()">
                            #else
                                <input type="number" class="form-control brand-commitment" id="samsung" required
                                       name="samsungCommitmentAmount" placeholder="500000" value="">
                            #end
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label>Xiaomi</label><span
                                style="color:red ;font-size: 140%">*</span>
                            #if($onBoardingData)
                                <input type="number" class="form-control brand-commitment" id="xiaomi" required
                                       name="xiaomiCommitmentAmount" placeholder="000000"
                                       value="$onBoardingData.getXiaomiCommitmentAmount()">
                            #else
                                <input type="number" class="form-control brand-commitment" id="xiaomi" required
                                       name="xiaomiCommitmentAmount" placeholder="000000" value="">
                            #end
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label>Accessories</label><span
                                style="color:red ;font-size: 140%">*</span>
                            #if($onBoardingData)
                                <input type="number" class="form-control brand-commitment" id="accessories" required
                                       name="accessoriesCommitmentAmount" placeholder="000000"
                                       value="$onBoardingData.getAccessoriesCommitmentAmount()">
                            #else
                                <input type="number" class="form-control brand-commitment" id="accessories" required
                                       name="accessoriesCommitmentAmount" placeholder="000000" value="">
                            #end
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="form-group">
                            <label>Other brands</label><span
                                style="color:red ;font-size: 140%">*</span>
                            #if($onBoardingData)
                                <input type="number" class="form-control brand-commitment" id="otherBrands" required
                                       name="otherBrandsCommitmentAmount"
                                       value="$onBoardingData.getOtherBrandsCommitmentAmount()">
                            #else
                                <input type="number" class="form-control brand-commitment" id="otherBrands" required
                                       name="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><span
                                style="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><span
                                style="color:red ;font-size: 140%">*</span>
                            #if($onBoardingData)
                                <input type="number" class="form-control " id="brandFeesCollected" required
                                       name="brandFeesCollected" readonly
                                       value="$onBoardingData.getBrandFeeCollection().get(0).getCollectedAmount()">
                            #else
                                <input type="number" class="form-control " id="brandFeesCollected" required
                                       name="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><span
                                style="color:red ;font-size: 140%">*</span>
                            #if($onBoardingData)
                                <input name="paymentMode" class="form-control" readonly
                                       value="$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><span
                                style="color:red ;font-size: 140%">*</span>
                            #if($onBoardingData)
                                <input type="text" class="form-control " id="paymentReferenceNo" required
                                       name="paymentReferenceNo" placeholder="" readonly
                                       value="$onBoardingData.getBrandFeeCollection().get(0).getPaymentReferenceNo()">
                            #else
                                <input type="text" class="form-control" id="paymentReferenceNo" required
                                       name="paymentReferenceNo" placeholder="">
                            #end

                        </div>
                    </div>
                    <!-- fee collection date -->
                    <div class="col-lg-3">
                        <div class="form-group">
                            <label>Fee collecting Date</label><span
                                style="color:red ;font-size: 140%">*</span>
                            #if($onBoardingData)
                                <input type="datetime-local" class="form-control " id="feeCollectingDate" required
                                       name="feeCollectingDate" readonly
                                       value="$onBoardingData.getBrandFeeCollection().get(0).getFeeCollectingTimeStamp()">
                            #else
                                <input type="datetime-local" class="form-control " id="feeCollectingDate" required
                                       name="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>