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>
38
    <div class="col-md-12">
39
        <div class="container well">
40
            <form name="Loi_Form" id="Loi_Form" method="post" style="margin-top:40px;">
41
                <div class="row">
42
                    <div class="col-lg-3 form-group">
33579 tejus.loha 43
                        <label>Refer By(BGC Team)</label>
33507 tejus.loha 44
                        #if($onBoardingData)
45
                            <select class="form-control type" name="referId"
46
                                    placeholder="AuthUser" required>
47
                                <option value="$onBoardingData.getReferId()" selected>
48
                                    $onBoardingData.getReferBy()
49
                                </option>
50
                                #foreach($authUsers in $authUsersList)
51
                                    <option value=$authUsers.getId()>$authUsers.getFullName() </option>
52
                                #end
53
                            </select>
54
                        #else
55
                            <select class="form-control type" name="referId" required>
33577 tejus.loha 56
 
57
                                <option value="$selfAuth.getId()" selected>
33507 tejus.loha 58
                                    $selfAuth.getFullName()
59
                                </option>
60
                                #foreach($authUsers in $authUsersList)
61
                                    <option value=$authUsers.getId()>$authUsers.getFullName() </option>
62
                                #end
63
                            </select>
64
                        #end
65
                    </div>
66
                    <div class="col-lg-3 form-group">
33577 tejus.loha 67
                        <label>Business type</label><span
68
                            style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 69
                        #if($onBoardingData)
70
                            <select class="form-control" name="businessType"
71
                                    placeholder="Business type" required>
72
                                <option value="$onBoardingData.getBusinessType()" selected>
73
                                    $onBoardingData.getBusinessType()
74
                                </option>
75
                                #foreach($businessType in $businessTypes)
76
                                    <option value=$businessType>$businessType</option>
77
                                #end
78
                            </select>
79
                        #else
80
                            <select class="form-control" name="businessType"
81
                                    placeholder="Business type" required>
33577 tejus.loha 82
                                <option value="$businessTypes.get(0)" selected>$businessTypes.get(0)</option>
33507 tejus.loha 83
                                #foreach($businessType in $businessTypes)
84
                                    <option value=$businessType>$businessType</option>
85
                                #end
86
                            </select>
87
                        #end
88
                    </div>
89
                </div>
90
                <div>
91
                    <h4>Personal Details</h4>
92
                </div>
93
                <div class="row">
94
                    <div class="col-md-4">
95
                        <!-- Owner Name -->
96
                        <div class="form-group">
33577 tejus.loha 97
                            <label>First Name </label><span
98
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 99
                            #if($onBoardingData)
100
                                <input type="text" class="form-control" required name="firstName"
101
                                       value=$onBoardingData.getFirstName()>
102
                            #else
103
                                <input type="text" class="form-control" required name="firstName"
104
                                       placeholder="Enter first name">
105
                            #end
106
                        </div>
107
                    </div>
108
                    <div class="col-md-4">
109
                        <!-- Owner Name -->
110
                        <div class="form-group">
33577 tejus.loha 111
                            <label>Last Name </label><span
112
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 113
                            #if($onBoardingData)
114
                                <input type="text" class="form-control" required name="lastName"
115
                                       value=$onBoardingData.getLastName()>
116
                            #else
117
                                <input type="text" class="form-control" required name="lastName"
118
                                       placeholder="Enter last name">
119
                            #end
120
                        </div>
121
                    </div>
122
                    <div class="col-md-4">
123
                        <!-- Mobile No -->
124
                        <div class="form-group">
33577 tejus.loha 125
                            <label>Mobile No. </label><span
126
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 127
                            #if($onBoardingData)
128
 
33577 tejus.loha 129
                                <input type="tel" class="form-control" required name="mobile"
33507 tejus.loha 130
                                       placeholder="10-digit Mobile"
131
                                       pattern="[0-9]"
132
                                       maxlength="10"
133
                                       minlength="10"
134
                                       value="$onBoardingData.getMobile()">
135
                            #else
136
                                <input type="tel" class="form-control" required name="mobile"
137
                                       placeholder="10-digit Mobile"
138
                                       maxlength="10"
139
                                       minlength="10"
140
                                       pattern="[0-9]"
141
                                       pla
142
                                       value="">
143
                            #end
144
 
145
                        </div>
146
                    </div>
147
                </div>
148
                <div class="row">
149
                    <div class="col-md-4">
150
                        <!-- Landline No -->
