Subversion Repositories SmartDukaan

Rev

Rev 33885 | Rev 34026 | Go to most recent revision | 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
 
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">
33885 tejus.loha 41
            <form name="loi-form" id="loi-form" method="post" style="margin-top:40px;">
33507 tejus.loha 42
                <div class="row">
43
                    <div class="col-lg-3 form-group">
33579 tejus.loha 44
                        <label>Refer By(BGC Team)</label>
33909 tejus.loha 45
                        <span style="color:red ;font-size: 140%"></span>
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">
33909 tejus.loha 335
                    <div class="col-lg-3">
33507 tejus.loha 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) -->
33909 tejus.loha 357
                    <div class="col-lg-3">
33507 tejus.loha 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>
33909 tejus.loha 366
                    <div class="col-lg-3">
33507 tejus.loha 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>
33909 tejus.loha 376
                    <div class="col-lg-3">
377
                        <!-- Finance Code -->
378
                        <div class="form-group">
379
                            <label>Finance Code</label>
380
                            <span style="color:red ;font-size: 140%"></span>
381
                            <input type="text" class="form-control" required name="finCode"
382
                                   id="mk_finance_Code"
383
                                   placeholder="Finance code" value="">
384
                        </div>
385
                    </div>
33507 tejus.loha 386
                </div>
387
                <h4>Brand Commitment</h4>
33658 tejus.loha 388
                <div id="loiBrandCommitment form-contro">
389
                    #foreach($brandCommit in $brandCommits)
390
                        <div class="row">
391
                            <div class="col-lg-3">
392
                                <div class="form-group">
393
                                    <label>$brandCommit.getBrand()</label><span
394
                                        style="color:red ;font-size: 140%">*</span>
395
                                    <input type="number" class="form-control brand-commitment" required
396
                                           name="$brandCommit.getBrand()" value="">
397
                                </div>
398
                            </div>
399
                        </div>
400
                    #end
401
                    <div class="row">
402
                        <div class="col-lg-3">
403
                            <div class="form-group">
404
                                <label>Accessories</label><span
405
                                    style="color:red ;font-size: 140%">*</span>
406
                                <input type="number" class="form-control brand-commitment" required
407
                                       name="Accessories" value="">
408
                            </div>
409
                        </div>
410
                        <div class="col-lg-3">
411
                            <div class="form-group">
412
                                <label>Other</label><span
413
                                    style="color:red ;font-size: 140%">*</span>
414
                                <input type="number" class="form-control brand-commitment" required
415
                                       name="Other" value="">
416
                            </div>
417
                        </div>
418
                    </div>
419
                </div>
33507 tejus.loha 420
                <div class="row">
421
                    <div class="col-lg-3">
422
                        <div class="form-group">
423
                            <label>Total Commitment</label>
33658 tejus.loha 424
                            <input type="number" class="form-control " name="totaCommitmentAmount" id="totalAmount"
425
                                   readonly required
426
                                   placeholder="Total Commitment" value="">
33507 tejus.loha 427
                        </div>
428
                    </div>
429
                    <div class="col-lg-4">
430
                        <div class="form-group hide-textarea" id="textArea">
33577 tejus.loha 431
                            <label>Reason for less Commit</label><span
432
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 433
                            <input type="text" class="form-control " name="lessCommitReason" id="lessCommitReason"
33525 tejus.loha 434
                                   placeholder="specify the reason"
33577 tejus.loha 435
                                   value="">
33507 tejus.loha 436
 
437
                        </div>
438
                    </div>
439
                </div>
440
                ##                Agreed Brand fees (INR)
441
                <div class="row">
33885 tejus.loha 442
                    <div class="col-lg-4">
33507 tejus.loha 443
                        <div class="form-group">
33577 tejus.loha 444
                            <label>Agreed Brand fees</label><span
445
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 446
                            <select name="agreedBrandFees" class="form-control">
447
                                #foreach($storeTypeFeePair in $storeTypeFeePairs)
448
                                    #set($storeType1 =$storeTypeFeePair.getKey())
