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