151
                        <div class="form-group">
33577 tejus.loha 152
                            <label>Alternative Mobile No.</label>
33507 tejus.loha 153
                            #if($onBoardingData)
154
                                #if($onBoardingData.getLandline())
155
                                    <input type="tel" class="form-control" name="landline"
156
                                           placeholder="Enter Landline"
157
                                           maxlength="10"
158
                                           minlength="10"
159
                                           value=$onBoardingData.getLandline()>
160
 
161
                                #else
162
                                    <input type="tel" class="form-control" name="landline"
163
                                           pattern="[0-9]"
164
                                           maxlength="10"
165
                                           minlength="10"
33577 tejus.loha 166
                                           placeholder="Enter Alternative mobile" value="--">
33507 tejus.loha 167
 
168
                                #end
169
 
170
                            #else
33577 tejus.loha 171
                                <input type="tel" class="form-control" name="landline"
33507 tejus.loha 172
                                       maxlength="10"
173
                                       minlength="10"
33577 tejus.loha 174
                                       pattern="[0-9]"
175
                                       placeholder="Enter Alternative mobile"
33507 tejus.loha 176
                                       value="">
177
                            #end
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>
33507 tejus.loha 187
                            #if($onBoardingData)
188
                                <input type="email" class="form-control" required name="email" placeholder="Enter Email"
189
                                       value="$onBoardingData.getEmail()">
190
                            #else
191
                                <input type="email" class="form-control" required name="email" placeholder="Enter Email"
192
                                       value="">
193
                            #end
194
 
195
                        </div>
196
                    </div>
197
                    <div class="col-lg-4"> <!-- DOB -->
198
                        <div class="form-group">
199
                            <label>DOB </label>
33577 tejus.loha 200
                            <span
201
                                    style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 202
                            #if($onBoardingData)
203
                                <input type="date" class="form-control" required name="dob" placeholder="Enter DOB"
204
                                       value="$onBoardingData.getDob()" readonly>
205
                            #else
206
                                <input type="date" class="form-control" required name="dob" placeholder="Enter DOB">
207
                            #end
208
                        </div>
209
                    </div>
210
                </div>
211
                <div class="row">
33577 tejus.loha 212
                    <div class="col-lg-3"> <!-- PAN No-->
33507 tejus.loha 213
                        <div class="form-group">
33577 tejus.loha 214
                            <label>PAN No</label><span
215
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 216
                            #if($onBoardingData)
217
                                <input type="text" class="form-control" required name="panNo" placeholder="enter Pan No"
218
                                       minlength="10"
219
                                       maxlength="10" value="$onBoardingData.getPanNo()" readonly>
220
                            #else
221
                                <input type="text" class="form-control" required name="panNo" placeholder="enter Pan No"
222
                                       minlength="10"
33577 tejus.loha 223
                                       maxlength="10">
33507 tejus.loha 224
                            #end
225
 
226
                        </div>
227
                    </div>
33577 tejus.loha 228
                    <div class="col-lg-3"> <!-- Aadhar No-->
33507 tejus.loha 229
                        <div class="form-group">
33577 tejus.loha 230
                            <label>Aadhar No</label><span
231
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 232
                            #if($onBoardingData)
233
                                <input type="tel" class="form-control" required name="adharNo"
234
                                       readonly
235
                                       placeholder="Adhar Number"
236
                                       maxlength="12"
237
                                       minlength="12"
238
                                       pattern="[0-9]{12}" value="$onBoardingData.getAdharNo()">
239
                            #else
240
                                <input type="tel" class="form-control" required name="adharNo"
241
                                       placeholder="Adhar Number"
242
                                       maxlength="12"
243
                                       minlength="12"
33577 tejus.loha 244
                                       pattern="[0-9]{12}">
33507 tejus.loha 245
                            #end
246
 
247
                        </div>
248
                    </div>
33577 tejus.loha 249
                    <div class="col-lg-3"><!-- ANNIV DT- -->
250
                        <div class="form-group">
251
                            <label>Marital Status</label>
252
                            <span
253
                                    style="color:red ;font-size: 140%">*</span>
254
                            <select class="form-control" name="maritalStatus"
255
                                    placeholder="Marital Status" required id="maritalStatus">
256
                                <option value=""></option>
257
                                <option value="0">Single</option>
258
                                <option value="1">Married</option>
259
                            </select>
260
                        </div>
261
                    </div>
262
                    <div class="loiAnniversaryDate hide-model">
