Subversion Repositories SmartDukaan

Rev

Rev 37498 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
33507 tejus.loha 1 
<style>
2 
    .border-red {
3 
        border: 1px solid red;
4 
    }
5 
 
6 
    .border-green {
7 
        border: 1px solid green;
8 
    }
9 
 
10 
    .hide-textarea {
11 
        display: none
12 
    }
13 
 
14 
    .show-textarea {
15 
        display: block
16 
    }
33577 tejus.loha 17 
 
18 
    .hide-model {
19 
        display: none
20 
    }
21 
 
22 
    .show-model {
23 
        display: block
24 
    }
25 
 
34107 tejus.loha 26 
    .form-control {
27 
        border-radius: 8px; /* Adjust the value for more or less rounding */
28 
        border: 1px solid #ccc; /* Optional: Add a border */
29 
    }
30 
 
33507 tejus.loha 31 
</style>
32 
<section class="wrapper">
33 
    <div class="row">
34 
        <div class="col-lg-12">
34107 tejus.loha 35 
            ##            Header - LOI FORM
36 
            <h3 class="page-header" style="text-align: center ;color:green">loi form</h3>
33507 tejus.loha 37 
            <ol class="breadcrumb">
34107 tejus.loha 38 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard"></a></li>
33507 tejus.loha 39 
                <li><i class="icon_document_alt"></i>LOI Form</li>
40 
            </ol>
41 
        </div>
42 
    </div>
33658 tejus.loha 43 
 
33507 tejus.loha 44 
    <div class="col-md-12">
34107 tejus.loha 45 
        ##        bg-success p-2 text-dark bg-opacity-10 - This is 10% opacity success background , colour - green
46 
        <div class="container bg-success p-2 text-dark bg-opacity-10" style="border-radius: 25px">
33885 tejus.loha 47 
            <form name="loi-form" id="loi-form" method="post" style="margin-top:40px;">
37523 ranu 48 
                <div class="row" id="loiOnboardingTypeRow">
49 
                    <div class="col-lg-12 form-group">
50 
                        <label>Onboarding Type</label><span style="color:red ;font-size: 140%">*</span>
51 
                        <div>
52 
                            <label style="margin-right:20px;font-weight:normal">
53 
                                <input type="radio" name="loiOnboardingType" value="NEW" checked>
54 
                                New Onboarding
55 
                            </label>
56 
                            <label style="margin-right:20px;font-weight:normal">
57 
                                <input type="radio" name="loiOnboardingType" value="REVIVAL">
58 
                                Revival
59 
                            </label>
60 
                            <label style="margin-right:20px;font-weight:normal">
61 
                                <input type="radio" name="loiOnboardingType" value="ANY_OTHER">
62 
                                Any Other
63 
                            </label>
64 
                        </div>
65 
                    </div>
66 
                </div>
67 
                <div class="row hide-model" id="loiOldStoreCodeRow">
68 
                    <div class="col-lg-4 form-group">
69 
                        <label>Old Store Code</label><span style="color:red ;font-size: 140%">*</span>
70 
                        <input type="text" class="form-control" id="loiOldStoreCode"
71 
                               name="loiOldStoreCode" placeholder="Existing closed store code">
72 
                        <span id="loiOldStoreCodeStatus" class="help-block" style="font-size: 90%"></span>
73 
                    </div>
74 
                </div>
75 
                <div class="row hide-model" id="loiRevivalReasonRow">
76 
                    <div class="col-lg-12 form-group">
77 
                        <label id="loiRevivalReasonLabel">Reason for Revival</label>
78 
                        <span style="color:red ;font-size: 140%">*</span>
79 
                        <textarea class="form-control" id="loiRevivalReason" name="loiRevivalReason"
80 
                                  rows="2" placeholder="Please provide the reason"></textarea>
81 
                    </div>
82 
                </div>
33507 tejus.loha 83 
                <div class="row">
84 
                    <div class="col-lg-3 form-group">
34107 tejus.loha 85 
                        <label>Refer By(BGC Team)</label><span style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 86 
                        <select class="form-control type" name="referId" required>
33658 tejus.loha 87 
 
34310 tejus.loha 88 
                            <option selected disabled>
89 
                                Select BGC
90 
                            </option>
91 
                            <option value="0">NA</option>
92 
                            #foreach($authUsers in $authUsersList)
93 
                                <option value=$authUsers.getId()>$authUsers.getFullName() </option>
94 
                            #end
95 
                        </select>
33658 tejus.loha 96 
 
33507 tejus.loha 97 
                    </div>
98 
                    <div class="col-lg-3 form-group">
34107 tejus.loha 99 
                        <label>State Head</label><span style="color:red ;font-size: 140%">*</span>
