Subversion Repositories SmartDukaan

Rev

Go to most recent revision | Details | 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 
 
33507 tejus.loha 26 
</style>
27 
<section class="wrapper">
28 
    <div class="row">
29 
        <div class="col-lg-12">
30 
            <h3 class="page-header" style="text-align: center ;color:#d3181f">LOI form</h3>
31 
            <ol class="breadcrumb">
32 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">#springMessage(
33 
                    "reportdailycollection.home")</a></li>
34 
                <li><i class="icon_document_alt"></i>LOI Form</li>
35 
            </ol>
36 
        </div>
37 
    </div>
33658 tejus.loha 38 
 
33507 tejus.loha 39 
    <div class="col-md-12">
40 
        <div class="container well">
41 
            <form name="Loi_Form" id="Loi_Form" method="post" style="margin-top:40px;">
42 
                <div class="row">
43 
                    <div class="col-lg-3 form-group">
33579 tejus.loha 44 
                        <label>Refer By(BGC Team)</label>
33658 tejus.loha 45 
 
33749 tejus.loha 46 
                        <select class="form-control type" name="referId" required>
33658 tejus.loha 47 
 
33749 tejus.loha 48 
                            <option value="" selected>
49 
                                Select BGC
50 
                            </option>
51 
                            #foreach($authUsers in $authUsersList)
52 
                                <option value=$authUsers.getId()>$authUsers.getFullName() </option>
53 
                            #end
54 
                        </select>
33658 tejus.loha 55 
 
33507 tejus.loha 56 
                    </div>
57 
                    <div class="col-lg-3 form-group">
33577 tejus.loha 58 
                        <label>Business type</label><span
59 
                            style="color:red ;font-size: 140%">*</span>
33658 tejus.loha 60 
 
33749 tejus.loha 61 
                        <select class="form-control" name="businessType"
62 
                                placeholder="Business type" required>
63 
                            <option value="$businessTypes.get(0)" selected>$businessTypes.get(0)</option>
64 
                            #foreach($businessType in $businessTypes)
65 
                                <option value=$businessType>$businessType</option>
66 
                            #end
67 
                        </select>
33658 tejus.loha 68 
 
33507 tejus.loha 69 
                    </div>
33582 tejus.loha 70 
                    <!--Acquired Date-->
71 
                    <div class="col-lg-3 form-group">
72 
                        <label>Acquired Date</label><span
73 
                            style="color:red ;font-size: 140%">*</span>
74 
                        <input type="date" name="acquiredDate" class="form-control">
75 
 
76 
                    </div>
33507 tejus.loha 77 
                </div>
78 
                <div>
79 
                    <h4>Personal Details</h4>
80 
                </div>
81 
                <div class="row">
82 
                    <div class="col-md-4">
83 
                        <!-- Owner Name -->
84 
                        <div class="form-group">
33577 tejus.loha 85 
                            <label>First Name </label><span
86 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 87 
                            <input type="text" class="form-control" required name="firstName"
88 
                                   placeholder="Enter first name">
33658 tejus.loha 89 
 
33507 tejus.loha 90 
                        </div>
91 
                    </div>
92 
                    <div class="col-md-4">
93 
                        <!-- Owner Name -->
94 
                        <div class="form-group">
33577 tejus.loha 95 
                            <label>Last Name </label><span
96 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 97 
                            <input type="text" class="form-control" required name="lastName"
98 
                                   placeholder="Enter last name">
33507 tejus.loha 99 
                        </div>
100 
                    </div>
101 
                    <div class="col-md-4">
102 
                        <!-- Mobile No -->
103 
                        <div class="form-group">
33577 tejus.loha 104 
                            <label>Mobile No. </label><span
105 
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 106 
 
33749 tejus.loha 107 
                            <input type="tel" class="form-control" required name="mobile"
108 
                                   placeholder="10-digit Mobile"
109 
                                   maxlength="10"
110 
                                   minlength="10"
111 
                                   pattern="[0-9]"
112 
                                   pla
113 
                                   value="">
33507 tejus.loha 114 
 
115 
                        </div>
116 
                    </div>
117 
                </div>
118 
                <div class="row">
119 
                    <div class="col-md-4">
120 
                        <!-- Landline No -->
121 
                        <div class="form-group">
33577 tejus.loha 122 
                            <label>Alternative Mobile No.</label>