263
                        <div class="col-lg-3"><!-- ANNIV DT- -->
264
                            <div class="form-group">
265
                                <label>Anniversary Date </label>
266
                                <span
267
                                        style="color:red ;font-size: 140%">*</span>
268
                                #if($onBoardingData)
269
                                    #if($onBoardingData.getAnniversaryDate())
270
                                        <input type="date" class="form-control" name="anniversaryDate"
271
                                               placeholder="Enter Anniversary date"
272
                                               value="$onBoardingData.getAnniversaryDate()" readonly>
33507 tejus.loha 273
 
33577 tejus.loha 274
                                    #else
275
                                        <input type="date" class="form-control" name="anniversaryDate"
276
                                               placeholder="Enter Anniversary date" value="--">
33507 tejus.loha 277
 
33577 tejus.loha 278
                                    #end
279
                                #else
280
                                    <input type="date" class="form-control" name="anniversaryDate"
281
                                           placeholder="Enter Anniversary date" value=" ">
282
                                #end
283
 
284
                            </div>
285
                        </div>
286
                    </div>
287
 
288
 
33507 tejus.loha 289
                </div>
290
 
291
                <h4>Business Detail</h4>
292
                <!-- GST No-->
293
                <div class="row">
294
                    <div class="col-lg-6">
295
                        <div class="form-group">
296
                            <label>GST No </label>
33577 tejus.loha 297
                            <span
298
                                    style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 299
                            #if($onBoardingData)
300
                                <input
301
                                        type="text"
302
                                        class="form-control gstNo"
303
                                        id="gstValidate"
304
                                        required
305
                                        name="gstNo"
306
                                        placeholder="Enter GST Reg No."
307
                                        minlength="15"
308
                                        maxlength="15"
309
                                        value="$onBoardingData.getGstNo()"
310
                                        readonly>
311
                            #else
312
                                <input
313
                                        type="text"
314
                                        class="form-control gstNo"
315
                                        id="gstValidate"
316
                                        required
317
                                        name="gstNo"
318
                                        placeholder="Enter GST Reg No."
319
                                        minlength="15"
320
                                        maxlength="15" value="">
321
                            #end
322
 
323
                        </div>
324
                    </div>
325
 
326
 
327
                    <div class="col-lg-6">
328
                        <div class="form-group">
329
                            <label for="gstName">Company Name:</label>
33577 tejus.loha 330
                            <span
331
                                    style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 332
                            #if($onBoardingData)
333
                                <input type="text" class="form-control" id="CompanyName" name="companyName" required
334
                                       value="$onBoardingData.getCompanyName()" readonly>
335
                            #else
336
                                <input type="text" class="form-control" id="CompanyName" name="companyName" required
33525 tejus.loha 337
                                       value="" readonly>
33507 tejus.loha 338
                            #end
339
                        </div>
340
                    </div>
341
                </div>
342
                <!-- GST Address -->
343
                <div class="row">
344
                    <div class="col-lg-3">
33577 tejus.loha 345
                        ##                                        <label class="bold-details">PIN CODE</lebel>
33507 tejus.loha 346
 
347
                        #if($onBoardingData)
348
                            <input
349
                                    placeholder="Pin Code" id="gstPinCode"
350
                                    name="gstPin" type="hidden"
351
                                    value="$onBoardingData.getGstPin()"
352
                                    class="form-control input-sm " readonly>
353
 
354
                        #else
355
                            <input
356
                                    placeholder="Pin Code" id="gstPinCode"
357
                                    name="gstPin" type="hidden" value=""
358
                                    class="form-control input-sm" readonly>
359
                        #end
360
                    </div>
361
 
362
                    <div class="col-lg-3">
363
                        <div class="form-group">
364
                            ##                                            <label for="gstState">State</label>
365
                            #if($onBoardingData)
366
                                <input placeholder="State"
367
                                       id="gstState" name="gstState" type="hidden"
368
                                       value="$onBoardingData.getGstState()" class="form-control input-sm"
369
                                       style="font-weight: bold;" readonly>
370
                            #else
371
                                <input placeholder="State"
372
                                       id="gstState" name="gstState" type="hidden"
373
                                       value="" class="form-control input-sm"
374
                                       style="font-weight: bold;" readonly>
375
                            #end
376
                        </div>
377
                    </div>
378
 
379
                    <div class="col-lg-3">
380
                        <div class="form-group">
381
                            ##                                            <label>City :</label>
