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