33749 tejus.loha 123 
                            <input type="tel" class="form-control" name="landline"
124 
                                   maxlength="10"
125 
                                   minlength="10"
126 
                                   pattern="[0-9]"
127 
                                   placeholder="Enter Alternative mobile"
128 
                                   value="">
33507 tejus.loha 129 
 
130 
 
131 
                        </div>
132 
                    </div>
133 
                    <div class="col-lg-4"><!-- Email ID -->
134 
                        <div class="form-group">
135 
                            <label>Email ID </label>
33577 tejus.loha 136 
                            <span
137 
                                    style="color:red ;font-size: 140%">*</span>
33658 tejus.loha 138 
 
33749 tejus.loha 139 
                            <input type="email" class="form-control" required name="email" placeholder="Enter Email"
140 
                                   value="">
33507 tejus.loha 141 
 
142 
                        </div>
143 
                    </div>
144 
                    <div class="col-lg-4"> <!-- DOB -->
145 
                        <div class="form-group">
146 
                            <label>DOB </label>
33577 tejus.loha 147 
                            <span
148 
                                    style="color:red ;font-size: 140%">*</span>
33658 tejus.loha 149 
 
33749 tejus.loha 150 
                            <input type="date" class="form-control" required name="dob" placeholder="Enter DOB">
33658 tejus.loha 151 
 
33507 tejus.loha 152 
                        </div>
153 
                    </div>
154 
                </div>
155 
                <div class="row">
33577 tejus.loha 156 
                    <div class="col-lg-3"> <!-- PAN No-->
33507 tejus.loha 157 
                        <div class="form-group">
33577 tejus.loha 158 
                            <label>PAN No</label><span
159 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 160 
                            <input type="text" class="form-control" required name="panNo" placeholder="enter Pan No"
161 
                                   minlength="10"
162 
                                   maxlength="10">
33507 tejus.loha 163 
 
33658 tejus.loha 164 
 
33507 tejus.loha 165 
                        </div>
166 
                    </div>
33577 tejus.loha 167 
                    <div class="col-lg-3"> <!-- Aadhar No-->
33507 tejus.loha 168 
                        <div class="form-group">
33577 tejus.loha 169 
                            <label>Aadhar No</label><span
170 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 171 
                            <input type="tel" class="form-control" required name="adharNo"
172 
                                   placeholder="Adhar Number"
173 
                                   maxlength="12"
174 
                                   minlength="12"
175 
                                   pattern="[0-9]{12}">
33507 tejus.loha 176 
 
177 
                        </div>
178 
                    </div>
33577 tejus.loha 179 
                    <div class="col-lg-3"><!-- ANNIV DT- -->
180 
                        <div class="form-group">
181 
                            <label>Marital Status</label>
182 
                            <span
183 
                                    style="color:red ;font-size: 140%">*</span>
184 
                            <select class="form-control" name="maritalStatus"
185 
                                    placeholder="Marital Status" required id="maritalStatus">
186 
                                <option value=""></option>
187 
                                <option value="0">Single</option>
188 
                                <option value="1">Married</option>
189 
                            </select>
190 
                        </div>
191 
                    </div>
192 
                    <div class="loiAnniversaryDate hide-model">
193 
                        <div class="col-lg-3"><!-- ANNIV DT- -->
194 
                            <div class="form-group">
195 
                                <label>Anniversary Date </label>
196 
                                <span
197 
                                        style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 198 
 
33658 tejus.loha 199 
                                <input type="date" class="form-control" name="anniversaryDate"
33749 tejus.loha 200 
                                       placeholder="Enter Anniversary date" value=" ">
33577 tejus.loha 201 
 
202 
                            </div>
203 
                        </div>
204 
                    </div>
205 
 
206 
 
33507 tejus.loha 207 
                </div>
208 
 
209 
                <h4>Business Detail</h4>
210 
                <!-- GST No-->
211 
                <div class="row">
212 
                    <div class="col-lg-6">
213 
                        <div class="form-group">
214 
                            <label>GST No </label>
33577 tejus.loha 215 
                            <span
216 
                                    style="color:red ;font-size: 140%">*</span>
33658 tejus.loha 217 
 
218 
                            <input
33749 tejus.loha 219 
                                    type="text"
220 
                                    class="form-control gstNo"
221 
                                    id="gstValidate"