100 
                        <select class="form-control type" name="stateHead" required>
33658 tejus.loha 101 
 
34107 tejus.loha 102 
                            <option selected disabled>
103 
                                Select State Head
104 
                            </option>
105 
                            <option value="0">NA</option>
106 
                            #foreach($stateHead in $stateHeadList)
107 
                                <option value=$stateHead.getId()>$stateHead.getFullName() </option>
33749 tejus.loha 108 
                            #end
109 
                        </select>
33658 tejus.loha 110 
 
33507 tejus.loha 111 
                    </div>
33582 tejus.loha 112 
                    <div class="col-lg-3 form-group">
34107 tejus.loha 113 
                        <label>BDM</label>
114 
                        <span style="color:red ;font-size: 140%">*</span>
115 
                        <select class="form-control type" name="bdm" required>
116 
                            <option selected disabled>
117 
                                Select BDM
118 
                            </option>
119 
                            <option value="0">NA</option>
120 
                            #foreach($bdm in $bdmList)
121 
                                <option value=$bdm.getId()>$bdm.getFullName() </option>
122 
                            #end
123 
                        </select>
33582 tejus.loha 124 
 
125 
                    </div>
33507 tejus.loha 126 
                </div>
127 
                <div>
128 
                    <h4>Personal Details</h4>
129 
                </div>
130 
                <div class="row">
131 
                    <div class="col-md-4">
132 
                        <!-- Owner Name -->
133 
                        <div class="form-group">
33577 tejus.loha 134 
                            <label>First Name </label><span
135 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 136 
                            <input type="text" class="form-control" required name="firstName"
137 
                                   placeholder="Enter first name">
33658 tejus.loha 138 
 
33507 tejus.loha 139 
                        </div>
140 
                    </div>
141 
                    <div class="col-md-4">
142 
                        <!-- Owner Name -->
143 
                        <div class="form-group">
33577 tejus.loha 144 
                            <label>Last Name </label><span
145 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 146 
                            <input type="text" class="form-control" required name="lastName"
147 
                                   placeholder="Enter last name">
33507 tejus.loha 148 
                        </div>
149 
                    </div>
150 
                    <div class="col-md-4">
151 
                        <!-- Mobile No -->
152 
                        <div class="form-group">
33577 tejus.loha 153 
                            <label>Mobile No. </label><span
154 
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 155 
 
33749 tejus.loha 156 
                            <input type="tel" class="form-control" required name="mobile"
157 
                                   placeholder="10-digit Mobile"
158 
                                   maxlength="10"
159 
                                   minlength="10"
160 
                                   pattern="[0-9]"
161 
                                   pla
162 
                                   value="">
33507 tejus.loha 163 
 
164 
                        </div>
165 
                    </div>
166 
                </div>
167 
                <div class="row">
168 
                    <div class="col-md-4">
169 
                        <!-- Landline No -->
170 
                        <div class="form-group">
33577 tejus.loha 171 
                            <label>Alternative Mobile No.</label>
33749 tejus.loha 172 
                            <input type="tel" class="form-control" name="landline"
173 
                                   maxlength="10"
174 
                                   minlength="10"
175 
                                   pattern="[0-9]"
176 
                                   placeholder="Enter Alternative mobile"
177 
                                   value="">
33507 tejus.loha 178 
 
179 
 
180 
                        </div>
181 
                    </div>
182 
                    <div class="col-lg-4"><!-- Email ID -->
183 
                        <div class="form-group">
184 
                            <label>Email ID </label>
33577 tejus.loha 185 
                            <span
186 
                                    style="color:red ;font-size: 140%">*</span>
33658 tejus.loha 187 
 
33749 tejus.loha 188 
                            <input type="email" class="form-control" required name="email" placeholder="Enter Email"
189 
                                   value="">
33507 tejus.loha 190 
 
191 
                        </div>
192 
                    </div>
193 
                    <div class="col-lg-4"> <!-- DOB -->
194 
                        <div class="form-group">
195 
                            <label>DOB </label>
33577 tejus.loha 196 
                            <span
197 
                                    style="color:red ;font-size: 140%">*</span>
33658 tejus.loha 198 
 
33749 tejus.loha 199 
                            <input type="date" class="form-control" required name="dob" placeholder="Enter DOB">
33658 tejus.loha 200 
 
33507 tejus.loha 201 
                        </div>
202 
                    </div>
203 
                </div>
204 
                <div class="row">
33577 tejus.loha 205 
                    <div class="col-lg-3"> <!-- PAN No-->
33507 tejus.loha 206 
                        <div class="form-group">
33577 tejus.loha 207 
                            <label>PAN No</label><span