382
                            #if($onBoardingData)
383
                                <input placeholder="State"
384
                                       id="gstCity" name="gstCity" type="hidden"
385
                                       value="$onBoardingData.getGstCity()" class="form-control input-sm"
386
                                       style="font-weight: bold;" readonly>
387
 
388
                                </input>
389
                            #else
390
                                <input placeholder="State"
391
                                       id="gstCity" name="gstCity" type="hidden"
392
                                       value="" class="form-control input-sm"
393
                                       style="font-weight: bold;" readonly>
394
                            #end
395
                        </div>
396
                    </div>
397
                    <div class="col-lg-3">
398
                        <div class="form-group">
399
                            ##                                            <label for="gstDistrict">District :</label>
400
                            #if($onBoardingData)
401
                                <input id="gstDistrict" type="hidden" name="gstDistrict" class="form-control input-sm"
402
                                       value="$onBoardingData.getGstDistrict()" readonly>
403
                            #else
404
                                <input id="gstDistrict" type="hidden" name="gstDistrict" class="form-control input-sm"
405
                                       value="" readonly>
406
                            #end
407
                        </div>
408
                    </div>
409
                </div>
410
                <div><h4>Addition Place of Business</h4></div>
411
                <div class="row">
412
                    <div class="col-lg-6">
413
                        <div class="form-group">
414
                            <label>Select Address</label>
33577 tejus.loha 415
                            <span
416
                                    style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 417
                            <div id="addlist"></div>
418
                        </div>
419
                    </div>
420
                </div>
421
                <div><h4>Bank Details :</h4></div>
422
                <div class="row">
423
                    <!-- Bank name-->
424
                    <div class="col-lg-4">
425
                        <div class="form-group">
33577 tejus.loha 426
                            <label>Bank name :</label><span
427
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 428
                            #if($onBoardingData)
429
                                <input type="text" class="form-control" required name="bankName" placeholder="Bank Name"
430
                                       value="$onBoardingData.getBankName()" readonly>
431
 
432
                            #else
433
                                <input type="text" class="form-control" required name="bankName" placeholder="Bank Name"
434
                                       value="">
435
                            #end
436
                        </div>
437
                    </div>
438
 
439
                    <!-- IFSC Code-->
440
                    <div class="col-lg-4">
441
                        <div class="form-group">
33577 tejus.loha 442
                            <label>IFSC Code :</label><span
443
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 444
                            #if($onBoardingData)
445
                                <input type="text" class="form-control" required name="ifscCode" placeholder="IFSC Code"
446
                                       value="$onBoardingData.getIfscCode()" readonly>
447
                            #else
448
                                <input type="text" class="form-control" required name="ifscCode" placeholder="IFSC Code"
449
                                       value="">
450
 
451
                            #end
452
                        </div>
453
                    </div>
454
 
455
                    <!-- Account No.-->
456
                    <div class="col-lg-4">
457
                        <div class="form-group">
33577 tejus.loha 458
                            <label>Account No :</label><span
459
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 460
                            #if( $onBoardingData)
461
                                <input type="number" class="form-control" required name="accountNo"
462
                                       placeholder="Account Number" value="$onBoardingData.getAccountNo()" readonly>
463
                            #else
464
                                <input type="number" class="form-control" required name="accountNo"
465
                                       placeholder="Account Number" value="">
466
                            #end
467
                        </div>
468
                    </div>
469
                </div>
470
                <!-- Agreed Minimum Wallet value (INR) -->
471
                <div><h4>Store Details </h4></div>
472
                <div class="row">
473
                    <div class="col-lg-4">
474
                        <div class="form-group" style="text-align: left;">
33577 tejus.loha 475
                            <label>Minimum Wallet value :</label><span
476
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 477
                            #if($onBoardingData)
478
                                <select class="form-control" name="agreeWalletValue" required>
479
                                    <option value="$onBoardingData.getAgreeWalletValue()"
480
                                            selected>$onBoardingData.getAgreeWalletValue()</option>
481
                                    <option value="600000">600000</option>
482
                                    <option value="700000">700000</option>
483
                                    <option value="800000">800000</option>
484
                                    <option value="900000">900000</option>
485
                                    <option value="1000000">1000000</option>
486
                                    <option value="1100000">1100000</option>
487
                                    <option value="1200000">1200000</option>
488
                                    <option value="1500000">1500000</option>
489
                                    <option value="2000000">2000000</option>
