Subversion Repositories SmartDukaan

Rev

Rev 37158 | 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>
28826 tejbeer 559
 
33128 amit.gupta 560
            </div>
561
            <div class="col-lg-4" style="border-left: 1px solid #f0f0f0;"
562
                 id="shops">
563
                <h4>SHOP DETAILS</h4>
564
                #set($a = 0) #if(!$shops || $shops.isEmpty())
565
                <div id="new-shops">
566
                    <h4>SHOP</h4>
567
                    <div class="row">
568
                        <div class="col-lg-4 form-group">
569
                            <p class="bold-details">ID</p>
570
                        </div>
571
                        <div class="col-lg-6 form-group" id="0">
572
                            <p class="normal-details">0</p>
573
                        </div>
574
                    </div>
575
                    <div class="row">
576
                        <div class="col-lg-4 form-group">
577
                            <p class="bold-details">NAME</p>
578
                        </div>
579
                        <div class="col-lg-6 form-group">
580
                            <input placeholder="Name" id="shopName${a}" name="shopName${a}"
581
                                   shopId="0" type="text" value="" class="form-control input-sm">
582
                        </div>
583
                    </div>
584
                    <div class="row">
585
                        <div class="col-lg-4 form-group">
35971 aman 586
                            <p class="bold-details">DOCUMENT <span style="color:red;">*</span></p>
33128 amit.gupta 587
                        </div>
35971 aman 588
                        <div class="col-lg-8 form-group">
589
                            <div class="doc-upload-wrapper">
590
                                <label class="doc-upload-btn" for="retailerShopDocument${a}">
591
                                    <i class="fa fa-upload"></i> Browse
592
                                </label>
593
                                <input type="file" shopId="0" class="retailerShopDocument"
594
                                       id="retailerShopDocument${a}" name="retailerShopDocument${a}"
595
                                       documentId="0" style="display: none">
596
                                <span class="doc-status not-uploaded" id="shopDocStatus${a}">
597
                                    <i class="fa fa-times-circle"></i> Not Uploaded
598
                                </span>
599
                                <span class="doc-filename" id="shopDocFileName${a}"></span>
600
                            </div>
33128 amit.gupta 601
                        </div>
602
                    </div>
603
                    <h4>ADDRESS</h4>
604
                    <div class="row">
605
                        <div class="col-lg-8 form-group">
606
                            <p class="bold-details">SAME AS RETAILER ADDRESS</p>
607
                        </div>
608
                        <div class="col-lg-2 form-group">
609
                            <input placeholder="Same as Retailer Address"
610
                                   id="sameAsRetailerAddress${a}" name="sameAsRetailerAddress${a}"
611
                                   type="checkbox" value="false">
612
                        </div>
613
                    </div>
614
                    <div id="new-shops-address">
615
                        <div class="row">
616
                            <div class="col-lg-4 form-group">
617
                                <p class="bold-details">NAME</p>
618
                            </div>
619
                            <div class="col-lg-6 form-group">
620
                                <input placeholder="Name" id="shopAddressName${a}"
621
                                       name="shopAddressName${a}" type="text" value=""
622
                                       class="form-control input-sm">
623
                            </div>
624
                        </div>
625
                        <div class="row">
626
                            <div class="col-lg-4 form-group">
627
                                <p class="bold-details">LINE1</p>
628
                            </div>
629
                            <div class="col-lg-6 form-group">
630
                                <input placeholder="Line1" id="shopAddressLine1${a}"
631
                                       name="shopAddressLine1${a}" type="text" value=""
632
                                       class="form-control input-sm">
633
                            </div>
634
                        </div>
635
                        <div class="row">
636
                            <div class="col-lg-4 form-group">
637
                                <p class="bold-details">LINE2</p>
638
                            </div>
639
                            <div class="col-lg-6 form-group">
640
                                <input placeholder="Line2" id="shopAddressLine2${a}"
641
                                       name="shopAddressLine2${a}" type="text" value=""
642
                                       class="form-control input-sm">
643
                            </div>
644
                        </div>
28826 tejbeer 645
 
33128 amit.gupta 646
                        <div class="row">
647
                            <div class="col-lg-4 form-group">
