Subversion Repositories SmartDukaan

Rev

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