208 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 209 
                            <input type="text" class="form-control" required name="panNo" placeholder="enter Pan No"
210 
                                   minlength="10"
211 
                                   maxlength="10">
33507 tejus.loha 212 
 
33658 tejus.loha 213 
 
33507 tejus.loha 214 
                        </div>
215 
                    </div>
33577 tejus.loha 216 
                    <div class="col-lg-3"> <!-- Aadhar No-->
33507 tejus.loha 217 
                        <div class="form-group">
33577 tejus.loha 218 
                            <label>Aadhar No</label><span
219 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 220 
                            <input type="tel" class="form-control" required name="adharNo"
221 
                                   placeholder="Adhar Number"
222 
                                   maxlength="12"
223 
                                   minlength="12"
224 
                                   pattern="[0-9]{12}">
33507 tejus.loha 225 
 
226 
                        </div>
227 
                    </div>
33577 tejus.loha 228 
                    <div class="col-lg-3"><!-- ANNIV DT- -->
229 
                        <div class="form-group">
230 
                            <label>Marital Status</label>
231 
                            <span
232 
                                    style="color:red ;font-size: 140%">*</span>
233 
                            <select class="form-control" name="maritalStatus"
234 
                                    placeholder="Marital Status" required id="maritalStatus">
34107 tejus.loha 235 
                                <option disabled selected>Select Marital Status</option>
33577 tejus.loha 236 
                                <option value="0">Single</option>
237 
                                <option value="1">Married</option>
238 
                            </select>
239 
                        </div>
240 
                    </div>
241 
                    <div class="loiAnniversaryDate hide-model">
242 
                        <div class="col-lg-3"><!-- ANNIV DT- -->
243 
                            <div class="form-group">
244 
                                <label>Anniversary Date </label>
245 
                                <span
246 
                                        style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 247 
 
33658 tejus.loha 248 
                                <input type="date" class="form-control" name="anniversaryDate"
33749 tejus.loha 249 
                                       placeholder="Enter Anniversary date" value=" ">
33577 tejus.loha 250 
 
251 
                            </div>
252 
                        </div>
253 
                    </div>
254 
 
255 
 
33507 tejus.loha 256 
                </div>
257 
 
258 
                <h4>Business Detail</h4>
259 
                <!-- GST No-->
260 
                <div class="row">
34107 tejus.loha 261 
                    <div class="col-lg-3 form-group">
262 
                        <label>Business type</label><span
263 
                            style="color:red ;font-size: 140%">*</span>
264 
 
265 
                        <select class="form-control" name="businessType"
266 
                                placeholder="Business type" required>
267 
                            <option value="$businessTypes.get(0)" selected>$businessTypes.get(0)</option>
268 
                            #foreach($businessType in $businessTypes)
269 
                                <option value=$businessType>$businessType</option>
270 
                            #end
271 
                        </select>
272 
 
273 
                    </div>
274 
                    <!--Acquired Date-->
275 
                    <div class="col-lg-3 form-group">
276 
                        <label>Acquired Date</label><span
277 
                            style="color:red ;font-size: 140%">*</span>
278 
                        <input type="date" name="acquiredDate" class="form-control">
279 
 
280 
                    </div>
281 
                </div>
282 
                <div class="row">
33507 tejus.loha 283 
                    <div class="col-lg-6">
284 
                        <div class="form-group">
285 
                            <label>GST No </label>
33577 tejus.loha 286 
                            <span
287 
                                    style="color:red ;font-size: 140%">*</span>
33658 tejus.loha 288 
 
289 
                            <input
33749 tejus.loha 290 
                                    type="text"
291 
                                    class="form-control gstNo"
292 
                                    id="gstValidate"
293 
                                    required
294 
                                    name="gstNo"
295 
                                    placeholder="Enter GST Reg No."
296 
                                    minlength="15"
297 
                                    maxlength="15" value="">
33507 tejus.loha 298 
                        </div>
299 
                    </div>
300 
 
301 
 
302 
                    <div class="col-lg-6">
303 
                        <div class="form-group">
304 
                            <label for="gstName">Company Name:</label>
33577 tejus.loha 305 
                            <span
306 
                                    style="color:red ;font-size: 140%">*</span>
33658 tejus.loha 307 
 
308 
                            <input type="text" class="form-control" id="CompanyName" name="companyName" required
35322 aman 309 
                                   value="" placeholder="Company Name">
33507 tejus.loha 310 
                        </div>
311 
                    </div>
312 
                </div>
313 
                <!-- GST Address -->
314 
                <div class="row">
315 
                    <div class="col-lg-3">
35336 aman 316 
                        <label class="bold-details">PIN CODE</lebel>