648
                                <p class="bold-details">CITY</p>
649
                            </div>
650
                            <div class="col-lg-6 form-group">
651
                                <input placeholder="City" id="shopAddressCity${a}"
652
                                       name="shopAddressCity${a}" type="text" value=""
653
                                       class="form-control input-sm">
654
                            </div>
655
                        </div>
28826 tejbeer 656
 
33128 amit.gupta 657
                        <div class="row">
658
                            <div class="col-lg-4 form-group">
659
                                <p class="bold-details">PIN CODE</p>
660
                            </div>
661
                            <div class="col-lg-6 form-group">
662
                                <input placeholder="Pin Code" id="shopAddressPinCode${a}"
663
                                       name="shopAddressPinCode${a}" type="text" value=""
664
                                       class="form-control input-sm">
665
                            </div>
666
                        </div>
32779 shampa 667
 
668
 
33128 amit.gupta 669
                        <div class="row">
670
                            <div class="col-lg-4 form-group">
671
                                <p class="bold-details">STATE</p>
672
                            </div>
673
                            <div class="col-lg-6 form-group">
674
                                <select class="form-control input-sm" id="shopAddressState${a}"
675
                                        name="shopAddressState${a}" placeholder="State">
676
                                    <option value="" disabled selected>State</option>
677
                                    #foreach($stateName in $stateNames)
678
                                        <option value="$stateName">$stateName</option> #end
679
                                </select>
680
                            </div>
681
                        </div>
682
                    </div>
28826 tejbeer 683
 
684
 
33128 amit.gupta 685
                    #set($a = $a + 1)
686
                </div>
687
            #else
688
                <div id="existing-shops">
689
                    #foreach($shop in $shops)
28826 tejbeer 690
 
33128 amit.gupta 691
                        <h4>SHOP</h4>
692
                        <div class="row">
693
                            <div class="col-lg-4 form-group">
694
                                <p class="bold-details">ID</p>
695
                            </div>
696
                            <div class="col-lg-6 form-group" id="$shop.getId()">
697
                                <p class="normal-details">$shop.getId()</p>
698
                            </div>
699
                        </div>
700
                        <div class="row">
701
                            <div class="col-lg-4 form-group">
702
                                <p class="bold-details">NAME</p>
703
                            </div>
704
                            <div class="col-lg-6 form-group">
705
                                #if($shop.getName()) <input placeholder="Name" id="shopName${a}"
706
                                                            name="shopName${a}" shopId="$shop.getId()" type="text"
707
                                                            value="$shop.getName()" class="form-control input-sm">
708
                                #else <input placeholder="Name" id="shopName${a}"
709
                                             name="shopName${a}" shopId="$shop.getId()" type="text" value=""
710
                                             class="form-control input-sm"> #end
711
                            </div>
712
                        </div>
28826 tejbeer 713
 
33128 amit.gupta 714
                        <div class="row">
715
                            <div class="col-lg-4 form-group">
35971 aman 716
                                <p class="bold-details">DOCUMENT <span style="color:red;">*</span></p>
33128 amit.gupta 717
                            </div>
35971 aman 718
                            <div class="col-lg-8 form-group">
719
                                <div class="doc-upload-wrapper">
720
                                    <label class="doc-upload-btn" for="retailerShopDocument${a}">
721
                                        <i class="fa fa-upload"></i> Browse
722
                                    </label>
723
                                    #if(!$shop.getDocumentId())
724
                                        <input type="file" shopId="$shop.getId()"
725
                                               class="retailerShopDocument" id="retailerShopDocument${a}"
726
                                               name="retailerShopDocument${a}" documentId="0"
727
                                               style="display: none">
728
                                        <span class="doc-status not-uploaded" id="shopDocStatus${a}">
729
                                            <i class="fa fa-times-circle"></i> Not Uploaded
730
                                        </span>
731
                                    #else
732
                                        <input type="file" shopId="$shop.getId()"
733
                                               class="retailerShopDocument" id="retailerShopDocument${a}"
734
                                               name="retailerShopDocument${a}" documentId="$shop.getDocumentId()"
735
                                               style="display: none">