222 
                                    required
223 
                                    name="gstNo"
224 
                                    placeholder="Enter GST Reg No."
225 
                                    minlength="15"
226 
                                    maxlength="15" value="">
33507 tejus.loha 227 
 
228 
                        </div>
229 
                    </div>
230 
 
231 
 
232 
                    <div class="col-lg-6">
233 
                        <div class="form-group">
234 
                            <label for="gstName">Company Name:</label>
33577 tejus.loha 235 
                            <span
236 
                                    style="color:red ;font-size: 140%">*</span>
33658 tejus.loha 237 
 
238 
                            <input type="text" class="form-control" id="CompanyName" name="companyName" required
33749 tejus.loha 239 
                                   value="" readonly>
33507 tejus.loha 240 
                        </div>
241 
                    </div>
242 
                </div>
243 
                <!-- GST Address -->
244 
                <div class="row">
245 
                    <div class="col-lg-3">
33577 tejus.loha 246 
                        ##                                        <label class="bold-details">PIN CODE</lebel>
33507 tejus.loha 247 
 
33749 tejus.loha 248 
                        <input
249 
                                placeholder="Pin Code" id="gstPinCode"
250 
                                name="gstPin" type="hidden" value=""
251 
                                class="form-control input-sm" readonly>
33658 tejus.loha 252 
 
33507 tejus.loha 253 
                    </div>
254 
 
255 
                    <div class="col-lg-3">
256 
                        <div class="form-group">
257 
                            ##                                            <label for="gstState">State</label>
33658 tejus.loha 258 
 
259 
                            <input placeholder="State"
33749 tejus.loha 260 
                                   id="gstState" name="gstState" type="hidden"
261 
                                   value="" class="form-control input-sm"
262 
                                   style="font-weight: bold;" readonly>
33658 tejus.loha 263 
 
33507 tejus.loha 264 
                        </div>
265 
                    </div>
266 
 
267 
                    <div class="col-lg-3">
268 
                        <div class="form-group">
33658 tejus.loha 269 
                            ## <label>City :</label>
33749 tejus.loha 270 
                            <input placeholder="State"
271 
                                   id="gstCity" name="gstCity" type="hidden"
272 
                                   value="" class="form-control input-sm"
273 
                                   style="font-weight: bold;" readonly>
33507 tejus.loha 274 
 
275 
                        </div>
276 
                    </div>
277 
                    <div class="col-lg-3">
278 
                        <div class="form-group">
279 
                            ##                                            <label for="gstDistrict">District :</label>
33658 tejus.loha 280 
 
281 
                            <input id="gstDistrict" type="hidden" name="gstDistrict" class="form-control input-sm"
33749 tejus.loha 282 
                                   value="" readonly>
33658 tejus.loha 283 
 
33507 tejus.loha 284 
                        </div>
285 
                    </div>
286 
                </div>
287 
                <div><h4>Addition Place of Business</h4></div>
288 
                <div class="row">
289 
                    <div class="col-lg-6">
290 
                        <div class="form-group">
291 
                            <label>Select Address</label>
33577 tejus.loha 292 
                            <span
293 
                                    style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 294 
                            <div id="addlist"></div>
295 
                        </div>
296 
                    </div>
297 
                </div>
298 
                <div><h4>Bank Details :</h4></div>
299 
                <div class="row">
300 
                    <!-- Bank name-->
301 
                    <div class="col-lg-4">
302 
                        <div class="form-group">
33577 tejus.loha 303 
                            <label>Bank name :</label><span
304 
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 305 
 
33658 tejus.loha 306 
                            <input type="text" class="form-control" required name="bankName" placeholder="Bank Name"
33749 tejus.loha 307 
                                   value="">
33507 tejus.loha 308 
                        </div>
309 
                    </div>
310 
 
311 
                    <!-- IFSC Code-->
312 
                    <div class="col-lg-4">
313 
                        <div class="form-group">
33577 tejus.loha 314 
                            <label>IFSC Code :</label><span
315 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 316 
                            <input type="text" class="form-control" required name="ifscCode" placeholder="IFSC Code"
317 
                                   value="">
33507 tejus.loha 318 
 
319 
                        </div>
320 
                    </div>
321 
 
322 
                    <!-- Account No.-->
323 
                    <div class="col-lg-4">
324 
                        <div class="form-group">