490
                                    <option value="2500000">2500000</option>
491
                                    <option value="3000000">3000000</option>
492
                                </select>
493
                            #else
494
                                <select class="form-control" name="agreeWalletValue" required>
495
                                    <option value="600000">600000</option>
496
                                    <option value="700000">700000</option>
497
                                    <option value="800000">800000</option>
498
                                    <option value="900000">900000</option>
499
                                    <option value="1000000">1000000</option>
500
                                    <option value="1100000">1100000</option>
501
                                    <option value="1200000">1200000</option>
502
                                    <option value="1500000">1500000</option>
503
                                    <option value="2000000">2000000</option>
504
                                    <option value="2500000">2500000</option>
505
                                    <option value="3000000">3000000</option>
506
                                </select>
507
                            #end
508
                        </div>
509
 
510
                    </div>
511
                    <!-- Store area (sq ft) -->
512
                    <div class="col-lg-4">
513
                        <div class="form-group">
33577 tejus.loha 514
                            <label>Store area </label><span
515
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 516
                            #if($onBoardingData)
517
                                <input type="number" class="form-control" id="storeArea" required
518
                                       name="storeArea" placeholder="" value="$onBoardingData.getStoreArea()">
519
                            #else
520
                                <input type="number" class="form-control" id="storeArea" required
521
                                       name="storeArea" placeholder="in square feet" value="">
522
                            #end
523
                        </div>
524
                    </div>
525
                    <div class="col-lg-4">
526
                        <!-- Store Potential -->
527
                        <div class="form-group">
33577 tejus.loha 528
                            <label>Store Potential</label><span
529
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 530
                            #if($onBoardingData)
531
                                <input type="number" class="form-control" required name="storePotential"
532
                                       min="400000" id="storePotential"
533
                                       placeholder="Store Potential" value="$onBoardingData.getStorePotential()">
534
                            #else
535
                                <input type="number" class="form-control" required name="storePotential"
536
                                       min="400000" id="storePotential"
537
                                       placeholder="Store Potential" value="">
538
                            #end
539
 
540
                        </div>
541
                    </div>
542
                </div>
543
                <h4>Brand Commitment</h4>
544
                <div class="row">
545
                    <div class="col-lg-3">
546
                        <div class="form-group">
547
                            <label>Total Commitment</label>
548
                            #if($onBoardingData)
549
                                <input type="number" class="form-control " name="totaCommitmentAmount" id="totalAmount"
33577 tejus.loha 550
                                       readonly required
33507 tejus.loha 551
                                       placeholder="Total Commitment" value="$onBoardingData.getTotaCommitmentAmount()">
552
                            #else
553
                                <input type="number" class="form-control " name="totaCommitmentAmount" id="totalAmount"
33577 tejus.loha 554
                                       readonly required
33507 tejus.loha 555
                                       placeholder="Total Commitment" value="">
556
                            #end
557
                        </div>
558
                    </div>
559
                    <div class="col-lg-4">
560
                        <div class="form-group hide-textarea" id="textArea">
33577 tejus.loha 561
                            <label>Reason for less Commit</label><span
562
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 563
                            <input type="text" class="form-control " name="lessCommitReason" id="lessCommitReason"
33525 tejus.loha 564
                                   placeholder="specify the reason"
33577 tejus.loha 565
                                   value="">
33507 tejus.loha 566
 
567
                        </div>
568
                    </div>
569
                </div>
570
                <div class="row">
571
                    <div class="col-lg-4">
572
                        <div class="form-group">
33577 tejus.loha 573
                            <label>Vivo</label><span
574
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 575
                            #if($onBoardingData)
576
                                <input type="number" class="form-control brand-commitment" id="vivo" required
577
                                       name="vivoCommitmentAmount" placeholder="500000"
578
                                       value="$onBoardingData.getVivoCommitmentAmount()">
579
                            #else
580
                                <input type="number" class="form-control brand-commitment" id="vivo" required
581
                                       name="vivoCommitmentAmount" placeholder="500000" value="">
582
                            #end
583
                        </div>
584
                    </div>
585
                    <div class="col-lg-4">
586
                        <div class="form-group">
33577 tejus.loha 587
                            <label>Oppo</label><span
588
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 589
                            #if($onBoardingData)
590
                                <input type="number" class="form-control brand-commitment" id="oppo" required
591
                                       name="oppoCommitmentAmount" placeholder="500000"
592
                                       value="$onBoardingData.getOppoCommitmentAmount()">