736
                                        <span class="doc-status uploaded" id="shopDocStatus${a}">
737
                                            <i class="fa fa-check-circle"></i> Uploaded
738
                                        </span>
33128 amit.gupta 739
                                        <button type="button" class="btn btn-default btn-sm"
740
                                                onclick="downloadRetailerShopDocument($shop.getId(), $shop.getRetailerId())">
35971 aman 741
                                            <i class="fa fa-eye"></i> View
33128 amit.gupta 742
                                        </button>
35971 aman 743
                                    #end
744
                                    <span class="doc-filename" id="shopDocFileName${a}"></span>
33128 amit.gupta 745
                                </div>
35971 aman 746
                            </div>
33128 amit.gupta 747
                        </div>
748
                        <h4>ADDRESS</h4>
749
                        <div class="row">
750
                            <div class="col-lg-6 form-group">
751
                                <p class="bold-details">Same as Retailer Address</p>
752
                            </div>
753
                            <div class="col-lg-4 form-group">
754
                                <input placeholder="Same as Retailer Address"
755
                                       id="sameAsRetailerAddress${a}" name="sameAsRetailerAddress${a}"
756
                                       type="checkbox" value="false">
757
                            </div>
758
                        </div>
759
                        <div class="row">
760
                            <div class="col-lg-4 form-group">
761
                                <p class="bold-details">NAME</p>
762
                            </div>
763
                            <div class="col-lg-6 form-group">
764
                                #if($shop.getAddress().getName()) <input placeholder="Name"
765
                                                                         id="shopAddressName${a}"
766
                                                                         name="shopAddressName${a}" type="text"
767
                                                                         value="$shop.getAddress().getName()"
768
                                                                         class="form-control input-sm"> #else <input
769
                                        placeholder="Name" id="shopAddressName${a}"
770
                                        name="shopAddressName${a}" type="text" value=""
771
                                        class="form-control input-sm"> #end
772
                            </div>
773
                        </div>
774
                        <div class="row">
775
                            <div class="col-lg-4 form-group">
776
                                <p class="bold-details">LINE1</p>
777
                            </div>
778
                            <div class="col-lg-6 form-group">
779
                                #if($shop.getAddress().getLine1()) <input placeholder="Line1"
780
                                                                          id="shopAddressLine1${a}"
781
                                                                          name="shopAddressLine1${a}"
782
                                                                          type="text"
783
                                                                          value="$shop.getAddress().getLine1()"
784
                                                                          class="form-control input-sm"> #else <input
785
                                        placeholder="Line1" id="shopAddressLine1${a}"
786
                                        name="shopAddressLine1${a}" type="text" value=""
787
                                        class="form-control input-sm"> #end
788
                            </div>
789
                        </div>
790
                        <div class="row">
791
                            <div class="col-lg-4 form-group">
792
                                <p class="bold-details">LINE2</p>
793
                            </div>
794
                            <div class="col-lg-6 form-group">
795
                                #if($shop.getAddress().getLine2()) <input placeholder="Line2"
796
                                                                          id="shopAddressLine2${a}"
797
                                                                          name="shopAddressLine2${a}"
798
                                                                          type="text"
799
                                                                          value="$shop.getAddress().getLine2()"
800
                                                                          class="form-control input-sm"> #else <input
801
                                        placeholder="Line2" id="shopAddressLine2${a}"
802
                                        name="shopAddressLine2${a}" type="text" value=""
803
                                        class="form-control input-sm"> #end
804
                            </div>
805
                        </div>
28826 tejbeer 806
 
33128 amit.gupta 807
                        <div class="row">
808
                            <div class="col-lg-4 form-group">
809
                                <p class="bold-details">CITY</p>
810
                            </div>
811
                            <div class="col-lg-6 form-group">
812
                                #if($shop.getAddress().getCity()) <input placeholder="City"
813
                                                                         id="shopAddressCity${a}"
814
                                                                         name="shopAddressCity${a}" type="text"
815
                                                                         value="$shop.getAddress().getCity()"
816
                                                                         class="form-control input-sm"> #else <input
817
                                        placeholder="City" id="shopAddressCity${a}"
