Subversion Repositories SmartDukaan

Rev

Rev 37151 | Rev 37169 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
22982 ashik.ali 1
<style>
33128 amit.gupta 2
    .bold-details {
3
        text-transform: capitalize;
4
        font-weight: 600;
5
        color: #212121;
6
    }
28826 tejbeer 7
 
33128 amit.gupta 8
    .normal-details {
9
        font-weight: 400;
10
        text-transform: capitalize;
11
        color: #797979;
12
    }
35971 aman 13
 
14
    .doc-upload-wrapper {
15
        display: flex;
16
        align-items: center;
17
        gap: 8px;
18
    }
19
 
20
    .doc-upload-btn {
21
        display: inline-block;
22
        padding: 5px 14px;
23
        font-size: 13px;
24
        border: 1px solid #ccc;
25
        border-radius: 3px;
26
        background: #f5f5f5;
27
        cursor: pointer;
28
        white-space: nowrap;
29
    }
30
 
31
    .doc-upload-btn:hover {
32
        background: #e8e8e8;
33
    }
34
 
35
    .doc-status {
36
        display: inline-flex;
37
        align-items: center;
38
        gap: 4px;
39
        font-size: 12px;
40
        padding: 3px 8px;
41
        border-radius: 3px;
42
    }
43
 
44
    .doc-status.uploaded {
45
        background: #d4edda;
46
        color: #155724;
47
        border: 1px solid #c3e6cb;
48
    }
49
 
50
    .doc-status.not-uploaded {
51
        background: #f8d7da;
52
        color: #721c24;
53
        border: 1px solid #f5c6cb;
54
    }
55
 
56
    .doc-filename {
57
        font-size: 12px;
58
        color: #555;
59
        max-width: 150px;
60
        overflow: hidden;
61
        text-overflow: ellipsis;
62
        white-space: nowrap;
63
    }
22982 ashik.ali 64
</style>
33128 amit.gupta 65
 
22982 ashik.ali 66
<section class="wrapper">
33128 amit.gupta 67
    <div class="row" style="background: white; font-size: 14px;">
68
        <form id="update-retailer-details-form">
37151 aman 69
            ## Identity of the user this form was loaded for. The save handler sends this as
70
            ## emailIdOrMobileNumber so the backend updates THIS account even when the admin
71
            ## edits the email/mobile fields. Empty when creating a brand-new retailer.
72
            #if($user && $user.getEmailId())
73
                <input type="hidden" id="loadedUserEmail" value="$user.getEmailId()">
74
            #else
75
                <input type="hidden" id="loadedUserEmail" value="">
76
            #end
33128 amit.gupta 77
            <div class="col-lg-4" style="border-left: 1px solid #f0f0f0;">
78
                <h4>USER DETAILS</h4>
79
                <div class="row">
80
                    <div class="col-lg-4 form-group">
81
                        <p class="bold-details">ID</p>
82
                    </div>
83
                    <div class="col-lg-6 form-group">
84
                        #if($user)
85
                            <p class="normal-details" id="userId">$user.getId()</p>
86
                        #else
87
                            <p class="normal-details" id="userId">0</p>
88
                        #end
89
                    </div>
90
                </div>
91
                <div class="row">
92
                    <div class="col-lg-4 form-group">
93
                        <p class="bold-details">FIRST NAME</p>
94
                    </div>
95
                    <div class="col-lg-6 form-group">
96
                        #if($user && $user.getFirstName()) <input placeholder="First Name"
97
                                                                  id="firstName" name="firstName" type="text"
98
                                                                  value="$user.getFirstName()"
99
                                                                  class="form-control input-sm">
100
                        #else <input placeholder="First Name" id="firstName"
101
                                     name="firstName" type="text" value=""
102
                                     class="form-control input-sm"> #end
103
                    </div>
104
                </div>
105
                <div class="row">
106
                    <div class="col-lg-4 form-group">
107
                        <p class="bold-details">LAST NAME</p>
108
                    </div>
109
                    <div class="col-lg-6 form-group">
110
                        #if($user && $user.getLastName()) <input placeholder="Last Name"
111
                                                                 id="lastName" name="lastName" type="text"
112
                                                                 value="$user.getLastName()"
113
                                                                 class="form-control input-sm">
114
                        #else <input placeholder="Last Name" id="lastName" name="lastName"
115
                                     type="text" value="" class="form-control input-sm"> #end
116
                    </div>
117
                </div>
118
                <div class="row">
119
                    <div class="col-lg-4 form-group">
120
                        <p class="bold-details">EMAIL ID</p>
121
                    </div>
122
                    <div class="col-lg-7 form-group">
32667 raveendra. 123
 
33128 amit.gupta 124
                        #if($user && $user.getEmailId())
125
                            <div class="input-group"><input placeholder="Email Id"
126
                                                            id="emailId" name="emailId" type="text"
127
                                                            value="$user.getEmailId()" class="form-control input-sm">
128
                                <span class="input-group-btn">
129
                    								<button class="btn btn-primary btn-sm" id="updateEmail"
130
                                                            type="button">Update!</button>
32667 raveendra. 131
                    							</span>
33128 amit.gupta 132
                            </div>
133
                        #else
134
                            <div class="input-group"><input placeholder="Email Id" id="emailId" name="emailId"
135
                                                            type="text" value="" class="form-control input-sm"> <span
136
                                    class="input-group-btn">
137
                    								<button class="btn btn-primary btn-sm" id="updateEmail"
138
                                                            type="button">Update!</button>
32667 raveendra. 139
                    							</span></div>#end
33128 amit.gupta 140
                        <input placeholder="Email Id" id="fofoID" name="fofoID"
141
                               type="hidden" value="$retailer.getId()" class="form-control input-sm">
142
                    </div>
32667 raveendra. 143
 
33128 amit.gupta 144
                </div>
145
                <div class="row">
146
                    <div class="col-lg-4 form-group">
147
                        <p class="bold-details">MOBILE NUMBER</p>
148
                    </div>
149
                    <div class="col-lg-6 form-group">
150
                        #if($user && $user.getMobileNumber()) <input
151
                                placeholder="Mobile Number" id="mobileNumber" name="mobileNumber"
152
                                type="text" value="$user.getMobileNumber()"
153
                                class="form-control input-sm"> #else <input
154
                                placeholder="Mobile Number" id="mobileNumber" name="mobileNumber"