593
                            #else
594
                                <input type="number" class="form-control brand-commitment" id="oppo" required
595
                                       name="oppoCommitmentAmount" placeholder="500000">
596
                            #end
597
                        </div>
598
                    </div>
599
                    <div class="col-lg-4">
600
                        <div class="form-group">
33577 tejus.loha 601
                            <label>Samsung</label><span
602
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 603
 
604
                            #if($onBoardingData)
605
                                <input type="number" class="form-control brand-commitment" id="samsung" required
606
                                       name="samsungCommitmentAmount" placeholder="500000"
607
                                       value="$onBoardingData.getSamsungCommitmentAmount()">
608
                            #else
609
                                <input type="number" class="form-control brand-commitment" id="samsung" required
610
                                       name="samsungCommitmentAmount" placeholder="500000" value="">
611
                            #end
612
                        </div>
613
                    </div>
614
                </div>
615
                <div class="row">
616
                    <div class="col-lg-4">
617
                        <div class="form-group">
33577 tejus.loha 618
                            <label>Xiaomi</label><span
619
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 620
                            #if($onBoardingData)
621
                                <input type="number" class="form-control brand-commitment" id="xiaomi" required
622
                                       name="xiaomiCommitmentAmount" placeholder="000000"
623
                                       value="$onBoardingData.getXiaomiCommitmentAmount()">
624
                            #else
625
                                <input type="number" class="form-control brand-commitment" id="xiaomi" required
626
                                       name="xiaomiCommitmentAmount" placeholder="000000" value="">
627
                            #end
628
                        </div>
629
                    </div>
630
                    <div class="col-lg-4">
631
                        <div class="form-group">
33577 tejus.loha 632
                            <label>Accessories</label><span
633
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 634
                            #if($onBoardingData)
635
                                <input type="number" class="form-control brand-commitment" id="accessories" required
636
                                       name="accessoriesCommitmentAmount" placeholder="000000"
637
                                       value="$onBoardingData.getAccessoriesCommitmentAmount()">
638
                            #else
639
                                <input type="number" class="form-control brand-commitment" id="accessories" required
640
                                       name="accessoriesCommitmentAmount" placeholder="000000" value="">
641
                            #end
642
                        </div>
643
                    </div>
644
 
645
                    <div class="col-lg-4">
646
                        <div class="form-group">
33577 tejus.loha 647
                            <label>Other brands</label><span
648
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 649
                            #if($onBoardingData)
650
                                <input type="number" class="form-control brand-commitment" id="otherBrands" required
651
                                       name="otherBrandsCommitmentAmount"
652
                                       value="$onBoardingData.getOtherBrandsCommitmentAmount()">
653
                            #else
654
                                <input type="number" class="form-control brand-commitment" id="otherBrands" required
655
                                       name="otherBrandsCommitmentAmount" placeholder="000000" value="">
656
                            #end
657
                        </div>
658
                    </div>
659
 
660
 
661
                </div>
662
                ##                Agreed Brand fees (INR)
663
                <div class="row">
664
                    <div class="col-lg-3">
665
                        <div class="form-group">
33577 tejus.loha 666
                            <label>Agreed Brand fees</label><span
667
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 668
                            #if($onBoardingData)
669
                                <select name="agreedBrandFees" class="form-control">
670
                                    <option value="$onBoardingData.getBrandType()-$onBoardingData.getAgreedBrandFees()-$onBoardingData.getBrandFeeId()"
671
                                            selected>$onBoardingData.getBrandType()
672
                                        ($onBoardingData.getAgreedBrandFees())
673
                                    </option>
674
                                    #foreach($storeTypeFeePair in $storeTypeFeePairs)
675
                                        #set($storeType1 =$storeTypeFeePair.getKey())
676
                                        #set($brandFee = $storeTypeFeePair.getValue())
677
                                        <option value="$storeTypeFeePair.getKey()-$brandFee.getFeeByStoreType($storeType1)-$brandFee.getId()"> $storeType1
678
                                            ($brandFee.getFeeByStoreType($storeType1))
679
                                        </option>
680
                                    #end
681
                                </select>
682
                            #else
683
                                <select name="agreedBrandFees" class="form-control">
684
                                    #foreach($storeTypeFeePair in $storeTypeFeePairs)
685
                                        #set($storeType1 =$storeTypeFeePair.getKey())
686
                                        #set($brandFee = $storeTypeFeePair.getValue())