818
                                        name="shopAddressCity${a}" type="text" value=""
819
                                        class="form-control input-sm"> #end
820
                            </div>
821
                        </div>
28826 tejbeer 822
 
33128 amit.gupta 823
                        <div class="row">
824
                            <div class="col-lg-4 form-group">
825
                                <p class="bold-details">PIN CODE</p>
826
                            </div>
827
                            <div class="col-lg-6 form-group">
828
                                #if($shop.getAddress().getPinCode()) <input
829
                                        placeholder="Pin Code" id="shopAddressPinCode${a}"
830
                                        name="shopAddressPinCode${a}" type="text"
831
                                        value="$shop.getAddress().getPinCode()"
832
                                        class="form-control input-sm"> #else <input
833
                                        placeholder="Pin Code" id="shopAddressPinCode${a}"
834
                                        name="shopAddressPinCode${a}" type="text" value=""
835
                                        class="form-control input-sm"> #end
836
                            </div>
837
                        </div>
838
 
839
                        <div class="row">
840
                            <div class="col-lg-4 form-group">
841
                                <p class="bold-details">STATE</p>
842
                            </div>
843
                            <div class="col-lg-6 form-group">
844
                                <select class="form-control input-sm" id="shopAddressState${a}"
845
                                        name="shopAddressState${a}" placeholder="State">
846
                                    <option value="" disabled selected>State</option>
847
                                    #foreach($stateName in $stateNames)
848
                                        #if($shop.getAddress().getState() &&
849
                                            $shop.getAddress().getState() == $stateName)
850
                                            <option value="$stateName" selected>$stateName</option> #else
851
                                            <option value="$stateName">$stateName</option> #end #end
852
                                </select>
853
                            </div>
854
                        </div>
855
                        #set($a = $a + 1) #end
856
                </div>
857
            #end
858
                <div id="shopDetailsSize" size="$a"></div>
859
            </div>
860
            <div class="row">
861
                <div class="col-md-2 col-md-offset-5">
35289 amit 862
                    <button id="updateDetails" class="btn btn-primary" type="submit">Update Details
33128 amit.gupta 863
                    </button>
864
                </div>
865
            </div>
866
        </form>
867
 
868
    </div>
23396 ashik.ali 869
</section>
24159 tejbeer 870
 
28826 tejbeer 871
<div id="addLocationModal" class="modal" role="dialog">
33128 amit.gupta 872
    <div class="modal-dialog">
28826 tejbeer 873
 
33128 amit.gupta 874
        <!-- Modal content-->
875
        <div class="modal-content">
876
            <div class="modal-header">
877
                <button type="button" class="close" data-dismiss="modal">&times;</button>
878
                <h4 class="modal-title">Add Location</h4>
879
            </div>
880
            <div class="modal-body">
881
                #if($locationdetail)
882
                    <form id="add-location-modal">
883
                        <div class="col-log-6">
884
                            <div class="row">
885
                                <div class="col-lg-3 form-group">
886
                                    <input placeholder="Name" id="personName" name="personName"
887
                                           type="text" value="$locationdetail.getName()"
888
                                           class="form-control input-sm">
889
                                </div>
890
                                <div class="col-lg-3 form-group">
891
                                    <input placeholder="Address Line 1" id="line1" name="line1"
892
                                           type="text" size="50" value="$locationdetail.getLine1()"
893
                                           class="form-control input-sm">
894
                                </div>
895
                                <div class="col-lg-3 form-group">
896
                                    <input placeholder="Address Line 2" id="line2" name="line2"
897
                                           type="text" value="$locationdetail.getLine2()"
898
                                           class="form-control input-sm">
899
                                </div>
900
                            </div>
28826 tejbeer 901
 
33128 amit.gupta 902
                            <div class="row">
903
                                <div class="col-lg-3 form-group">
904
                                    <input placeholder="City" id="city" name="city" type="text"
905
                                           value="$locationdetail.getCity()" class="form-control input-sm">
906
                                </div>
907
                                <div class="col-lg-3 form-group">
908
                                    <select class="form-control input-sm" id="state" name="state"
909
                                            placeholder="State">
910
                                        <option value="" disabled selected>State</option>