33507 tejus.loha 317 
 
33749 tejus.loha 318 
                        <input
319 
                                placeholder="Pin Code" id="gstPinCode"
35336 aman 320 
                                name="gstPin" value=""
35322 aman 321 
                                class="form-control input-sm">
33658 tejus.loha 322 
 
33507 tejus.loha 323 
                    </div>
324 
 
325 
                    <div class="col-lg-3">
326 
                        <div class="form-group">
35336 aman 327 
                            <label for="gstState">State</label>
33658 tejus.loha 328 
 
329 
                            <input placeholder="State"
35336 aman 330 
                                   id="gstState" name="gstState"
33749 tejus.loha 331 
                                   value="" class="form-control input-sm"
35322 aman 332 
                                   style="font-weight: bold;">
33658 tejus.loha 333 
 
33507 tejus.loha 334 
                        </div>
335 
                    </div>
336 
 
337 
                    <div class="col-lg-3">
338 
                        <div class="form-group">
35336 aman 339 
                            <label>City :</label>
33749 tejus.loha 340 
                            <input placeholder="State"
35336 aman 341 
                                   id="gstCity" name="gstCity"
33749 tejus.loha 342 
                                   value="" class="form-control input-sm"
35322 aman 343 
                                   style="font-weight: bold;">
33507 tejus.loha 344 
 
345 
                        </div>
346 
                    </div>
347 
                    <div class="col-lg-3">
348 
                        <div class="form-group">
35336 aman 349 
                            <label for="gstDistrict">District :</label>
33658 tejus.loha 350 
 
35336 aman 351 
                            <input placeholder="District" id="gstDistrict" name="gstDistrict"
352 
                                   class="form-control input-sm"
35322 aman 353 
                                   value="">
33658 tejus.loha 354 
 
33507 tejus.loha 355 
                        </div>
356 
                    </div>
357 
                </div>
358 
                <div><h4>Addition Place of Business</h4></div>
34310 tejus.loha 359 
                <div class="row" id="autoAddress">
33507 tejus.loha 360 
                    <div class="col-lg-6">
361 
                        <div class="form-group">
362 
                            <label>Select Address</label>
34310 tejus.loha 363 
                            <span style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 364 
                            <div id="addlist"></div>
365 
                        </div>
366 
                    </div>
367 
                </div>
34310 tejus.loha 368 
                <div class="row" id="manualAddress">
369 
                </div>
33507 tejus.loha 370 
                <div><h4>Bank Details :</h4></div>
371 
                <div class="row">
372 
                    <!-- Bank name-->
373 
                    <div class="col-lg-4">
374 
                        <div class="form-group">
33577 tejus.loha 375 
                            <label>Bank name :</label><span
376 
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 377 
 
33658 tejus.loha 378 
                            <input type="text" class="form-control" required name="bankName" placeholder="Bank Name"
33749 tejus.loha 379 
                                   value="">
33507 tejus.loha 380 
                        </div>
381 
                    </div>
382 
 
383 
                    <!-- IFSC Code-->
384 
                    <div class="col-lg-4">
385 
                        <div class="form-group">
33577 tejus.loha 386 
                            <label>IFSC Code :</label><span
387 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 388 
                            <input type="text" class="form-control" required name="ifscCode" placeholder="IFSC Code"
389 
                                   value="">
33507 tejus.loha 390 
 
391 
                        </div>
392 
                    </div>
393 
 
394 
                    <!-- Account No.-->
395 
                    <div class="col-lg-4">
396 
                        <div class="form-group">
33577 tejus.loha 397 
                            <label>Account No :</label><span
398 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 399 
                            <input type="number" class="form-control" required name="accountNo"
400 
                                   placeholder="Account Number" value="">
33507 tejus.loha 401 
                        </div>
402 
                    </div>
403 
                </div>
404 
                <!-- Agreed Minimum Wallet value (INR) -->
405 
                <div><h4>Store Details </h4></div>
406 
                <div class="row">
33909 tejus.loha 407 
                    <div class="col-lg-3">
33507 tejus.loha 408 
                        <div class="form-group" style="text-align: left;">
33577 tejus.loha 409 
                            <label>Minimum Wallet value :</label><span
410 
                                style="color:red ;font-size: 140%">*</span>
33658 tejus.loha 411 
 
412 
                            <select class="form-control" name="agreeWalletValue" required>
33749 tejus.loha 413 
                                <option value="600000">600000</option>
414 
                                <option value="700000">700000</option>
415 
                                <option value="800000">800000</option>
416 
                                <option value="900000">900000</option>
417 
                                <option value="1000000">1000000</option>
418 
                                <option value="1100000">1100000</option>
419 
                                <option value="1200000">1200000</option>