33577 tejus.loha 325 
                            <label>Account No :</label><span
326 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 327 
                            <input type="number" class="form-control" required name="accountNo"
328 
                                   placeholder="Account Number" value="">
33507 tejus.loha 329 
                        </div>
330 
                    </div>
331 
                </div>
332 
                <!-- Agreed Minimum Wallet value (INR) -->
333 
                <div><h4>Store Details </h4></div>
334 
                <div class="row">
335 
                    <div class="col-lg-4">
336 
                        <div class="form-group" style="text-align: left;">
33577 tejus.loha 337 
                            <label>Minimum Wallet value :</label><span
338 
                                style="color:red ;font-size: 140%">*</span>
33658 tejus.loha 339 
 
340 
                            <select class="form-control" name="agreeWalletValue" required>
33749 tejus.loha 341 
                                <option value="600000">600000</option>
342 
                                <option value="700000">700000</option>
343 
                                <option value="800000">800000</option>
344 
                                <option value="900000">900000</option>
345 
                                <option value="1000000">1000000</option>
346 
                                <option value="1100000">1100000</option>
347 
                                <option value="1200000">1200000</option>
348 
                                <option value="1500000">1500000</option>
349 
                                <option value="2000000">2000000</option>
350 
                                <option value="2500000">2500000</option>
351 
                                <option value="3000000">3000000</option>
352 
                            </select>
33507 tejus.loha 353 
                        </div>
354 
 
355 
                    </div>
356 
                    <!-- Store area (sq ft) -->
357 
                    <div class="col-lg-4">
358 
                        <div class="form-group">
33577 tejus.loha 359 
                            <label>Store area </label><span
360 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 361 
                            <input type="number" class="form-control" id="storeArea" required
362 
                                   name="storeArea" placeholder="in square feet" value="">
33658 tejus.loha 363 
 
33507 tejus.loha 364 
                        </div>
365 
                    </div>
366 
                    <div class="col-lg-4">
367 
                        <!-- Store Potential -->
368 
                        <div class="form-group">
33577 tejus.loha 369 
                            <label>Store Potential</label><span
370 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 371 
                            <input type="number" class="form-control" required name="storePotential"
372 
                                   min="400000" id="storePotential"
373 
                                   placeholder="Store Potential" value="">
33507 tejus.loha 374 
                        </div>
375 
                    </div>
376 
                </div>
377 
                <h4>Brand Commitment</h4>
33658 tejus.loha 378 
                <div id="loiBrandCommitment form-contro">
379 
                    #foreach($brandCommit in $brandCommits)
380 
                        <div class="row">
381 
                            <div class="col-lg-3">
382 
                                <div class="form-group">
383 
                                    <label>$brandCommit.getBrand()</label><span
384 
                                        style="color:red ;font-size: 140%">*</span>
385 
                                    <input type="number" class="form-control brand-commitment" required
386 
                                           name="$brandCommit.getBrand()" value="">
387 
                                </div>
388 
                            </div>
389 
                        </div>
390 
                    #end
391 
                    <div class="row">
392 
                        <div class="col-lg-3">
393 
                            <div class="form-group">
394 
                                <label>Accessories</label><span
395 
                                    style="color:red ;font-size: 140%">*</span>
396 
                                <input type="number" class="form-control brand-commitment" required
397 
                                       name="Accessories" value="">
398 
                            </div>
399 
                        </div>
400 
                        <div class="col-lg-3">
401 
                            <div class="form-group">
402 
                                <label>Other</label><span
403 
                                    style="color:red ;font-size: 140%">*</span>
404 
                                <input type="number" class="form-control brand-commitment" required
405 
                                       name="Other" value="">
406 
                            </div>
407 
                        </div>
408 
                    </div>
409 
                </div>
33507 tejus.loha 410 
                <div class="row">
411 
                    <div class="col-lg-3">
412 
                        <div class="form-group">
413 
                            <label>Total Commitment</label>
33658 tejus.loha 414 
                            <input type="number" class="form-control " name="totaCommitmentAmount" id="totalAmount"
415 
                                   readonly required
416 
                                   placeholder="Total Commitment" value="">
33507 tejus.loha 417 
                        </div>
418 
                    </div>
419 
                    <div class="col-lg-4">
420 
                        <div class="form-group hide-textarea" id="textArea">
33577 tejus.loha 421 
                            <label>Reason for less Commit</label><span