911
                                        #foreach($stateName in $stateNames)
912
                                            #if($locationdetail.getState() == $stateName)
913
                                                <option value="$stateName" selected>$stateName</option> #else
914
                                                <option value="$stateName">$stateName</option> #end #end
915
                                    </select>
916
                                </div>
28826 tejbeer 917
 
33128 amit.gupta 918
                                <div class="col-lg-3 form-group">
919
                                    <input placeholder="Pin Code" id="pinCode" name="pinCode"
920
                                           type="number" value="$locationdetail.getPin()"
921
                                           class="form-control input-sm">
922
                                </div>
28826 tejbeer 923
 
33128 amit.gupta 924
                                <div class="col-lg-2">
925
                                    <button class="btn btn-primary" id=""
926
                                            onclick="updateLocationButton($locationdetail.getId())"
927
                                            type="button">Update
928
                                    </button>
28826 tejbeer 929
 
33128 amit.gupta 930
                                </div>
931
                            </div>
932
                        </div>
28826 tejbeer 933
 
33128 amit.gupta 934
                    </form>
935
                #else
936
                    <form id="add-location-modal">
937
                        <div class="col-log-6">
938
                            <div class="row">
939
                                <div class="col-lg-3 form-group">
940
                                    <input placeholder="Name" id="personName" name="personName"
941
                                           type="text" value="" class="form-control input-sm">
942
                                </div>
943
                                <div class="col-lg-3 form-group">
944
                                    <input placeholder="Address Line 1" id="line1" name="line1"
945
                                           type="text" size="50" value="" class="form-control input-sm">
946
                                </div>
947
                                <div class="col-lg-3 form-group">
948
                                    <input placeholder="Address Line 2" id="line2" name="line2"
949
                                           type="text" value="" class="form-control input-sm">
950
                                </div>
951
                            </div>
28826 tejbeer 952
 
33128 amit.gupta 953
                            <div class="row">
954
                                <div class="col-lg-3 form-group">
955
                                    <input placeholder="City" id="city" name="city" type="text"
956
                                           value="" class="form-control input-sm">
957
                                </div>
958
                                <div class="col-lg-3 form-group">
959
                                    <select class="form-control input-sm" id="state" name="state"
960
                                            placeholder="State">
961
                                        <option value="" disabled selected>State</option>
962
                                        #foreach($stateName in $stateNames) #if($retailerStateName ==
963
                                            $stateName)
964
                                            <option value="$stateName" selected>$stateName</option> #else
965
                                            <option value="$stateName">$stateName</option> #end #end
966
                                    </select>
967
                                </div>
28826 tejbeer 968
 
33128 amit.gupta 969
                                <div class="col-lg-3 form-group">
970
                                    <input placeholder="Pin Code" id="pinCode" name="pinCode"
971
                                           type="number" value="" class="form-control input-sm">
972
                                </div>
28826 tejbeer 973
 
33128 amit.gupta 974
                                <div class="col-lg-2">
975
                                    <input class="btn btn-primary addlocationbutton" type="button"
976
                                           value="Add">
977
                                </div>
978
                            </div>
979
                        </div>
28826 tejbeer 980
 
33128 amit.gupta 981
                    </form>
982
                #end
28826 tejbeer 983
 
33128 amit.gupta 984
            </div>
985
        </div>
986
    </div>
28826 tejbeer 987
</div>
24162 tejbeer 988
 
28826 tejbeer 989
</div>
35289 amit 990
<script type="text/javascript">
991
    $('.chosen-select').chosen({
992
        search_contains: true
28826 tejbeer 993
 
35289 amit 994
    });
995
    stateNames = [];
996
        #foreach($stateName in $stateNames)
997
        //console.log("$stateName");
998
        stateNames.push("$stateName");
999
        #end
1000
 
1001
    $(".addlocationbutton").click(function () {
1002
        $("#addLocationModal").modal({backdrop: false});
1003
    });
1004
 
1005
 
1006
    $(".createUser").click(function () {
1007
        $("#addUserModal").modal({backdrop: false});
1008
    });
1009
        #if($trialForm)
1010
        var trialForm = $trialForm;