420 
                                <option value="1500000">1500000</option>
421 
                                <option value="2000000">2000000</option>
422 
                                <option value="2500000">2500000</option>
423 
                                <option value="3000000">3000000</option>
424 
                            </select>
33507 tejus.loha 425 
                        </div>
426 
 
427 
                    </div>
428 
                    <!-- Store area (sq ft) -->
33909 tejus.loha 429 
                    <div class="col-lg-3">
33507 tejus.loha 430 
                        <div class="form-group">
33577 tejus.loha 431 
                            <label>Store area </label><span
432 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 433 
                            <input type="number" class="form-control" id="storeArea" required
434 
                                   name="storeArea" placeholder="in square feet" value="">
33658 tejus.loha 435 
 
33507 tejus.loha 436 
                        </div>
437 
                    </div>
33909 tejus.loha 438 
                    <div class="col-lg-3">
33507 tejus.loha 439 
                        <!-- Store Potential -->
440 
                        <div class="form-group">
33577 tejus.loha 441 
                            <label>Store Potential</label><span
442 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 443 
                            <input type="number" class="form-control" required name="storePotential"
444 
                                   min="400000" id="storePotential"
445 
                                   placeholder="Store Potential" value="">
33507 tejus.loha 446 
                        </div>
447 
                    </div>
35971 aman 448 
                </div>
449 
                <div class="row">
450 
                    <div class="col-lg-12">
451 
                        <h4>Finance Codes</h4>
452 
                    </div>
453 
                    #foreach($finOption in $paperFinanceOptions)
454 
                        <div class="col-lg-3">
455 
                            <div class="form-group">
456 
                                <label>$finOption.getName()</label>
457 
                                <input type="text" class="form-control finance-code-input"
458 
                                       data-payment-option-id="$finOption.getId()"
459 
                                       name="finCode_$finOption.getId()"
460 
                                       placeholder="Finance code" value="">
461 
                            </div>
33909 tejus.loha 462 
                        </div>
35971 aman 463 
                    #end
33507 tejus.loha 464 
                </div>
35971 aman 465 
                <h4>Brand Commitment (Qty)</h4>
34310 tejus.loha 466 
                <div id="loiBrandCommitment form-contro" class="row">
33658 tejus.loha 467 
                    #foreach($brandCommit in $brandCommits)
34316 tejus.loha 468 
                        <div class="col-lg-3">
469 
                            <div class="form-group">
35971 aman 470 
                                <label>$brandCommit.getBrand() (Qty)</label><span
34316 tejus.loha 471 
                                    style="color:red ;font-size: 140%">*</span>
472 
                                <input type="number" class="form-control brand-commitment" required
35971 aman 473 
                                       name="$brandCommit.getBrand()" min="0" max="1000" placeholder="0" value="">
33658 tejus.loha 474 
                            </div>
34316 tejus.loha 475 
                        </div>
33658 tejus.loha 476 
                    #end
34310 tejus.loha 477 
                    <div>
33658 tejus.loha 478 
                        <div class="col-lg-3">
479 
                            <div class="form-group">
35971 aman 480 
                                <label>Accessories (Qty)</label><span
33658 tejus.loha 481 
                                    style="color:red ;font-size: 140%">*</span>
482 
                                <input type="number" class="form-control brand-commitment" required
35971 aman 483 
                                       name="Accessories" min="0" max="1000" placeholder="0" value="">
33658 tejus.loha 484 
                            </div>
485 
                        </div>
486 
                        <div class="col-lg-3">
487 
                            <div class="form-group">
35971 aman 488 
                                <label>Other (Qty)</label><span
33658 tejus.loha 489 
                                    style="color:red ;font-size: 140%">*</span>
490 
                                <input type="number" class="form-control brand-commitment" required
35971 aman 491 
                                       name="Other" min="0" max="1000" placeholder="0" value="">
33658 tejus.loha 492 
                            </div>
493 
                        </div>
34310 tejus.loha 494 
                        <div class="col-lg-3">
495 
                            <div class="form-group">
35971 aman 496 
                                <label>Total Qty</label>
34310 tejus.loha 497 
                                <span style="font-size: 140%"></span>
498 
                                <input type="number" class="form-control " name="totaCommitmentAmount" id="totalAmount"
499 
                                       readonly required
35971 aman 500 
                                       placeholder="Total Qty" value="">
34310 tejus.loha 501 
                            </div>
502 
                        </div>
33658 tejus.loha 503 
                    </div>
35971 aman 504 
                    <div id="lessCommitReasonSection" style="display: none;">
505 
                        <div class="col-lg-12">
506 
                            <div class="form-group">