422 
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 423 
                            <input type="text" class="form-control " name="lessCommitReason" id="lessCommitReason"
33525 tejus.loha 424 
                                   placeholder="specify the reason"
33577 tejus.loha 425 
                                   value="">
33507 tejus.loha 426 
 
427 
                        </div>
428 
                    </div>
429 
                </div>
430 
                ##                Agreed Brand fees (INR)
431 
                <div class="row">
432 
                    <div class="col-lg-3">
433 
                        <div class="form-group">
33577 tejus.loha 434 
                            <label>Agreed Brand fees</label><span
435 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 436 
                            <select name="agreedBrandFees" class="form-control">
437 
                                #foreach($storeTypeFeePair in $storeTypeFeePairs)
438 
                                    #set($storeType1 =$storeTypeFeePair.getKey())
439 
                                    #set($brandFee = $storeTypeFeePair.getValue())
440 
                                    #if($brandFee.getFeeByStoreType($storeType1)>0)
33507 tejus.loha 441 
                                        <option value="$storeTypeFeePair.getKey()-$brandFee.getFeeByStoreType($storeType1)-$brandFee.getId()"> $storeType1
442 
                                            ($brandFee.getFeeByStoreType($storeType1))
443 
                                        </option>
444 
                                    #end
33749 tejus.loha 445 
                                #end
446 
                            </select>
33507 tejus.loha 447 
                        </div>
448 
                    </div>
449 
 
450 
                    <!-- Brand fees collected (INR) -->
33578 tejus.loha 451 
                    <div class="col-lg-2">
33507 tejus.loha 452 
                        <div class="form-group">
33577 tejus.loha 453 
                            <label>Brand fees collected</label><span
454 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 455 
                            <input type="number" class="form-control " id="brandFeesCollected" required
456 
                                   name="brandFeesCollected" placeholder="500000">
33507 tejus.loha 457 
                        </div>
458 
                    </div>
459 
                    <!-- Mode of Payment Online/Cheque/IMPS/NEFT/RTGS/Wallet -->
33578 tejus.loha 460 
                    <div class="col-lg-2">
33507 tejus.loha 461 
                        <div class="form-group">
33577 tejus.loha 462 
                            <label>Mode of Payment</label><span
463 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 464 
                            <select class="form-control" name="paymentMode" required>
465 
                                <option value="">Select mode</option>
466 
                                <option value="UPI">UPI</option>
467 
                                <option value="Cheque">Cheque</option>
468 
                                <option value="IMPS">IMPS</option>
469 
                                <option value="NEFT">NEFT</option>
470 
                                <option value="RTGS">RTGS</option>
471 
                            </select>
33507 tejus.loha 472 
                        </div>
473 
                    </div>
474 
                    <!-- Payment reference no -->
33578 tejus.loha 475 
                    <div class="col-lg-2">
33507 tejus.loha 476 
                        <div class="form-group">
33577 tejus.loha 477 
                            <label>Payment Reference No</label><span
478 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 479 
                            <input type="text" class="form-control" id="paymentReferenceNo" required
480 
                                   name="paymentReferenceNo" placeholder="">
33507 tejus.loha 481 
                        </div>
482 
                    </div>
33578 tejus.loha 483 
                    <!-- fee collection date -->
484 
                    <div class="col-lg-3">
485 
                        <div class="form-group">
486 
                            <label>Fee collecting Date</label><span
487 
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 488 
                            <input type="datetime-local" class="form-control " id="feeCollectingDate" required
489 
                                   name="feeCollectingDate">
33578 tejus.loha 490 
                        </div>
491 
                    </div>
33507 tejus.loha 492 
                </div>
493 
                <!-- Submit button-->
494 
                <div class="form-group" style="text-align: center; margin-bottom:2px;">
33749 tejus.loha 495 
                    <button type="button"
496 
                            class="btn btn-primary text-white font-semibold py-1 px-4 rounded background-red submitLoiForm"
497 
                            style="box-shadow:none;margin-bottom:2px;">
498 
                        <span>Submit</span>
499 
                    </button>
33507 tejus.loha 500 
                </div>
501 
            </form>
502 
        </div>
503 
    </div>
33658 tejus.loha 504 
 
33507 tejus.loha 505 
</section>
506 
<script>
507 
 
508 
 