155
                                type="text" value="" class="form-control input-sm"> #end
156
                    </div>
24162 tejbeer 157
 
33128 amit.gupta 158
                </div>
28826 tejbeer 159
 
33128 amit.gupta 160
                <div class="row">
161
                    <div class="col-lg-5 form-group">
162
                        <p class="bold-details">Location</p>
163
                    </div>
164
                    <div class="col-lg-4 form-group">
165
                        #if($locationdetail) <input placeholder="location" id="location"
166
                                                    name="location" type="checkbox" value="true" checked>
167
                        #else <input placeholder="location" id="location" name="location"
168
                                     type="checkbox" value="false"> #end
169
                    </div>
170
                </div>
28826 tejbeer 171
 
33128 amit.gupta 172
                <div class="row" style="display: none" id="divLocation">
173
                    <div class="col-lg-4 form-group">
174
                        <p class="bold-details">Attendence Location</p>
175
                    </div>
176
                    <div class="col-lg-6 form-group">
177
                        #if($locationdetail)
178
                            <button class="btn btn-primary changelocation"
179
                                    id="change-location-button" data-target="#addLocationModal"
180
                                    data-toggle="modal" type="button">Change
181
                            </button>
182
                        #else
183
                            <button class="btn btn-primary addlocation"
184
                                    id="add-location-button" data-target="#addLocationModal"
185
                                    data-toggle="modal" type="button">Add
186
                            </button>
187
                        #end
188
                    </div>
189
                </div>
28826 tejbeer 190
 
33128 amit.gupta 191
                <div class="row">
192
                    #if($userRoleNames)
193
                        <div class="col-lg-4 form-group">
194
                            <p class="bold-details">ROLES</p>
195
                        </div>
196
                        <div class="col-lg-6 form-group">
197
                            <p class="normal-details">$userRoleNames</p>
198
                        </div>
199
                    #end
200
                </div>
201
                <div class="row col-lg-12 form-group">
202
                    <div>
35203 amit 203
                        <label>Blocked Brands</label>
33128 amit.gupta 204
                    </div>
205
                    <select data-placeholder="Choose brands" multiple="multiple"
206
                            class="criteria-brands chosen-select" id="blocks-brands">
207
                        #foreach($retailerBlockBrand in $retailerBlockBrands)
208
                            <option name="blockBrands" value="$retailerBlockBrand" selected>$retailerBlockBrand</option>
209
                        #end #foreach($brand in $brands)
28826 tejbeer 210
 
33128 amit.gupta 211
                        <option name="blockBrands" value="$brand">$brand</option> #end
212
                    </select>
213
                </div>
28826 tejbeer 214
 
33128 amit.gupta 215
                <div class="row">
216
                    <div class="col-lg-4 form-group">
36080 aman 217
                        <p class="bold-details">PARTNER TYPE</p>
33128 amit.gupta 218
                    </div>
219
                    <div class="col-lg-6 form-group">
220
                        <select class="form-control input-sm" id="fofoType"
36080 aman 221
                                name="fofoType" placeholder="Partner Type">
222
                            <option value="" disabled selected>Partner Type</option>
33128 amit.gupta 223
                            #foreach($fofoType in $fofoTypes)
224
                                #if($fofoType == $fofoStore.getFofoType())
225
                                    <option value="$fofoType" selected>$fofoType</option>
226
                                #else
227
                                    <option value="$fofoType">$fofoType</option>
228
                                #end #end
229
                        </select>
230
                    </div>
28826 tejbeer 231
 
33128 amit.gupta 232
                </div>
233
            </div>
28826 tejbeer 234
 
33128 amit.gupta 235
            <div class="col-lg-4" style="border-left: 1px solid #f0f0f0;">
236
                <h4>RETAILER DETAILS</h4>
237
                <h4>RETAILER</h4>
238
                <div class="row">
239
                    <div class="col-lg-4 form-group">
240
                        <p class="bold-details">ID</p>
241
                    </div>
242
                    <div class="col-lg-6 form-group">
243
                        #if($retailer)
244
                            <p class="normal-details" id="retailerId">$retailer.getId()</p>
245
                        #else
246
                            <p class="normal-details" id="retailerId">0</p>
247
                        #end
248
                    </div>
249
                </div>
28826 tejbeer 250
 
33128 amit.gupta 251
                <div class="row">
252
                    <div class="col-lg-4 form-group">
253
                        <label class="bold-details">NAME</label>
254
                    </div>
255
                    <div class="col-lg-6 form-group">
256
                        #if($retailer && $retailer.getName()) <input placeholder="Name"
257
                                                                     id="retailerName" name="retailerName" type="text"
258
                                                                     value="$retailer.getName()"
259
                                                                     class="form-control input-sm">
260
                        #else <input placeholder="Name" id="retailerName"
261
                                     name="retailerName" type="text" value=""
262
                                     class="form-control input-sm"> #end
263
                    </div>
264
                </div>
265
                <div class="row">
266
                    <div class="col-lg-4 form-group">
267
                        <p class="bold-details">NUMBER</p>
268
                    </div>
269
                    <div class="col-lg-6 form-group">
270
                        #if($retailer && $retailer.getNumber()) <input
271
                                placeholder="Number" id="retailerNumber" name="retailerNumber"
272
                                type="text" value="$retailer.getNumber()"
273
                                class="form-control input-sm"> #else <input
274
                                placeholder="Number" id="retailerNumber" name="retailerNumber"
275
                                type="text" value="" class="form-control input-sm"> #end
276
                    </div>
277
                </div>
28826 tejbeer 278
 
279
 
33128 amit.gupta 280
                <div class="row">
281
                    <div class="col-lg-4 form-group">
35971 aman 282
                        <p class="bold-details">DOCUMENT <span style="color:red;">*</span></p>
33128 amit.gupta 283
                    </div>
35971 aman 284
                    <div class="col-lg-8 form-group">
285
                        <div class="doc-upload-wrapper">
286
                            #set($retailerDocumentId = 0)
33128 amit.gupta 287
                            #if($retailer && $retailer.getDocumentId())
35971 aman 288
                                #set($retailerDocumentId = $retailer.getDocumentId())
289
                            #end
290
                            <label class="doc-upload-btn" for="retailerDocument">
291
                                <i class="fa fa-upload"></i> Browse
292
                            </label>