507 
                                <label>Reason for Less Commitment</label><span
508 
                                    style="color:red ;font-size: 140%">*</span>
509 
                                <textarea class="form-control" name="lessCommitReason" rows="2"
510 
                                          placeholder="Please provide reason for commitment below 70% of store potential"></textarea>
511 
                            </div>
33507 tejus.loha 512 
                        </div>
513 
                    </div>
514 
                </div>
515 
                ##                Agreed Brand fees (INR)
516 
                <div class="row">
33885 tejus.loha 517 
                    <div class="col-lg-4">
33507 tejus.loha 518 
                        <div class="form-group">
33577 tejus.loha 519 
                            <label>Agreed Brand fees</label><span
520 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 521 
                            <select name="agreedBrandFees" class="form-control">
34107 tejus.loha 522 
                                <option selected disabled>Select Brand Fee</option>
33749 tejus.loha 523 
                                #foreach($storeTypeFeePair in $storeTypeFeePairs)
524 
                                    #set($storeType1 =$storeTypeFeePair.getKey())
525 
                                    #set($brandFee = $storeTypeFeePair.getValue())
526 
                                    #if($brandFee.getFeeByStoreType($storeType1)>0)
33507 tejus.loha 527 
                                        <option value="$storeTypeFeePair.getKey()-$brandFee.getFeeByStoreType($storeType1)-$brandFee.getId()"> $storeType1
528 
                                            ($brandFee.getFeeByStoreType($storeType1))
529 
                                        </option>
530 
                                    #end
33749 tejus.loha 531 
                                #end
532 
                            </select>
33507 tejus.loha 533 
                        </div>
534 
                    </div>
535 
 
536 
                    <!-- Brand fees collected (INR) -->
33885 tejus.loha 537 
                    <div class="col-lg-4">
33507 tejus.loha 538 
                        <div class="form-group">
33577 tejus.loha 539 
                            <label>Brand fees collected</label><span
540 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 541 
                            <input type="number" class="form-control " id="brandFeesCollected" required
542 
                                   name="brandFeesCollected" placeholder="500000">
33507 tejus.loha 543 
                        </div>
544 
                    </div>
545 
                    <!-- Mode of Payment Online/Cheque/IMPS/NEFT/RTGS/Wallet -->
33885 tejus.loha 546 
                    <div class="col-lg-4">
33507 tejus.loha 547 
                        <div class="form-group">
33577 tejus.loha 548 
                            <label>Mode of Payment</label><span
549 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 550 
                            <select class="form-control" name="paymentMode" required>
551 
                                <option value="">Select mode</option>
552 
                                <option value="UPI">UPI</option>
553 
                                <option value="Cheque">Cheque</option>
554 
                                <option value="IMPS">IMPS</option>
555 
                                <option value="NEFT">NEFT</option>
556 
                                <option value="RTGS">RTGS</option>
557 
                            </select>
33507 tejus.loha 558 
                        </div>
559 
                    </div>
33885 tejus.loha 560 
                </div>
34026 tejus.loha 561 
                <!-- Payment reference no -->
33885 tejus.loha 562 
                <div class="row">
563 
                    <div class="col-lg-4">
33507 tejus.loha 564 
                        <div class="form-group">
33577 tejus.loha 565 
                            <label>Payment Reference No</label><span
566 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 567 
                            <input type="text" class="form-control" id="paymentReferenceNo" required
35971 aman 568 
                                   name="paymentReferenceNo" placeholder="Payment Reference No">
33507 tejus.loha 569 
                        </div>
570 
                    </div>
33578 tejus.loha 571 
                    <!-- fee collection date -->
33885 tejus.loha 572 
                    <div class="col-lg-4">
33578 tejus.loha 573 
                        <div class="form-group">
574 
                            <label>Fee collecting Date</label><span
575 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 576 
                            <input type="datetime-local" class="form-control " id="feeCollectingDate" required
577 
                                   name="feeCollectingDate">
33578 tejus.loha 578 
                        </div>
579 
                    </div>
33885 tejus.loha 580 
                    <div class="col-lg-4">
581 
                        <div class="form-group">
582 
                            <label>Attach Screenshot</label><span
583 
                                style="color:red ;font-size: 140%">*</span>
584 
                            <input type="hidden" id="payment-sc-docId" name="paymentAttachment">
37458 aman 585 
                            <input type="file" class="form-control" id="payment-sc-doc" required
586 
                                   accept=".jpg,.jpeg,.png,.pdf,image/jpeg,image/png,application/pdf">
587 
                            <span id="payment-sc-status" class="help-block"></span>
33885 tejus.loha 588 
                        </div>
589 
                    </div>
33507 tejus.loha 590 
                </div>