33658 tejus.loha 509 
    $(".gstNo").change(function () {
510 
        var inputGstNo = $(this).val();
511 
        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}$');
512 
        if (gstinformat.test(inputGstNo)) {
513 
            doGetAjaxRequestHandler(`${context}/gstValidate?gstNo=` + inputGstNo,
514 
                    function (response) {
515 
                        console.log("gstDetails-", response);
516 
                        $("#CompanyName").val(response.tradeNam);
517 
                        $("#gstPinCode").val(response.pradr.addr.pncd);
518 
                        console.log("pincode-", response.pradr.addr.pncd)
519 
                        $("#gstState").val(response.pradr.addr.stcd);
520 
                        $("#gstCity").val(response.pradr.addr.loc);
521 
                        console.log("loc-", response.pradr.addr.loc)
522 
                        $("#gstDistrict").val(response.pradr.addr.dst);
523 
                        var selectOptions = [];
524 
                        var addresses = response.adadr;
525 
                        selectOptions.push(`<select id="billingAddress" name="billingAddress" class="form-control">`);
526 
                        addresses.forEach((pradr) => {
527 
                            var addrString = getAddressString(pradr.addr);
528 
                            var addrStringify = JSON.stringify(pradr.addr);
529 
                            selectOptions.push(`<option value='${addrStringify}'>
33507 tejus.loha 530 
                                      ${addrString}
531 
                                </option>`);
532 
                        });
33658 tejus.loha 533 
                        selectOptions.push(`</select>`);
534 
                        $('#addlist').html(selectOptions.join(''));
535 
                    });
536 
        } else {
537 
            alert('Please Enter Valid GSTIN Number');
538 
            $(".gstNo").val('');
539 
            $(".gstNo").focus();
540 
        }
33507 tejus.loha 541 
    });
542 
 
33658 tejus.loha 543 
 
33507 tejus.loha 544 
    function getAddressString(addr) {
545 
        addrFields = ["bno", "bnm", "st", "locality", "loc", "pncd", "stcd"];
546 
        addresArr = [];
547 
        for (let i = 0; i < addrFields.length; i++) {
548 
            if (addr.hasOwnProperty(addrFields[i]) && addr[addrFields[i]] !== "") {
549 
                addresArr.push(addr[addrFields[i]]);
550 
            }
551 
        }
552 
        return addresArr.join(", ");
553 
    }
554 
 
33658 tejus.loha 555 
    $(document).ready(function () {
556 
        var brandCommitmentInputs = document.querySelectorAll(".brand-commitment");
557 
        var totalCommitmentAmount = 0;
558 
        brandCommitmentInputs[brandCommitmentInputs.length - 1].addEventListener("blur", function () {
559 
            updateTotalCommitmentAmount();
560 
        });
561 
 
562 
        function updateTotalCommitmentAmount() {
563 
            // Recalculate the total commitment amount
564 
            totalCommitmentAmount = 0;
565 
            brandCommitmentInputs.forEach(function (input) {
566 
                var commitmentValue = parseInt(input.value);
567 
                if (!isNaN(commitmentValue)) {
568 
                    totalCommitmentAmount += commitmentValue;
569 
                }
570 
            });
571 
 
572 
            var totalCommitmentInput = document.getElementById("totalAmount");
573 
            totalCommitmentInput.value = totalCommitmentAmount;
574 
 
575 
            var storePotential = document.getElementById("storePotential").value;
576 
            var minCommitLimit = storePotential * 0.7; // 70% of the store's potential
577 
            if (totalCommitmentAmount >= minCommitLimit) {
578 
                totalCommitmentInput.classList.remove('border-red');
579 
                totalCommitmentInput.classList.add('border-green');
580 
                document.getElementById("textArea").classList.remove('show-textarea');
581 
                document.getElementById("textArea").classList.add('hide-textarea');
582 
            } else {
583 
                alert("Total commit amount should be greater than or equal to 70% of the store's potential. Specify the reason");
584 
                totalCommitmentInput.classList.remove('border-green');
585 
                totalCommitmentInput.classList.add('border-red');
586 
                document.getElementById("textArea").classList.remove('hide-textarea');
587 
                document.getElementById("textArea").classList.add('show-textarea');
588 
                document.getElementById("textArea").focus();
589 
            }
590 
        }
591 
    });
33507 tejus.loha 592 
</script>