293
                            <input type="file" id="retailerDocument" name="retailerDocument"
294
                                   documentId="$retailerDocumentId" style="display: none">
295
                            #if($retailer && $retailer.getDocumentId())
296
                                <span class="doc-status uploaded" id="retailerDocStatus">
297
                                    <i class="fa fa-check-circle"></i> Uploaded
298
                                </span>
33128 amit.gupta 299
                                <button type="button" class="btn btn-default btn-sm"
300
                                        onclick="downloadRetailerDocument($retailer.getDocumentId(), $retailer.getId())">
35971 aman 301
                                    <i class="fa fa-eye"></i> View
33128 amit.gupta 302
                                </button>
35971 aman 303
                            #else
304
                                <span class="doc-status not-uploaded" id="retailerDocStatus">
305
                                    <i class="fa fa-times-circle"></i> Not Uploaded
306
                                </span>
307
                            #end
308
                            <span class="doc-filename" id="retailerDocFileName"></span>
33128 amit.gupta 309
                        </div>
35971 aman 310
                    </div>
33128 amit.gupta 311
                </div>
28826 tejbeer 312
 
313
 
33128 amit.gupta 314
                <h4>ADDRESS</h4>
315
                <div class="row">
316
                    <div class="col-lg-4 form-group">
317
                        <p class="bold-details">NAME</p>
318
                    </div>
319
                    <div class="col-lg-6 form-group">
320
                        #if($retailerAddress && $retailerAddress.getName()) <input
321
                                placeholder="Name" id="retailerAddressName"
322
                                name="retailerAddressName" type="text"
323
                                value="$retailerAddress.getName()" class="form-control input-sm">
324
                        #else <input placeholder="Name" id="retailerAddressName"
325
                                     name="retailerAddressName" type="text" value=""
326
                                     class="form-control input-sm"> #end
327
                    </div>
328
                </div>
329
                <div class="row">
330
                    <div class="col-lg-4 form-group">
331
                        <p class="bold-details">LINE1</p>
332
                    </div>
333
                    <div class="col-lg-6 form-group">
334
                        #if($retailerAddress && $retailerAddress.getLine1()) <input
335
                                placeholder="Line 1" id="retailerAddressLine1"
336
                                name="retailerAddressLine1" type="text"
337
                                value="$retailerAddress.getLine1()" class="form-control input-sm">
338
                        #else <input placeholder="Line 1" id="retailerAddressLine1"
339
                                     name="retailerAddressLine1" type="text" value=""
340
                                     class="form-control input-sm"> #end
341
                    </div>
342
                </div>
343
                <div class="row">
344
                    <div class="col-lg-4 form-group">
345
                        <p class="bold-details">LINE2</p>
346
                    </div>
347
                    <div class="col-lg-6 form-group">
348
                        #if($retailerAddress && $retailerAddress.getLine2()) <input
349
                                placeholder="Line2" id="retailerAddressLine2"
350
                                name="retailerAddressLine2" type="text"
351
                                value="$retailerAddress.getLine2()" class="form-control input-sm">
352
                        #else <input placeholder="Line2" id="retailerAddressLine2"
353
                                     name="retailerAddressLine2" type="text" value=""
354
                                     class="form-control input-sm"> #end
355
                    </div>
356
                </div>
28826 tejbeer 357
 
33128 amit.gupta 358
                <div class="row">
359
                    <div class="col-lg-4 form-group">
360
                        <p class="bold-details">PIN CODE</p>
361
                    </div>
362
                    <div class="col-lg-6 form-group">
363
                        #if($retailerAddress && $retailerAddress.getPinCode()) <input
364
                                placeholder="Pin Code" id="retailerAddressPinCode"
365
                                name="retailerAddressPinCode" type="text"
366
                                value="$retailerAddress.getPinCode()"
367
                                class="form-control input-sm"> #else <input
368
                                placeholder="Pin Code" id="retailerAddressPinCode"
369
                                name="retailerAddressPinCode" type="text" value=""
370
                                class="form-control input-sm"> #end
371
                    </div>
372
                </div>
28826 tejbeer 373
 
33128 amit.gupta 374
                <div class="row">
375
                    <div class="col-lg-4 form-group">
376
                        <p class="bold-details">STATE</p>
377
                    </div>
378
                    <div class="col-lg-6 form-group">
379
                        #if($fofoStore) <input placeholder="retailerAddressState"
380
                                               id="retailerAddressState" name="retailerAddressState" type="text"
381
                                               value="$retailerAddress.getState()" class="form-control input-sm"
382
                                               style="font-weight: bold;" disabled> #else <input
383
                                placeholder="retailerAddressState" id="retailerAddressState"
384
                                name="retailerAddressState" type="text" value=""
385
                                class="form-control input-sm" disabled> #end
386
                    </div>
387
                </div>
28826 tejbeer 388
 
33128 amit.gupta 389
                <div class="row">
390
                    <div class="col-lg-4 form-group">
391
                        <p class="bold-details">CITY</p>
392
                    </div>
393
                    <div class="col-lg-6 form-group">
394
                        <select class="form-control input-sm" id="retailerAddressCity"
395
                                name="retailerAddressCity" placeholder="City">
396
                            <option value="" disabled selected>City</option>
397
                            #if($retailerAddress.getCity())
398
                                <option value="$retailerAddress.getCity()" selected>$retailerAddress.getCity()</option>
399
                            #end
33124 ranu 400
 
33128 amit.gupta 401
                        </select>
402
                    </div>
403
                </div>
33124 ranu 404
 
33128 amit.gupta 405
                <div class="row">
406
                    <div class="col-lg-4 form-group">
407
                        <p class="bold-details">Area-Territory</p>
408
                    </div>
409
                    <div class="col-lg-6 form-group">
410
                        <select class="form-control input-sm" id="retailerAstId"
411
                                name="retailerAstId" placeholder="Area-Territory">
412
                            <option value="" disabled selected>Area-Territory</option>
413
                            #foreach($ast in $astDetail)
414
                                <option value="$ast.getId()"
415
                                    #if($fofoStore.getAstId() == $ast.getId())
416
                                        selected
417
                                    #end>