591 
                <!-- Submit button-->
592 
                <div class="form-group" style="text-align: center; margin-bottom:2px;">
33749 tejus.loha 593 
                    <button type="button"
34107 tejus.loha 594 
                            class="btn btn-success text-white font-semibold py-1 px-4 rounded background-red mk_submit_loi_form"
33749 tejus.loha 595 
                            style="box-shadow:none;margin-bottom:2px;">
596 
                        <span>Submit</span>
597 
                    </button>
33507 tejus.loha 598 
                </div>
599 
            </form>
600 
        </div>
601 
    </div>
33658 tejus.loha 602 
 
33507 tejus.loha 603 
</section>
604 
<script>
37498 amit 605 
    // Fragment is re-injected with .html(), which re-runs this script; clear the
606 
    // namespace first so handlers replace rather than stack.
607 
    $(document).off('.loiform');
37523 ranu 608 
 
609 
    $(document).on('change.loiform', 'input[name="loiOnboardingType"]', function () {
610 
        const type = $('input[name="loiOnboardingType"]:checked').val();
611 
        const showOldCode = (type === 'REVIVAL');
612 
        const showReason = (type === 'REVIVAL' || type === 'ANY_OTHER');
613 
        $('#loiOldStoreCodeRow').toggleClass('hide-model', !showOldCode)
614 
                .toggleClass('show-model', showOldCode);
615 
        $('#loiRevivalReasonRow').toggleClass('hide-model', !showReason)
616 
                .toggleClass('show-model', showReason);
617 
        $('#loiRevivalReasonLabel').text(
618 
                type === 'ANY_OTHER' ? 'Reason (Any Other)' : 'Reason for Revival');
619 
        if (!showOldCode) {
620 
            $('#loiOldStoreCode').val('');
621 
            $('#loiOldStoreCodeStatus').text('').css('color', '');
622 
        }
623 
        if (!showReason) $('#loiRevivalReason').val('');
624 
    });
625 
 
37498 amit 626 
    $(document).on('blur.loiform', 'input[name="storePotential"]', function () {
34310 tejus.loha 627 
        const walletValue = parseInt($('select[name="agreeWalletValue"]').val());
628 
        const storePotantial = parseInt($('input[name="storePotential"]').val());
34314 tejus.loha 629 
        if (walletValue > storePotantial) {
34085 tejus.loha 630 
            alert("Store Potential must be greater than or equal to Wallet Value ")
631 
            return false;
632 
        }
33507 tejus.loha 633 
 
34085 tejus.loha 634 
    });
33507 tejus.loha 635 
 
33658 tejus.loha 636 
    $(".gstNo").change(function () {
637 
        var inputGstNo = $(this).val();
638 
        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}$');
639 
        if (gstinformat.test(inputGstNo)) {
640 
            doGetAjaxRequestHandler(`${context}/gstValidate?gstNo=` + inputGstNo,
641 
                    function (response) {
34316 tejus.loha 642 
                        console.log("resType--", typeof response)
643 
                        console.log("res----", response)
35322 aman 644 
                        if (response && Object.keys(response).length > 0) {
34310 tejus.loha 645 
                            if (response.sts === "Active") {
34316 tejus.loha 646 
                                $('#manualAddress').empty();
647 
                                $('#manualAddress').hide();
34310 tejus.loha 648 
                                $("#autoAddress").show();
649 
                                $("#CompanyName").val(response.tradeNam);
650 
                                $("#gstPinCode").val(response.pradr.addr.pncd);
651 
                                $("#gstState").val(response.pradr.addr.stcd);
652 
                                $("#gstCity").val(response.pradr.addr.loc);
653 
                                $("#gstDistrict").val(response.pradr.addr.dst);
654 
                                var selectOptions = [];
655 
                                var addresses = response.adadr;
656 
                                selectOptions.push(`<select id="billingAddress" name="billingAddress" class="form-control">`);
657 
                                addresses.forEach((pradr) => {
658 
                                    var addrString = getAddressString(pradr.addr);
659 
                                    var addrStringify = JSON.stringify(pradr.addr);
660 
                                    selectOptions.push(`<option value='${addrStringify}'>
33507 tejus.loha 661 
                                      ${addrString}
662 
                                </option>`);
34310 tejus.loha 663 
                                });
664 
                                selectOptions.push(`</select>`);
665 
                                $('#addlist').html(selectOptions.join(''));
666 
                            } else {
667 
                                alert("GSTIN - " + inputGstNo + " is not Active")
34316 tejus.loha 668 
                                $('#addlist').html("");
34310 tejus.loha 669 
                            }
35322 aman 670 
                        } else {
671 
                            alert("Unable to validate GST. Please check the GST number.");
672 
                            $('#addlist').html("");
34026 tejus.loha 673 
                        }
34616 tejus.loha 674 
                        // else {
675 
                        //     alert("Problem to fatching Details From GST , Please Enter manually")
676 
                        //     $('#addlist').html("");
677 
                        //     $("#CompanyName").removeAttr('readonly');
678 
                        //     $("#CompanyName").val("");
679 
                        //     const addrFieldData = {
680 
                        //         "bno": "Building no",
681 
                        //         "bnm": "Building Name",
682 
                        //         "st": "Street",
683 
                        //         "locality": "Locality",
684 
                        //         "loc": "City",
685 
                        //         "dst": "District",
686 
                        //         "pncd": "Pincode",
687 
                        //         "stcd": "State"
688 
                        //     };
689 
                        //     $('#manualAddress').show();
690 
                        //     // Dynamically create input fields
691 
                        //     Object.keys(addrFieldData).forEach(function (field) {
692 
                        //         $('#manualAddress').append('<div class="address-field"><div class="col-md-3"><label for="' + field + '">' + addrFieldData[field] + ':</label><input class="form-control" id="' + field + '" name="' + field + '" placeholder="' + addrFieldData[field] + '"></div></div>');
693 
                        //     });
694 
                        //
695 
                        //
696 
                        // }
33658 tejus.loha 697 
                    });
698 
        } else {
699 
            alert('Please Enter Valid GSTIN Number');
700 
            $(".gstNo").val('');
701 
            $(".gstNo").focus();
702 
        }
33507 tejus.loha 703 
    });