449
                                    #set($brandFee = $storeTypeFeePair.getValue())
450
                                    #if($brandFee.getFeeByStoreType($storeType1)>0)
33507 tejus.loha 451
                                        <option value="$storeTypeFeePair.getKey()-$brandFee.getFeeByStoreType($storeType1)-$brandFee.getId()"> $storeType1
452
                                            ($brandFee.getFeeByStoreType($storeType1))
453
                                        </option>
454
                                    #end
33749 tejus.loha 455
                                #end
456
                            </select>
33507 tejus.loha 457
                        </div>
458
                    </div>
459
 
460
                    <!-- Brand fees collected (INR) -->
33885 tejus.loha 461
                    <div class="col-lg-4">
33507 tejus.loha 462
                        <div class="form-group">
33577 tejus.loha 463
                            <label>Brand fees collected</label><span
464
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 465
                            <input type="number" class="form-control " id="brandFeesCollected" required
466
                                   name="brandFeesCollected" placeholder="500000">
33507 tejus.loha 467
                        </div>
468
                    </div>
469
                    <!-- Mode of Payment Online/Cheque/IMPS/NEFT/RTGS/Wallet -->
33885 tejus.loha 470
                    <div class="col-lg-4">
33507 tejus.loha 471
                        <div class="form-group">
33577 tejus.loha 472
                            <label>Mode of Payment</label><span
473
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 474
                            <select class="form-control" name="paymentMode" required>
475
                                <option value="">Select mode</option>
476
                                <option value="UPI">UPI</option>
477
                                <option value="Cheque">Cheque</option>
478
                                <option value="IMPS">IMPS</option>
479
                                <option value="NEFT">NEFT</option>
480
                                <option value="RTGS">RTGS</option>
481
                            </select>
33507 tejus.loha 482
                        </div>
483
                    </div>
33885 tejus.loha 484
                </div>
33507 tejus.loha 485
                    <!-- Payment reference no -->
33885 tejus.loha 486
                <div class="row">
487
                    <div class="col-lg-4">
33507 tejus.loha 488
                        <div class="form-group">
33577 tejus.loha 489
                            <label>Payment Reference No</label><span
490
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 491
                            <input type="text" class="form-control" id="paymentReferenceNo" required
492
                                   name="paymentReferenceNo" placeholder="">
33507 tejus.loha 493
                        </div>
494
                    </div>
33578 tejus.loha 495
                    <!-- fee collection date -->
33885 tejus.loha 496
                    <div class="col-lg-4">
33578 tejus.loha 497
                        <div class="form-group">
498
                            <label>Fee collecting Date</label><span
499
                                style="color:red ;font-size: 140%">*</span>
33749 tejus.loha 500
                            <input type="datetime-local" class="form-control " id="feeCollectingDate" required
501
                                   name="feeCollectingDate">
33578 tejus.loha 502
                        </div>
503
                    </div>
33885 tejus.loha 504
                    <div class="col-lg-4">
505
                        <div class="form-group">
506
                            <label>Attach Screenshot</label><span
507
                                style="color:red ;font-size: 140%">*</span>
508
                            <input type="hidden" id="payment-sc-docId" name="paymentAttachment">
509
                            <input type="file" class="form-control" id="payment-sc-doc" required>
510
                        </div>
511
                    </div>
33507 tejus.loha 512
                </div>
513
                <!-- Submit button-->
514
                <div class="form-group" style="text-align: center; margin-bottom:2px;">
33749 tejus.loha 515
                    <button type="button"
33885 tejus.loha 516
                            class="btn btn-primary text-white font-semibold py-1 px-4 rounded background-red mk_submit_loi_form"
33749 tejus.loha 517
                            style="box-shadow:none;margin-bottom:2px;">
518
                        <span>Submit</span>
519
                    </button>
33507 tejus.loha 520
                </div>
521
            </form>
522
        </div>
523
    </div>
33658 tejus.loha 524
 
33507 tejus.loha 525
</section>
526
<script>
527
 
528
 