418
                                    $ast.getArea() ($ast.getAreaDescription()
419
                                    - $ast.getTerritory() ($ast.getTerritoryDescription()
420
                                </option>
421
                            #end
33124 ranu 422
 
33128 amit.gupta 423
                        </select>
424
                    </div>
425
                </div>
28826 tejbeer 426
 
33128 amit.gupta 427
                <div class="row">
428
                    <div class="col-lg-4 form-group">
36080 aman 429
                        <p class="bold-details">PARTNER STORE CODE</p>
33128 amit.gupta 430
                    </div>
431
                    <div class="col-lg-6 form-group">
36080 aman 432
                        #if($fofoStore) <input placeholder="Partner Store Code"
35289 amit 433
                                               id="fofostorecode" name="fofostorecode" type="text"
33128 amit.gupta 434
                                               value="$fofoStore.getCode()" class="form-control input-sm"
435
                                               style="font-weight: bold;" disabled> #else <input
36080 aman 436
                                placeholder="Partner Store Code"
33128 amit.gupta 437
                                name="fofostorecode" type="text" value=""
438
                                class="form-control input-sm" disabled> #end
439
                    </div>
440
                </div>
441
                #if(!$fofoStore)
442
                    <div class="row">
443
                        <div id="district-name-container">
444
                            <div class="col-lg-4 form-group">
445
                                <p class="bold-details">DISTRICT NAME</p>
446
                            </div>
28826 tejbeer 447
 
33128 amit.gupta 448
                            <div class="col-lg-6 form-group">
449
                                <select class="form-control input-sm" id="districtName"
450
                                        name="districtName" placeholder="District Name">
451
                                    <option value="" disabled selected>District Name</option>
452
                                    #foreach($districtMaster in $districtMasters)
453
                                        <option value="$districtMaster.getName()">$districtMaster.getName()</option>
454
                                    #end
455
                                </select>
456
                            </div>
457
                        </div>
458
                    </div>
459
                #end
460
                <div class="row">
461
                    <div class="col-lg-4 form-group">
462
                        <p class="bold-details">CounterSize</p>
463
                    </div>
464
                    <div class="col-lg-6 form-group">
465
                        <select class="form-control input-sm" id="counterSize"
466
                                name="counterSize" placeholder="counterSize">
467
                            <option value="" disabled selected>counterSize</option>
468
                            #foreach($counterSize in $counterSizes) #if($counterSize ==
469
                                $fofoStore.getCounterSize())
470
                                <option value="$counterSize" selected>$counterSize</option> #else
471
                                <option value="$counterSize">$counterSize</option> #end #end
472
                        </select>
473
                    </div>
474
                </div>
28826 tejbeer 475
 
33128 amit.gupta 476
                <div class="row">
477
                    <div class="col-lg-4 form-group">
478
                        <p class="bold-details">Counter Potential</p>
479
                    </div>
480
                    <div class="col-lg-6 form-group">
481
                        #if($fofoStore) <input placeholder="counterPotential"
482
                                               id="counterPotential" name="counterPotential" type="text"
483
                                               value="$fofoStore.getCounterPotential()"
484
                                               class="form-control input-sm"> #else <input
485
                                placeholder="counterPotential" id="counterPotential"
486
                                name="counterPotential" type="text" value=""
487
                                class="form-control input-sm"> #end
488
                    </div>
489
                </div>
28826 tejbeer 490
 
33128 amit.gupta 491
                <div class="row">
492
                    <div class="col-lg-4 form-group">
493
                        <p class="bold-details">MinInvestment</p>
494
                    </div>
495
                    <div class="col-lg-6 form-group">
496
                        #if($fofoStore) <input placeholder="minInvestment"
497
                                               id="minInvestment" name="minInvestment" type="text"
498
                                               value="$fofoStore.getMinimumInvestment()"
499
                                               class="form-control input-sm"> #else <input
500
                                placeholder="minInvestment" id="minInvestment"
501
                                name="minInvestment" type="text" value=""
502
                                class="form-control input-sm"> #end
503
                    </div>
504
                </div>
505
                <div class="row">
506
                    <div class="col-lg-5 form-group">
36080 aman 507
                        <p class="bold-details">PARTNER</p>
33128 amit.gupta 508
                    </div>
509
                    <div class="col-lg-4 form-group">
36080 aman 510
                        #if($fofoRole) <input placeholder="Partner" id="fofoPartner"
33128 amit.gupta 511
                                              name="fofoPartner" type="checkbox" value="true" checked>
36080 aman 512
                        #else <input placeholder="Partner" id="fofoPartner"
33128 amit.gupta 513
                                     name="fofoPartner" type="checkbox" value="false"> #end
514
                    </div>
515
                </div>
28826 tejbeer 516
 
33128 amit.gupta 517
                <div class="row">
518
                    <div class="col-lg-4 form-group">
36080 aman 519
                        <p class="bold-details">PARTNER ZONE</p>
33128 amit.gupta 520
                    </div>
521
                    <div class="col-lg-6 form-group">
522
                        <select class="form-control input-sm" id="fofoZone"
36080 aman 523
                                name="fofoZone" placeholder="Partner Zone">
524
                            <option value="" disabled selected>Partner Zone</option>
33128 amit.gupta 525
                            #foreach($warehouse in $warehouses.entrySet())
526
                                #if($warehouse.getKey() == $fofoStore.getWarehouseId())
527
                                    <option value="$warehouse.getKey()" selected>$warehouse.getValue()</option>
528
                                #else
529
                                    <option value="$warehouse.getKey()">$warehouse.getValue()</option>
530
                                #end #end
531
                        </select>
532
                    </div>
28826 tejbeer 533
 
33128 amit.gupta 534
                </div>
535
                <div class="row">
536
                    <div class="col-lg-4 form-group">
537
                        <p class="bold-details">GST NUMBER</p>
538
                    </div>
539
                    <div class="col-lg-6 form-group">
540
                        #if($gstNumber) <input placeholder="GST Number" id="gstNumber"
541
                                               name="gstNumber" type="text" value="$gstNumber"
542
                                               class="form-control input-sm"> #else <input
543
                                placeholder="GST Number" id="gstNumber" name="gstNumber"
544
                                type="text" value="" class="form-control input-sm"> #end
545
                    </div>
546
                </div>
547
                <div class="row">
548
                    <div class="col-lg-5 form-group">
549
                        <p class="bold-details">ACTIVE</p>
550
                    </div>
551
                    <div class="col-lg-4 form-group">
552
                        #if($retailer && $retailer.isActive()) <input placeholder="Active"
553
                                                                      id="active" name="active" type="checkbox"
554
                                                                      value="true" checked>
555
                        #else <input placeholder="Active" id="active" name="active"
556
                                     type="checkbox" value="false"> #end
557
                    </div>
558
                </div>
37158 amit 559
                <div class="row">
560
                    <div class="col-lg-5 form-group">
561
                        <p class="bold-details">ADDITIONAL OUTLET FOR SAME GST</p>
562
                    </div>
563
                    <div class="col-lg-4 form-group">
564
                        <input placeholder="Additional outlet for same GST" id="allowAdditionalOutlet"
565
                               name="allowAdditionalOutlet" type="checkbox" value="false">
566
                    </div>
567
                </div>
28826 tejbeer 568
 
33128 amit.gupta 569
            </div>
570
            <div class="col-lg-4" style="border-left: 1px solid #f0f0f0;"
571
                 id="shops">
572
                <h4>SHOP DETAILS</h4>
573
                #set($a = 0) #if(!$shops || $shops.isEmpty())
574
                <div id="new-shops">
575
                    <h4>SHOP</h4>
576
                    <div class="row">
577
                        <div class="col-lg-4 form-group">
578
                            <p class="bold-details">ID</p>
579
                        </div>
580
                        <div class="col-lg-6 form-group" id="0">
581
                            <p class="normal-details">0</p>
582
                        </div>
583
                    </div>
584
                    <div class="row">
585
                        <div class="col-lg-4 form-group">
586
                            <p class="bold-details">NAME</p>
587
                        </div>
588
                        <div class="col-lg-6 form-group">
589
                            <input placeholder="Name" id="shopName${a}" name="shopName${a}"
590
                                   shopId="0" type="text" value="" class="form-control input-sm">
591
                        </div>
592
                    </div>
593
                    <div class="row">
594
                        <div class="col-lg-4 form-group">
35971 aman 595
                            <p class="bold-details">DOCUMENT <span style="color:red;">*</span></p>
33128 amit.gupta 596
                        </div>
35971 aman 597
                        <div class="col-lg-8 form-group">
598
                            <div class="doc-upload-wrapper">
599
                                <label class="doc-upload-btn" for="retailerShopDocument${a}">
600
                                    <i class="fa fa-upload"></i> Browse
601
                                </label>
602
                                <input type="file" shopId="0" class="retailerShopDocument"
603
                                       id="retailerShopDocument${a}" name="retailerShopDocument${a}"
604
                                       documentId="0" style="display: none">
605
                                <span class="doc-status not-uploaded" id="shopDocStatus${a}">
606
                                    <i class="fa fa-times-circle"></i> Not Uploaded
607
                                </span>
608
                                <span class="doc-filename" id="shopDocFileName${a}"></span>
609
                            </div>
33128 amit.gupta 610
                        </div>
611
                    </div>
612
                    <h4>ADDRESS</h4>
613
                    <div class="row">
614
                        <div class="col-lg-8 form-group">
615
                            <p class="bold-details">SAME AS RETAILER ADDRESS</p>
616
                        </div>
617
                        <div class="col-lg-2 form-group">
618
                            <input placeholder="Same as Retailer Address"
619
                                   id="sameAsRetailerAddress${a}" name="sameAsRetailerAddress${a}"
620
                                   type="checkbox" value="false">
621
                        </div>
622
                    </div>
623
                    <div id="new-shops-address">
624
                        <div class="row">
625
                            <div class="col-lg-4 form-group">
626
                                <p class="bold-details">NAME</p>
627
                            </div>
628
                            <div class="col-lg-6 form-group">
629
                                <input placeholder="Name" id="shopAddressName${a}"
630
                                       name="shopAddressName${a}" type="text" value=""
631
                                       class="form-control input-sm">
632
                            </div>
633
                        </div>
634
                        <div class="row">
635
                            <div class="col-lg-4 form-group">
636
                                <p class="bold-details">LINE1</p>
637
                            </div>
638
                            <div class="col-lg-6 form-group">
639
                                <input placeholder="Line1" id="shopAddressLine1${a}"
640
                                       name="shopAddressLine1${a}" type="text" value=""
641
                                       class="form-control input-sm">
642
                            </div>
643
                        </div>
644
                        <div class="row">
645
                            <div class="col-lg-4 form-group">
646
                                <p class="bold-details">LINE2</p>
647
                            </div>
648
                            <div class="col-lg-6 form-group">
649
                                <input placeholder="Line2" id="shopAddressLine2${a}"
650
                                       name="shopAddressLine2${a}" type="text" value=""
651
                                       class="form-control input-sm">
652
                            </div>
653
                        </div>
28826 tejbeer 654
 
33128 amit.gupta 655
                        <div class="row">
656
                            <div class="col-lg-4 form-group">
657
                                <p class="bold-details">CITY</p>
658
                            </div>
659
                            <div class="col-lg-6 form-group">
660
                                <input placeholder="City" id="shopAddressCity${a}"
661
                                       name="shopAddressCity${a}" type="text" value=""
662
                                       class="form-control input-sm">
663
                            </div>
664
                        </div>
28826 tejbeer 665
 
33128 amit.gupta 666
                        <div class="row">
667
                            <div class="col-lg-4 form-group">
668
                                <p class="bold-details">PIN CODE</p>
669
                            </div>
670
                            <div class="col-lg-6 form-group">
671
                                <input placeholder="Pin Code" id="shopAddressPinCode${a}"
672
                                       name="shopAddressPinCode${a}" type="text" value=""
673
                                       class="form-control input-sm">
674
                            </div>
675
                        </div>
32779 shampa 676
 
677
 
33128 amit.gupta 678
                        <div class="row">
679
                            <div class="col-lg-4 form-group">
680
                                <p class="bold-details">STATE</p>
681
                            </div>
682
                            <div class="col-lg-6 form-group">
683
                                <select class="form-control input-sm" id="shopAddressState${a}"
684
                                        name="shopAddressState${a}" placeholder="State">
685
                                    <option value="" disabled selected>State</option>
686
                                    #foreach($stateName in $stateNames)
687
                                        <option value="$stateName">$stateName</option> #end
688
                                </select>
689
                            </div>
690
                        </div>
691
                    </div>
28826 tejbeer 692
 
693
 
33128 amit.gupta 694
                    #set($a = $a + 1)
695
                </div>
696
            #else
697
                <div id="existing-shops">
698
                    #foreach($shop in $shops)
28826 tejbeer 699
 
33128 amit.gupta 700
                        <h4>SHOP</h4>
701
                        <div class="row">
702
                            <div class="col-lg-4 form-group">
703
                                <p class="bold-details">ID</p>
704
                            </div>
705
                            <div class="col-lg-6 form-group" id="$shop.getId()">
706
                                <p class="normal-details">$shop.getId()</p>
707
                            </div>
708
                        </div>
709
                        <div class="row">
710
                            <div class="col-lg-4 form-group">
711
                                <p class="bold-details">NAME</p>
712
                            </div>
713
                            <div class="col-lg-6 form-group">
714
                                #if($shop.getName()) <input placeholder="Name" id="shopName${a}"
715
                                                            name="shopName${a}" shopId="$shop.getId()" type="text"
716
                                                            value="$shop.getName()" class="form-control input-sm">
717
                                #else <input placeholder="Name" id="shopName${a}"
718
                                             name="shopName${a}" shopId="$shop.getId()" type="text" value=""
719
                                             class="form-control input-sm"> #end
720
                            </div>
721
                        </div>
28826 tejbeer 722
 
33128 amit.gupta 723
                        <div class="row">
724
                            <div class="col-lg-4 form-group">
35971 aman 725
                                <p class="bold-details">DOCUMENT <span style="color:red;">*</span></p>
33128 amit.gupta 726
                            </div>
35971 aman 727
                            <div class="col-lg-8 form-group">
728
                                <div class="doc-upload-wrapper">
729
                                    <label class="doc-upload-btn" for="retailerShopDocument${a}">
730
                                        <i class="fa fa-upload"></i> Browse
731
                                    </label>
732
                                    #if(!$shop.getDocumentId())
733
                                        <input type="file" shopId="$shop.getId()"
734
                                               class="retailerShopDocument" id="retailerShopDocument${a}"
735
                                               name="retailerShopDocument${a}" documentId="0"
736
                                               style="display: none">
737
                                        <span class="doc-status not-uploaded" id="shopDocStatus${a}">
738
                                            <i class="fa fa-times-circle"></i> Not Uploaded
739
                                        </span>
740
                                    #else
741
                                        <input type="file" shopId="$shop.getId()"
742
                                               class="retailerShopDocument" id="retailerShopDocument${a}"
743
                                               name="retailerShopDocument${a}" documentId="$shop.getDocumentId()"
744
                                               style="display: none">
745
                                        <span class="doc-status uploaded" id="shopDocStatus${a}">
746
                                            <i class="fa fa-check-circle"></i> Uploaded
747
                                        </span>
33128 amit.gupta 748
                                        <button type="button" class="btn btn-default btn-sm"
749
                                                onclick="downloadRetailerShopDocument($shop.getId(), $shop.getRetailerId())">
35971 aman 750
                                            <i class="fa fa-eye"></i> View
33128 amit.gupta 751
                                        </button>
35971 aman 752
                                    #end
753
                                    <span class="doc-filename" id="shopDocFileName${a}"></span>
33128 amit.gupta 754
                                </div>
35971 aman 755
                            </div>
33128 amit.gupta 756
                        </div>
757
                        <h4>ADDRESS</h4>
758
                        <div class="row">
759
                            <div class="col-lg-6 form-group">
760
                                <p class="bold-details">Same as Retailer Address</p>
761
                            </div>
762
                            <div class="col-lg-4 form-group">
763
                                <input placeholder="Same as Retailer Address"
764
                                       id="sameAsRetailerAddress${a}" name="sameAsRetailerAddress${a}"
765
                                       type="checkbox" value="false">
766
                            </div>
767
                        </div>
768
                        <div class="row">
769
                            <div class="col-lg-4 form-group">
770
                                <p class="bold-details">NAME</p>
771
                            </div>
772
                            <div class="col-lg-6 form-group">
773
                                #if($shop.getAddress().getName()) <input placeholder="Name"
774
                                                                         id="shopAddressName${a}"
775
                                                                         name="shopAddressName${a}" type="text"
776
                                                                         value="$shop.getAddress().getName()"
777
                                                                         class="form-control input-sm"> #else <input
778
                                        placeholder="Name" id="shopAddressName${a}"
779
                                        name="shopAddressName${a}" type="text" value=""
780
                                        class="form-control input-sm"> #end
781
                            </div>
782
                        </div>
783
                        <div class="row">
784
                            <div class="col-lg-4 form-group">
785
                                <p class="bold-details">LINE1</p>
786
                            </div>
787
                            <div class="col-lg-6 form-group">
788
                                #if($shop.getAddress().getLine1()) <input placeholder="Line1"
789
                                                                          id="shopAddressLine1${a}"
790
                                                                          name="shopAddressLine1${a}"
791
                                                                          type="text"
792
                                                                          value="$shop.getAddress().getLine1()"
793
                                                                          class="form-control input-sm"> #else <input
794
                                        placeholder="Line1" id="shopAddressLine1${a}"
795
                                        name="shopAddressLine1${a}" type="text" value=""
796
                                        class="form-control input-sm"> #end
797
                            </div>
798
                        </div>
799
                        <div class="row">
800
                            <div class="col-lg-4 form-group">
801
                                <p class="bold-details">LINE2</p>
802
                            </div>
803
                            <div class="col-lg-6 form-group">
804
                                #if($shop.getAddress().getLine2()) <input placeholder="Line2"
805
                                                                          id="shopAddressLine2${a}"
806
                                                                          name="shopAddressLine2${a}"
807
                                                                          type="text"
808
                                                                          value="$shop.getAddress().getLine2()"
809
                                                                          class="form-control input-sm"> #else <input
810
                                        placeholder="Line2" id="shopAddressLine2${a}"
811
                                        name="shopAddressLine2${a}" type="text" value=""
812
                                        class="form-control input-sm"> #end
813
                            </div>
814
                        </div>
28826 tejbeer 815
 
33128 amit.gupta 816
                        <div class="row">
817
                            <div class="col-lg-4 form-group">
818
                                <p class="bold-details">CITY</p>
819
                            </div>
820
                            <div class="col-lg-6 form-group">
821
                                #if($shop.getAddress().getCity()) <input placeholder="City"
822
                                                                         id="shopAddressCity${a}"
823
                                                                         name="shopAddressCity${a}" type="text"
824
                                                                         value="$shop.getAddress().getCity()"
825
                                                                         class="form-control input-sm"> #else <input
826
                                        placeholder="City" id="shopAddressCity${a}"
827
                                        name="shopAddressCity${a}" type="text" value=""
828
                                        class="form-control input-sm"> #end
829
                            </div>
830
                        </div>
28826 tejbeer 831
 
33128 amit.gupta 832
                        <div class="row">
833
                            <div class="col-lg-4 form-group">
834
                                <p class="bold-details">PIN CODE</p>
835
                            </div>
836
                            <div class="col-lg-6 form-group">
837
                                #if($shop.getAddress().getPinCode()) <input
838
                                        placeholder="Pin Code" id="shopAddressPinCode${a}"
839
                                        name="shopAddressPinCode${a}" type="text"
840
                                        value="$shop.getAddress().getPinCode()"
841
                                        class="form-control input-sm"> #else <input
842
                                        placeholder="Pin Code" id="shopAddressPinCode${a}"
843
                                        name="shopAddressPinCode${a}" type="text" value=""
844
                                        class="form-control input-sm"> #end
845
                            </div>
846
                        </div>
847
 
848
                        <div class="row">
849
                            <div class="col-lg-4 form-group">
850
                                <p class="bold-details">STATE</p>
851
                            </div>
852
                            <div class="col-lg-6 form-group">
853
                                <select class="form-control input-sm" id="shopAddressState${a}"
854
                                        name="shopAddressState${a}" placeholder="State">
855
                                    <option value="" disabled selected>State</option>
856
                                    #foreach($stateName in $stateNames)
857
                                        #if($shop.getAddress().getState() &&
858
                                            $shop.getAddress().getState() == $stateName)