687
                                        <option value="$storeTypeFeePair.getKey()-$brandFee.getFeeByStoreType($storeType1)-$brandFee.getId()"> $storeType1
688
                                            ($brandFee.getFeeByStoreType($storeType1))
689
                                        </option>
690
                                    #end
691
                                </select>
692
                            #end
693
                        </div>
694
                    </div>
695
 
696
                    <!-- Brand fees collected (INR) -->
33578 tejus.loha 697
                    <div class="col-lg-2">
33507 tejus.loha 698
                        <div class="form-group">
33577 tejus.loha 699
                            <label>Brand fees collected</label><span
700
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 701
                            #if($onBoardingData)
702
                                <input type="number" class="form-control " id="brandFeesCollected" required
703
                                       name="brandFeesCollected" readonly
704
                                       value="$onBoardingData.getBrandFeeCollection().get(0).getCollectedAmount()">
705
                            #else
706
                                <input type="number" class="form-control " id="brandFeesCollected" required
707
                                       name="brandFeesCollected" placeholder="500000">
708
                            #end
709
                        </div>
710
                    </div>
711
                    <!-- Mode of Payment Online/Cheque/IMPS/NEFT/RTGS/Wallet -->
33578 tejus.loha 712
                    <div class="col-lg-2">
33507 tejus.loha 713
                        <div class="form-group">
33577 tejus.loha 714
                            <label>Mode of Payment</label><span
715
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 716
                            #if($onBoardingData)
717
                                <input name="paymentMode" class="form-control" readonly
718
                                       value="$onBoardingData.getBrandFeeCollection().get(0).getPaymentMode()">
719
                            #else
720
                                <select class="form-control" name="paymentMode" required>
721
                                    <option value="">Select mode</option>
722
                                    <option value="UPI">UPI</option>
723
                                    <option value="Cheque">Cheque</option>
724
                                    <option value="IMPS">IMPS</option>
725
                                    <option value="NEFT">NEFT</option>
726
                                    <option value="RTGS">RTGS</option>
727
                                </select>
728
                            #end
729
 
730
                        </div>
731
                    </div>
732
                    <!-- Payment reference no -->
33578 tejus.loha 733
                    <div class="col-lg-2">
33507 tejus.loha 734
                        <div class="form-group">
33577 tejus.loha 735
                            <label>Payment Reference No</label><span
736
                                style="color:red ;font-size: 140%">*</span>
33507 tejus.loha 737
                            #if($onBoardingData)
738
                                <input type="text" class="form-control " id="paymentReferenceNo" required
739
                                       name="paymentReferenceNo" placeholder="" readonly
740
                                       value="$onBoardingData.getBrandFeeCollection().get(0).getPaymentReferenceNo()">
741
                            #else
742
                                <input type="text" class="form-control" id="paymentReferenceNo" required
743
                                       name="paymentReferenceNo" placeholder="">
744
                            #end
745
 
746
                        </div>
747
                    </div>
33578 tejus.loha 748
                    <!-- fee collection date -->
749
                    <div class="col-lg-3">
750
                        <div class="form-group">
751
                            <label>Fee collecting Date</label><span
752
                                style="color:red ;font-size: 140%">*</span>
753
                            #if($onBoardingData)
754
                                <input type="datetime-local" class="form-control " id="feeCollectingDate" required
755
                                       name="feeCollectingDate" readonly
756
                                       value="$onBoardingData.getBrandFeeCollection().get(0).getFeeCollectingTimeStamp()">
757
                            #else
758
                                <input type="datetime-local" class="form-control " id="feeCollectingDate" required
759
                                       name="feeCollectingDate">
760
                            #end
761
                        </div>
762
                    </div>
33507 tejus.loha 763
                </div>
764
                <!-- Submit button-->
765
                <div class="form-group" style="text-align: center; margin-bottom:2px;">
766
                    #if($onBoardingData)
767
                        <button type="button"
768
                                value="$onBoardingData.getId()"
33577 tejus.loha 769
                                class="btn btn-primary text-white font-semibold py-1 px-4 rounded background-red updateLoiFormData"
33507 tejus.loha 770
                                style="box-shadow:none;margin-bottom:2px;">
771
                            <span>Update detail</span>
772
                        </button>
773
                    #else
774
                        <button type="button"
33577 tejus.loha 775
                                class="btn btn-primary text-white font-semibold py-1 px-4 rounded background-red submitLoiForm"
