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