859
                                            <option value="$stateName" selected>$stateName</option> #else
860
                                            <option value="$stateName">$stateName</option> #end #end
861
                                </select>
862
                            </div>
863
                        </div>
864
                        #set($a = $a + 1) #end
865
                </div>
866
            #end
867
                <div id="shopDetailsSize" size="$a"></div>
868
            </div>
869
            <div class="row">
870
                <div class="col-md-2 col-md-offset-5">
35289 amit 871
                    <button id="updateDetails" class="btn btn-primary" type="submit">Update Details
33128 amit.gupta 872
                    </button>
873
                </div>
874
            </div>
875
        </form>
876
 
877
    </div>
23396 ashik.ali 878
</section>
24159 tejbeer 879
 
28826 tejbeer 880
<div id="addLocationModal" class="modal" role="dialog">
33128 amit.gupta 881
    <div class="modal-dialog">
28826 tejbeer 882
 
33128 amit.gupta 883
        <!-- Modal content-->
884
        <div class="modal-content">
885
            <div class="modal-header">
886
                <button type="button" class="close" data-dismiss="modal">&times;</button>
887
                <h4 class="modal-title">Add Location</h4>
888
            </div>
889
            <div class="modal-body">
890
                #if($locationdetail)
891
                    <form id="add-location-modal">