33507 tejus.loha 776
                                style="box-shadow:none;margin-bottom:2px;">
777
                            <span>Submit</span>
778
                        </button>
779
                    #end
780
 
781
                </div>
782
            </form>
783
        </div>
784
    </div>
785
</section>
786
<script>
787
 
788
    $(document).ready(function () {
789
        $("#otherBrands").blur(function () {
790
            var vivoCommitmentAmount = parseFloat($("#vivo").val());
791
            var oppoCommitmentAmount = parseFloat($("#oppo").val());
792
            var samsungCommitmentAmount = parseFloat($("#samsung").val());
793
            var xiaomiCommitmentAmount = parseFloat($("#xiaomi").val());
794
            var accessoriesCommitmentAmount = parseFloat($("#accessories").val());
795
            var otherCommitmentAmount = parseFloat($("#otherBrands").val());
796
            var totaCommitmentAmount = vivoCommitmentAmount + oppoCommitmentAmount + samsungCommitmentAmount + xiaomiCommitmentAmount + accessoriesCommitmentAmount + otherCommitmentAmount;
797
            let sPotential = storePotential.value;
33564 tejus.loha 798
            let minCommitLimit = sPotential * 70 / 100;
799
            if (totaCommitmentAmount >= minCommitLimit) {
33507 tejus.loha 800
 
801
                $("#totalAmount").val(totaCommitmentAmount);
802
                $("#totalAmount").removeClass('border-red');
803
                $("#totalAmount").addClass('border-green');
804
                $("#textArea").removeClass('show-textarea');
805
                $("#textArea").addClass('hide-textarea');
806
 
807
            } else {
33525 tejus.loha 808
                alert("Total commit amount should be greater than or equal to 70% of the store's potential.Specify the reason")
33507 tejus.loha 809
                $("#totalAmount").val(totaCommitmentAmount);
810
                $("#totalAmount").removeClass('border-green');
811
                $("#totalAmount").addClass('border-red');
812
                $("#textArea").removeClass('hide-textarea');
813
                $("#textArea").addClass('show-textarea');
33525 tejus.loha 814
                $("#textArea").focus();
33507 tejus.loha 815
 
816
            }
817
            console.log('totalamm', totaCommitmentAmount)
818
        });
819
 
820
 
821
        $(".gstNo").change(function () {
822
            console.log('gst validation is processing...');
823
            var inputGstNo = $(this).val();
824
            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}$');
825
            if (gstinformat.test(inputGstNo)) {
826
                doGetAjaxRequestHandler(`${context}/gstValidate?gstNo=` + inputGstNo,
827
                        function (response) {
828
                            console.log("gstDetails-", response);
829
                            $("#CompanyName").val(response.tradeNam);
830
                            $("#gstPinCode").val(response.pradr.addr.pncd);
831
                            console.log("pincode-", response.pradr.addr.pncd)
832
                            $("#gstState").val(response.pradr.addr.stcd);
833
                            $("#gstCity").val(response.pradr.addr.loc);
834
                            console.log("loc-", response.pradr.addr.loc)
835
                            $("#gstDistrict").val(response.pradr.addr.dst);
836
                            var selectOptions = [];
837
                            var addresses = response.adadr;
838
                            selectOptions.push(`<select id="billingAddress" name="billingAddress" class="form-control">`);
839
 
840
                            addresses.forEach((pradr) => {
841
                                var addrString = getAddressString(pradr.addr);
842
                                var addrStringify = JSON.stringify(pradr.addr);
843
                                selectOptions.push(`<option value='${addrStringify}'>
844
                                      ${addrString}
845
                                </option>`);
846
                            });
847
                            selectOptions.push(`</select>`);
848
                            $('#addlist').html(selectOptions.join(''));
849
                        });
850
            } else {
851
                alert('Please Enter Valid GSTIN Number');
852
                $(".gstNo").val('');
853
                $(".gstNo").focus();
854
            }
855
        });
856
 
857
    });
858
 
859
    function getAddressString(addr) {
860
        addrFields = ["bno", "bnm", "st", "locality", "loc", "pncd", "stcd"];
861
        addresArr = [];
862
        for (let i = 0; i < addrFields.length; i++) {
863
            if (addr.hasOwnProperty(addrFields[i]) && addr[addrFields[i]] !== "") {
864
                addresArr.push(addr[addrFields[i]]);
865
            }
866
        }
867
        return addresArr.join(", ");
868
    }
869
 
870
</script>