33658 tejus.loha 529
    $(".gstNo").change(function () {
530
        var inputGstNo = $(this).val();
531
        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}$');
532
        if (gstinformat.test(inputGstNo)) {
533
            doGetAjaxRequestHandler(`${context}/gstValidate?gstNo=` + inputGstNo,
534
                    function (response) {
535
                        console.log("gstDetails-", response);
536
                        $("#CompanyName").val(response.tradeNam);
537
                        $("#gstPinCode").val(response.pradr.addr.pncd);
538
                        console.log("pincode-", response.pradr.addr.pncd)
539
                        $("#gstState").val(response.pradr.addr.stcd);
540
                        $("#gstCity").val(response.pradr.addr.loc);
541
                        console.log("loc-", response.pradr.addr.loc)
542
                        $("#gstDistrict").val(response.pradr.addr.dst);
543
                        var selectOptions = [];
544
                        var addresses = response.adadr;
545
                        selectOptions.push(`<select id="billingAddress" name="billingAddress" class="form-control">`);
546
                        addresses.forEach((pradr) => {
547
                            var addrString = getAddressString(pradr.addr);
548
                            var addrStringify = JSON.stringify(pradr.addr);
549
                            selectOptions.push(`<option value='${addrStringify}'>
33507 tejus.loha 550
                                      ${addrString}
551
                                </option>`);
552
                        });
33658 tejus.loha 553
                        selectOptions.push(`</select>`);
554
                        $('#addlist').html(selectOptions.join(''));
555
                    });
556
        } else {
557
            alert('Please Enter Valid GSTIN Number');
558
            $(".gstNo").val('');
559
            $(".gstNo").focus();
560
        }
33507 tejus.loha 561
    });
562
 
33658 tejus.loha 563
 
33507 tejus.loha 564
    function getAddressString(addr) {
565
        addrFields = ["bno", "bnm", "st", "locality", "loc", "pncd", "stcd"];
566
        addresArr = [];
567
        for (let i = 0; i < addrFields.length; i++) {
568
            if (addr.hasOwnProperty(addrFields[i]) && addr[addrFields[i]] !== "") {
569
                addresArr.push(addr[addrFields[i]]);
570
            }
571
        }
572
        return addresArr.join(", ");
573
    }
574
 
33658 tejus.loha 575
    $(document).ready(function () {
576
        var brandCommitmentInputs = document.querySelectorAll(".brand-commitment");
577
        var totalCommitmentAmount = 0;
578
        brandCommitmentInputs[brandCommitmentInputs.length - 1].addEventListener("blur", function () {
579
            updateTotalCommitmentAmount();
580
        });
581
 
582
        function updateTotalCommitmentAmount() {
583
            // Recalculate the total commitment amount
584
            totalCommitmentAmount = 0;
585
            brandCommitmentInputs.forEach(function (input) {
586
                var commitmentValue = parseInt(input.value);
587
                if (!isNaN(commitmentValue)) {
588
                    totalCommitmentAmount += commitmentValue;
589
                }
590
            });
591
 
592
            var totalCommitmentInput = document.getElementById("totalAmount");
593
            totalCommitmentInput.value = totalCommitmentAmount;
594
 
595
            var storePotential = document.getElementById("storePotential").value;
596
            var minCommitLimit = storePotential * 0.7; // 70% of the store's potential
597
            if (totalCommitmentAmount >= minCommitLimit) {
598
                totalCommitmentInput.classList.remove('border-red');
599
                totalCommitmentInput.classList.add('border-green');
600
                document.getElementById("textArea").classList.remove('show-textarea');
601
                document.getElementById("textArea").classList.add('hide-textarea');
602
            } else {
603
                alert("Total commit amount should be greater than or equal to 70% of the store's potential. Specify the reason");
604
                totalCommitmentInput.classList.remove('border-green');
605
                totalCommitmentInput.classList.add('border-red');
606
                document.getElementById("textArea").classList.remove('hide-textarea');
607
                document.getElementById("textArea").classList.add('show-textarea');
608
                document.getElementById("textArea").focus();
609
            }
610
        }
611
    });
33507 tejus.loha 612
</script>