892
                        <div class="col-log-6">
893
                            <div class="row">
894
                                <div class="col-lg-3 form-group">
895
                                    <input placeholder="Name" id="personName" name="personName"
896
                                           type="text" value="$locationdetail.getName()"
897
                                           class="form-control input-sm">
898
                                </div>
899
                                <div class="col-lg-3 form-group">
900
                                    <input placeholder="Address Line 1" id="line1" name="line1"
901
                                           type="text" size="50" value="$locationdetail.getLine1()"
902
                                           class="form-control input-sm">
903
                                </div>
904
                                <div class="col-lg-3 form-group">
905
                                    <input placeholder="Address Line 2" id="line2" name="line2"
906
                                           type="text" value="$locationdetail.getLine2()"
907
                                           class="form-control input-sm">
908
                                </div>
909
                            </div>
28826 tejbeer 910
 
33128 amit.gupta 911
                            <div class="row">
912
                                <div class="col-lg-3 form-group">
913
                                    <input placeholder="City" id="city" name="city" type="text"
914
                                           value="$locationdetail.getCity()" class="form-control input-sm">
915
                                </div>
916
                                <div class="col-lg-3 form-group">
917
                                    <select class="form-control input-sm" id="state" name="state"
918
                                            placeholder="State">
919
                                        <option value="" disabled selected>State</option>