704 
 
33658 tejus.loha 705 
 
33507 tejus.loha 706 
    function getAddressString(addr) {
707 
        addrFields = ["bno", "bnm", "st", "locality", "loc", "pncd", "stcd"];
708 
        addresArr = [];
709 
        for (let i = 0; i < addrFields.length; i++) {
710 
            if (addr.hasOwnProperty(addrFields[i]) && addr[addrFields[i]] !== "") {
711 
                addresArr.push(addr[addrFields[i]]);
712 
            }
713 
        }
714 
        return addresArr.join(", ");
715 
    }
716 
 
33658 tejus.loha 717 
    $(document).ready(function () {
34310 tejus.loha 718 
        $("#autoAddress").hide();
33658 tejus.loha 719 
        var brandCommitmentInputs = document.querySelectorAll(".brand-commitment");
720 
        var totalCommitmentAmount = 0;
721 
        brandCommitmentInputs[brandCommitmentInputs.length - 1].addEventListener("blur", function () {
722 
            updateTotalCommitmentAmount();
723 
        });
724 
 
725 
        function updateTotalCommitmentAmount() {
35971 aman 726 
            // Recalculate the total commitment qty
33658 tejus.loha 727 
            totalCommitmentAmount = 0;
35971 aman 728 
            var hasInvalidQty = false;
33658 tejus.loha 729 
            brandCommitmentInputs.forEach(function (input) {
730 
                var commitmentValue = parseInt(input.value);
731 
                if (!isNaN(commitmentValue)) {
35971 aman 732 
                    if (commitmentValue > 1000) {
733 
                        hasInvalidQty = true;
734 
                        input.classList.add('border-red');
735 
                    } else {
736 
                        input.classList.remove('border-red');
737 
                        totalCommitmentAmount += commitmentValue;
738 
                    }
33658 tejus.loha 739 
                }
740 
            });
741 
 
35971 aman 742 
            if (hasInvalidQty) {
743 
                alert("Quantity per brand cannot exceed 1000. Please enter valid quantities.");
744 
            }
745 
 
33658 tejus.loha 746 
            var totalCommitmentInput = document.getElementById("totalAmount");
747 
            totalCommitmentInput.value = totalCommitmentAmount;
748 
 
35971 aman 749 
            // Check 70% validation: (totalQty × 20000) >= 70% of storePotential
750 
            var storePotential = parseInt($('input[name="storePotential"]').val()) || 0;
751 
            var estimatedValue = totalCommitmentAmount * 20000;
752 
            var minRequired = 0.7 * storePotential;
753 
            var lessCommitSection = document.getElementById("lessCommitReasonSection");
754 
            if (estimatedValue < minRequired && storePotential > 0) {
755 
                lessCommitSection.style.display = "block";
33658 tejus.loha 756 
            } else {
35971 aman 757 
                lessCommitSection.style.display = "none";
33658 tejus.loha 758 
            }
759 
        }
760 
    });
34829 aman 761 
    $(".gstNo").on("input", function () {
762 
        this.value = this.value.toUpperCase();
763 
    });
33507 tejus.loha 764 
</script>