35372 aman 1011
        if (trialForm.status == "APPROVED") {
35289 amit 1012
            $(document).ready(function () {
1013
                console.log(trialForm);
35643 aman 1014
                $("#retailerDocument").attr("documentId", trialForm.aadhaarFrontDocumentId);
1015
                localStorage.setItem("retailerDocument", trialForm.aadhaarFrontDocumentId);
35289 amit 1016
                $("#firstName").val(trialForm.firstName);
1017
                $("#lastName").val(trialForm.lastName);
1018
                $("#retailerName").val(trialForm.businessName);
1019
                $("#retailerNumber").val(trialForm.gstNumber);
1020
                $("#retailerAddressName").val(trialForm.businessName);
1021
                $("#retailerAddressLine1").val(trialForm.addressLine1);
1022
                $("#retailerAddressLine2").val(trialForm.addressLine2);
1023
                setTimeout(function () {
1024
                    $("#retailerAddressPinCode").val(trialForm.pincode).trigger("change");
1025
                }, 1000);
1026
                $("#emailId").val(trialForm.email);
1027
                $("#mobileNumber").val(trialForm.mobile);
1028
                $("#fofoType").val("FRANCHISE");
1029
                $("#retailerShopDocument0").attr("documentId", trialForm.panDocumentId);
35297 amit 1030
                localStorage.setItem("retailerShopDocument0", trialForm.panDocumentId);
35289 amit 1031
                $("#shopName0").val(trialForm.businessName);
1032
                $("#gstNumber").val(trialForm.gstNumber);
1033
 
1034
                //Important to set these fields
1035
                $("#counterPotential").val(300000);
1036
                $("#minInvestment").val(300000);
1037
                $("#active").prop("checked", true);
1038
                $("#fofoPartner").prop("checked", true);
1039
                //$("#sameAsRetailerAddress0").prop("checked", true);
1040
 
1041
                $("#counterSize").val("THREE_LAC");
1042
 
1043
            });
1044
        }
35297 amit 1045
        console.log($("#emailId").val());
1046
        uri = new URL($("#mobileAppId")[0].href);
1047
        uri.search = "emailId=" + $("#emailId").val();
1048
        $("#mobileAppId")[0].href = uri.toString();
35289 amit 1049
 
35297 amit 1050
 
35289 amit 1051
        #end
1052
    $(function () {
1053
        $('#update-retailer-details-form')
1054
                .validate({
1055
                    submitHandler: function (form, event) {
1056
                        event.preventDefault();
1057
                        debugger;
1058
                        if (validateRetailerDetails()) {
1059
                            alert("Please fix errors");
1060
                            return false;
1061
                        }
1062
                        var json = retailerDetailsJson();
1063
                        debugger;
1064
                        console.log("Retailer Details");
1065
                        console.log(json);
1066
                        if (confirm("Are you sure you want to update Retailer Details!")) {
1067
                            doAjaxRequestWithJsonHandler(
1068
                                    `${context}/retailerDetails`,
1069
                                    "PUT",
1070
                                    json,
1071
                                    function (response) {
1072
                                        $(
1073
                                                '#retailer-details-container')
1074
                                                .html(
1075
                                                        response);
1076
                                        if (localStorage
1077
                                                .getItem("retailerDocument") !== null) {
1078
                                            localStorage
1079
                                                    .removeItem("retailerDocument");
1080
                                        }
1081
                                        var shopDetailsSize = $(
1082
                                                "#shopDetailsSize")
1083
                                                .attr(
1084
                                                        "size");
1085
                                        for (var i = 0; i < shopDetailsSize; i++) {
1086
                                            if (localStorage
1087
                                                    .getItem("retailerShopDocument"
1088
                                                            + i) != null) {
1089
                                                localStorage
1090
                                                        .removeItem("retailerShopDocument"
1091
                                                                + i);
1092
                                            }
1093
                                        }
1094
                                        alert("Retailer Details has been successfully.");
1095
                                    });
1096
                            return false; // required to
1097
                            // block normal
1098
                            // submit since
1099
                            // you used ajax
1100
                        }
1101
                    }
1102
                });
1103
 
1104
    });
1105
 
1106
</script>