920
                                        #foreach($stateName in $stateNames)
921
                                            #if($locationdetail.getState() == $stateName)
922
                                                <option value="$stateName" selected>$stateName</option> #else
923
                                                <option value="$stateName">$stateName</option> #end #end
924
                                    </select>
925
                                </div>
28826 tejbeer 926
 
33128 amit.gupta 927
                                <div class="col-lg-3 form-group">
928
                                    <input placeholder="Pin Code" id="pinCode" name="pinCode"
929
                                           type="number" value="$locationdetail.getPin()"
930
                                           class="form-control input-sm">
931
                                </div>
28826 tejbeer 932
 
33128 amit.gupta 933
                                <div class="col-lg-2">
934
                                    <button class="btn btn-primary" id=""
935
                                            onclick="updateLocationButton($locationdetail.getId())"
936
                                            type="button">Update
937
                                    </button>
28826 tejbeer 938
 
33128 amit.gupta 939
                                </div>
940
                            </div>
941
                        </div>
28826 tejbeer 942
 
33128 amit.gupta 943
                    </form>
944
                #else
945
                    <form id="add-location-modal">
946
                        <div class="col-log-6">
947
                            <div class="row">
948
                                <div class="col-lg-3 form-group">
949
                                    <input placeholder="Name" id="personName" name="personName"
950
                                           type="text" value="" class="form-control input-sm">
951
                                </div>
952
                                <div class="col-lg-3 form-group">
953
                                    <input placeholder="Address Line 1" id="line1" name="line1"
954
                                           type="text" size="50" value="" class="form-control input-sm">
955
                                </div>
956
                                <div class="col-lg-3 form-group">
957
                                    <input placeholder="Address Line 2" id="line2" name="line2"
958
                                           type="text" value="" class="form-control input-sm">
959
                                </div>
960
                            </div>
28826 tejbeer 961
 
33128 amit.gupta 962
                            <div class="row">
963
                                <div class="col-lg-3 form-group">
964
                                    <input placeholder="City" id="city" name="city" type="text"
965
                                           value="" class="form-control input-sm">
966
                                </div>
967
                                <div class="col-lg-3 form-group">
968
                                    <select class="form-control input-sm" id="state" name="state"
969
                                            placeholder="State">
970
                                        <option value="" disabled selected>State</option>
971
                                        #foreach($stateName in $stateNames) #if($retailerStateName ==
972
                                            $stateName)
973
                                            <option value="$stateName" selected>$stateName</option> #else
974
                                            <option value="$stateName">$stateName</option> #end #end
975
                                    </select>
976
                                </div>
28826 tejbeer 977
 
33128 amit.gupta 978
                                <div class="col-lg-3 form-group">
979
                                    <input placeholder="Pin Code" id="pinCode" name="pinCode"
980
                                           type="number" value="" class="form-control input-sm">
981
                                </div>
28826 tejbeer 982
 
33128 amit.gupta 983
                                <div class="col-lg-2">
984
                                    <input class="btn btn-primary addlocationbutton" type="button"
985
                                           value="Add">
986
                                </div>
987
                            </div>
988
                        </div>
28826 tejbeer 989
 
33128 amit.gupta 990
                    </form>
991
                #end
28826 tejbeer 992
 
33128 amit.gupta 993
            </div>
994
        </div>
995
    </div>
28826 tejbeer 996
</div>
24162 tejbeer 997
 
28826 tejbeer 998
</div>
35289 amit 999
<script type="text/javascript">
1000
    $('.chosen-select').chosen({
1001
        search_contains: true
28826 tejbeer 1002
 
35289 amit 1003
    });
1004
    stateNames = [];
1005
        #foreach($stateName in $stateNames)
1006
        //console.log("$stateName");
1007
        stateNames.push("$stateName");
1008
        #end
1009
 
1010
    $(".addlocationbutton").click(function () {
1011
        $("#addLocationModal").modal({backdrop: false});
1012
    });
1013
 
1014
 
1015
    $(".createUser").click(function () {
1016
        $("#addUserModal").modal({backdrop: false});
1017
    });
1018
        #if($trialForm)
1019
        var trialForm = $trialForm;
35372 aman 1020
        if (trialForm.status == "APPROVED") {
35289 amit 1021
            $(document).ready(function () {
1022
                console.log(trialForm);
35643 aman 1023
                $("#retailerDocument").attr("documentId", trialForm.aadhaarFrontDocumentId);
1024
                localStorage.setItem("retailerDocument", trialForm.aadhaarFrontDocumentId);
35289 amit 1025
                $("#firstName").val(trialForm.firstName);
1026
                $("#lastName").val(trialForm.lastName);
1027
                $("#retailerName").val(trialForm.businessName);
1028
                $("#retailerNumber").val(trialForm.gstNumber);
1029
                $("#retailerAddressName").val(trialForm.businessName);
1030
                $("#retailerAddressLine1").val(trialForm.addressLine1);
1031
                $("#retailerAddressLine2").val(trialForm.addressLine2);
1032
                setTimeout(function () {
1033
                    $("#retailerAddressPinCode").val(trialForm.pincode).trigger("change");
1034
                }, 1000);
1035
                $("#emailId").val(trialForm.email);
1036
                $("#mobileNumber").val(trialForm.mobile);
1037
                $("#fofoType").val("FRANCHISE");
1038
                $("#retailerShopDocument0").attr("documentId", trialForm.panDocumentId);
35297 amit 1039
                localStorage.setItem("retailerShopDocument0", trialForm.panDocumentId);
35289 amit 1040
                $("#shopName0").val(trialForm.businessName);
1041
                $("#gstNumber").val(trialForm.gstNumber);
1042
 
1043
                //Important to set these fields
1044
                $("#counterPotential").val(300000);
1045
                $("#minInvestment").val(300000);
1046
                $("#active").prop("checked", true);
1047
                $("#fofoPartner").prop("checked", true);
1048
                //$("#sameAsRetailerAddress0").prop("checked", true);
1049
 
1050
                $("#counterSize").val("THREE_LAC");
1051
 
1052
            });
1053
        }
35297 amit 1054
        console.log($("#emailId").val());
1055
        uri = new URL($("#mobileAppId")[0].href);
1056
        uri.search = "emailId=" + $("#emailId").val();
1057
        $("#mobileAppId")[0].href = uri.toString();
35289 amit 1058
 
35297 amit 1059
 
35289 amit 1060
        #end
1061
    $(function () {
1062
        $('#update-retailer-details-form')
1063
                .validate({
1064
                    submitHandler: function (form, event) {
1065
                        event.preventDefault();
1066
                        debugger;
1067
                        if (validateRetailerDetails()) {
1068
                            alert("Please fix errors");
1069
                            return false;
1070
                        }
1071
                        var json = retailerDetailsJson();
1072
                        debugger;
1073
                        console.log("Retailer Details");
1074
                        console.log(json);
1075
                        if (confirm("Are you sure you want to update Retailer Details!")) {
1076
                            doAjaxRequestWithJsonHandler(
1077
                                    `${context}/retailerDetails`,
1078
                                    "PUT",
1079
                                    json,
1080
                                    function (response) {
1081
                                        $(
1082
                                                '#retailer-details-container')
1083
                                                .html(
1084
                                                        response);
1085
                                        if (localStorage
1086
                                                .getItem("retailerDocument") !== null) {
1087
                                            localStorage
1088
                                                    .removeItem("retailerDocument");
1089
                                        }
1090
                                        var shopDetailsSize = $(
1091
                                                "#shopDetailsSize")
1092
                                                .attr(
1093
                                                        "size");
1094
                                        for (var i = 0; i < shopDetailsSize; i++) {
1095
                                            if (localStorage
1096
                                                    .getItem("retailerShopDocument"
1097
                                                            + i) != null) {
1098
                                                localStorage
1099
                                                        .removeItem("retailerShopDocument"
1100
                                                                + i);
1101
                                            }
1102
                                        }
1103
                                        alert("Retailer Details has been successfully.");
1104
                                    });
1105
                            return false; // required to
1106
                            // block normal
1107
                            // submit since
1108
                            // you used ajax
1109
                        }
1110
                    }
1111
                });
1112
 
1113
    });
1114
 
1115
</script>