Subversion Repositories SmartDukaan

Rev

Rev 34490 | Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
34437 ranu 1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
    <meta charset="UTF-8">
5
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6
    <meta name="description" content="Smart Dukaan FOCO Dashboard">
7
    <meta name="author" content="smartdukaan">
8
 
9
    <meta name="referer" content="no-referer">
10
    <meta name="referrer" content="no-referrer">
11
 
12
    <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
13
    <link rel="shortcut icon" href="assets/images/icons/favicon.png">
14
 
15
    <title>Smart Dukaan - FOCO Dashboard</title>
16
 
17
    <!-- Bootstrap CSS -->
18
    <!-- bootstrap theme -->
19
    <!--external css-->
20
    <!-- font icon -->
21
    <link href="resources/css/elegant-icons-style.css" rel="stylesheet"/>
22
    <link href="resources/css/font-awesome.min.css" rel="stylesheet"/>
23
    <!-- full calendar css-->
24
    <!-- owl carousel -->
25
    <link rel="stylesheet" href="resources/css/owl.carousel.css" type="text/css">
26
    <link href="resources/css/jquery-jvectormap-1.2.2.css" rel="stylesheet">
27
    <!-- Custom styles -->
28
    <link href="resources/css/widgets.css" rel="stylesheet">
29
    <link href="resources/css/style.css?v=${cssVersion}" rel="stylesheet">
30
    <link href="resources/css/card.css?v=${cssVersion}" rel="stylesheet">
31
    <link href="resources/css/brand-logo.css?v=${cssVersion}" rel="stylesheet">
32
    <link href="resources/css/style-responsive.css?v=${cssVersion}" rel="stylesheet"/>
33
    <link href="resources/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
34
    <link type="text/css" href="resources/css/bootstrap.css" rel="stylesheet">
35
    <!--<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />-->
36
    <link href="resources/css/bootstrap-theme.min.css" rel="stylesheet">
37
    <link rel="stylesheet" type="text/css" href="resources/js/daterangepicker/daterangepicker.css"/>
38
 
39
    <link rel="stylesheet" type="text/css" href="resources/css/bootstrap-multiselect.css"/>
40
    <link rel="stylesheet" type="text/css" href="resources/css/datatables.bootstrap.min.css"/>
41
    <link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css'
42
          integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
43
    <link rel="stylesheet" type="text/css" href="resources/css/bootstrap-tagsinput.css">
44
    <!-- Include the Toastify CSS file -->
45
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
46
    <style>
47
 
48
        <!--
49
        Small desktops-- >
50
 
51
        @media (max-width: 1920px) {
52
            body {
53
                zoom: 80% !important;
54
            }
55
        }
56
 
57
        @media (max-width: 1280px) {
58
            div.count {
59
                font-size: 18px;
60
            }
61
        }
62
 
63
 
64
        .current-margin {
65
            cursor: pointer;
66
        }
67
 
68
        .margin-calculator {
69
            cursor: pointer;
70
        }
71
 
72
        .Vivo:hover {
73
            border-radius: 40px;
74
            background: blue;
75
        }
76
 
77
 
78
        .Samsung:hover {
79
            border-radius: 4px;
80
            background: blue;
81
        }
82
 
83
        .Vivo:hover {
84
            border-radius: 4px;
85
            background: mediumblue;
86
        }
87
 
88
        .Oppo:hover {
89
            border-radius: 4px;
90
            background: green;
91
        }
92
 
93
        .Lava:hover {
94
            border-radius: 4px;
95
            background: salmon;
96
        }
97
 
98
        .Live:hover {
99
            border-radius: 4px;
100
            background: coral;
101
        }
102
 
103
        .Nokia:hover {
104
            border-radius: 4px;
105
            background: blue;
106
        }
107
 
108
        .Realme:hover {
109
            border-radius: 4px;
110
            background: yellow;
111
        }
112
 
113
        .Tecno:hover {
114
            border-radius: 4px;
115
            background: DarkTurquoise;
116
        }
117
 
118
        .Samsung {
119
 
120
            -moz-border-radius: 4px;
121
            border-radius: 4px;
122
            border: solid 5px black;
123
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
124
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
125
            background-image: linear-gradient(#4682B4, #dae5f4);
126
            color: #FFF;
127
            padding: 8px 12px;
128
            text-decoration: none;
129
            cursor: pointer;
130
 
131
 
132
        }
133
 
134
        .Vivo {
135
            -moz-border-radius: 4px;
136
            border-radius: 4px;
137
            border: solid 5px black;
138
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
139
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
140
            background-image: linear-gradient(#4682B4, #dae5f4);
141
            color: #FFF;
142
            padding: 8px 12px;
143
            text-decoration: none;
144
            cursor: pointer;
145
 
146
        }
147
 
148
        .Oppo {
149
            -moz-border-radius: 4px;
150
            border-radius: 4px;
151
            border: solid 5px black;
152
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
153
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
154
            background-image: linear-gradient(#4682B4, #dae5f4);
155
            color: #FFF;
156
            padding: 8px 12px;
157
            text-decoration: none;
158
            cursor: pointer;
159
 
160
        }
161
 
162
        .Lava {
163
 
164
            -moz-border-radius: 4px;
165
            border-radius: 4px;
166
            border: solid 5px black;
167
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
168
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
169
            background-image: linear-gradient(#4682B4, #dae5f4);
170
            color: #FFF;
171
            padding: 8px 12px;
172
            text-decoration: none;
173
            cursor: pointer;
174
 
175
        }
176
 
177
        .Realme {
178
            -moz-border-radius: 4px;
179
            border-radius: 4px;
180
            border: solid 5px black;
181
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
182
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
183
            background-image: linear-gradient(#4682B4, #dae5f4);
184
            color: #FFF;
185
            padding: 8px 12px;
186
            text-decoration: none;
187
            cursor: pointer;
188
 
189
        }
190
 
191
        .Tecno {
192
            -moz-border-radius: 4px;
193
            border-radius: 4px;
194
            border: solid 5px black;
195
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
196
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
197
            background-image: linear-gradient(#4682B4, #dae5f4);
198
            color: #FFF;
199
            padding: 8px 12px;
200
            text-decoration: none;
201
            cursor: pointer;
202
 
203
        }
204
 
205
        .Nokia {
206
            -moz-border-radius: 4px;
207
            border-radius: 4px;
208
            border: solid 5px black;
209
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
210
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
211
            background-image: linear-gradient(#4682B4, #dae5f4);
212
            color: #FFF;
213
            padding: 8px 12px;
214
            text-decoration: none;
215
            cursor: pointer;
216
 
217
        }
218
 
219
        .Live {
220
 
221
            -moz-border-radius: 4px;
222
            border-radius: 4px;
223
            border: solid 5px black;
224
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
225
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
226
            background-image: linear-gradient(#4682B4, #dae5f4);
227
            color: #FFF;
228
            padding: 8px 12px;
229
            text-decoration: none;
230
            cursor: pointer;
231
        }
232
 
233
        #accesoriesStock:hover {
234
            cursor: pointer;
235
            border-radius: 4px;
236
            background: white;
237
        }
238
 
239
        #accesoriesStock {
240
 
241
            -moz-border-radius: 4px;
242
            border-radius: 4px;
243
            border: solid 5px black;
244
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
245
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
246
            background-image: linear-gradient(#4682B4, #dae5f4);
247
            color: #FFF;
248
            padding: 14px 3px 18px 3px;
249
            text-decoration: none;
250
            object-fit: cover;
251
            width: 100%;
252
            height: 90px;
253
 
254
        }
255
 
256
        .loading {
257
            display: none;
258
        }
259
 
260
        .breadcrumb {
261
            padding: 0 15px;
262
        }
263
 
264
        .purple-bg {
265
 
266
            background-image: linear-gradient(#800080, #DDA0DD);
267
            box-shadow: 6px 5px 6px purple;
268
        }
269
 
270
        .stars-outer {
271
            display: inline-block;
272
            position: relative;
273
            font-family: 'Mukta', FontAwesome;
274
        }
275
 
276
        .stars-outer::before {
277
            content: "\f006 \f006 \f006 \f006 \f006";
278
        }
279
 
280
        .stars-inner {
281
            position: absolute;
282
            top: 0;
283
            left: 0;
284
            white-space: nowrap;
285
            overflow: hidden;
286
            width: 0;
287
        }
288
 
289
        .stars-inner::before {
290
            content: "\f005 \f005 \f005 \f005 \f005";
291
            color: #f8ce0b;
292
        }
293
 
294
 
295
        .table-striped > tbody > tr:nth-child(odd) > td {
296
            background: white;
297
            background-color: #dae5f4;
298
        }
299
 
300
        .table-striped > tbody > tr:nth-child(even) > td {
301
            background: #f2f2f2;
302
            background-color: #b8d1f3;
303
        }
304
 
305
        .btn:hover {
306
            color: grey;
307
            text-decoration: none;
308
        }
309
 
310
        .btn-primary:hover {
311
            color: grey;
312
            text-decoration: none;
313
        }
314
 
315
        .sale-details {
316
            cursor: pointer;
317
        }
318
 
319
        .fa-2x {
320
            font-size: 1.4em;
321
        }
322
 
323
        .cover {
324
            object-fit: cover;
325
            width: 92%;
326
            height: 90px;
327
        }
328
 
329
        .info-box .notifications i {
330
            display: inline-block;
331
            margin-top: 0px;
332
            height: 25px;
333
            font-size: 16px;
334
            line-height: 25px;
335
            width: 25px;
336
            float: none;
337
            text-align: center;
338
            padding-right: 0px;
339
            color: #768399;
340
        }
341
 
342
        #preview {
343
            position: relative;
344
            color: #fff;
345
            float: left;
346
            width: 100%;
347
            -webkit-border-radius: 10px;
348
            -moz-border-radius: 10px;
349
            border-radius: 10px;
350
            clear: both;
351
        }
352
 
353
        #canvas-preview {
354
            width: 100%;
355
            position: relative;
356
            top: -15px;
357
        }
358
 
359
        #preview-textfield {
360
            position: absolute;
361
            top: -10px;
362
            left: 0;
363
            right: 0;
364
            text-align: center;
365
            font-size: 2em;
366
            font-weight: bold;
367
            color: white;
368
            font-family: 'Amaranth', sans-serif, Hind, 'Mukta';
369
        }
370
 
371
        #descriptionMenu {
372
            list-style: desc !important;
373
            list-style-type: square;
374
            text-align: left;
375
        }
376
 
377
        .messagebutton {
378
            margin-left: 1px;
379
 
380
        }
381
 
382
        .partnerTypeList a {
383
            color: #1f1d1d;
384
            border-bottom: none !important;
385
            background-color: #efecec;
386
            border: 1px solid #dad5d5 !important;
387
            padding: 10px 15px !important;
388
        }
389
 
390
        .Partnerdropdiv {
391
            background-color: #efecec !important;
392
            padding: 0 !important;
393
        }
394
 
395
        .partnerGold:hover {
396
            background-color: #D4AF37 !important;
397
            background-image: unset !important;
398
        }
399
 
400
        .partnerBronz:hover {
401
            background-color: #CD7F32 !important;
402
            background-image: unset !important;
403
        }
404
 
405
        .partnerPlatinum:hover {
406
            background-color: #799096 !important;
407
            background-image: unset !important;
408
        }
409
 
410
        .partnerSilver:hover {
411
            background-color: #BCC6CC !important;
412
            background-image: unset !important;
413
        }
414
 
415
        .partnerDiamond:hover {
416
            background-color: #B9F2FF !important;
417
            background-image: unset !important;
418
        }
419
 
420
        /*Custom Css by Vikas*/
421
        .info-box .row div, .info-box .row strong {
422
            font-size: 16px !important;
423
        }
424
 
425
        .info-box.light-salmon-bg div.title {
426
            font-size: 12px !important;
427
        }
428
 
429
        .info-box.orange-bg button div {
430
            font-size: 10px !important;
431
        }
432
 
433
    </style>
434
</head>
435
 
436
<body style="background-color:#f7f7f7">
437
<!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
438
<!-- container section start -->
439
<section id="container">
440
 
441
 
442
    <header class="header dark-bg indian-flag">
443
        <div class="toggle-nav">
444
            <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i
445
                    class="icon_menu"></i></div>
446
        </div>
447
        <a href="${rc.contextPath}/dashboard" class="logo" style="margin-top: 7px"> <img
448
                src="resources/images/SmartDukaan-135x45.jpg" alt="smartDukaan" width="140"
449
                height="45">$fofoStore.getCode()</a>
450
 
451
        <ul class="nav pull-left top-menu">
452
            <li class="dropdown">
453
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">
454
                    <img src="${partnerTypeImage}" width="60px">
455
                    <span class="username" style="font-size:15px">  <span
456
                            style="color:red">$partnerType.getValue()</span></span>
457
                    <b class="caret"></b>
458
                </a>
459
                <ul class="dropdown-menu Partnerdropdiv">
460
                    <li class="eborder-top partnerTypeList">
461
                        <a href="javascript:void(0);" class="partnerGold">Rising Star - New</a>
462
                        <a href="javascript:void(0);" class="partnerBronze">Bronze+ - 0-2.99L</a>
463
                        <a href="javascript:void(0);" class="partnerSilver">Silver - 3L-7.99L</a>
464
                        <a href="javascript:void(0);" class="partnerGold">Gold - 8L-14.99L</a>
465
                        <a href="javascript:void(0);" class="partnerDiamond">Diamond - 15L-20.99L</a>
466
                        <a href="javascript:void(0);" class="partnerPlatinum">Platinum - 21L & ABOVE</a>
467
                    </li>
468
                </ul>
469
            </li>
470
        </ul>
471
 
472
 
473
        <div class="btn-group message-filter" style="margin:14px;">
474
            <button data-messagetype="notification" type="button" class="btn btn-default notifi"
475
                    aria-label="Notifications">
476
                <span class="notify1 Notificat">#springMessage("dashboard.notification")</span></button>
477
            <button data-messagetype="announcement" type="button" class="btn btn-default price"
478
                    aria-label="Announcements">
479
                <span class="notify Price">#springMessage("dashboard.pricedrop")</span></button>
480
            <button data-messagetype="scheme" type="button" class="btn btn-default schem"
481
                    aria-label="SmartDukaan Schemes">
482
                <span class="notify Scheme">#springMessage("dashboard.scheme")</span>
483
            </button>
484
 
485
            <button data-messagetype="marketing" type="button" class="btn btn-default mark"
486
                    aria-label="SmartDukaan Schemes">
487
                <span class="notify market">#springMessage("dashboard.marketing")</span>
488
            </button>
489
        </div>
490
 
491
 
492
        <div class="top-nav notification-row">
493
            <!-- notificatoin dropdown start-->
494
            <ul class="nav pull-right top-menu">
495
                <li class="dropdown">
496
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
497
                        <img style="height:38px" src="/resources/images/icons/care1.jpg"/>
498
                        <span class="username" style="font-size:15px">CARE</span>
499
                        <b class="caret"></b>
500
                    </a>
501
                    <ul class="dropdown-menu extended logout">
502
                        <div class="log-arrow-up"></div>
503
                        <li class="eborder-top">
504
                            <a class="create-ticket" href="javascript:void(0);"><i></i>Create Ticket</a>
505
                            <a class="my-ticket" href="javascript:void(0);"><i class=""></i>View Tickets</a>
506
                        </li>
507
                        <li></li>
508
                    </ul>
509
                </li>
510
 
511
                <li class="dropdown" style="margin-top:3px;">
512
                    <a href="javascript:void(0);" id="links_bar" style="color:#D3181F" class="btn btn-link"
513
                       data-toggle="popover">
514
                        <i title="third-party dashboards" class="glyphicon glyphicon-th fa-2x"></i>
515
                    </a>
516
                </li>
517
 
518
                <!-- remove Report button Icon of dashBoard menu bar-->
519
                <!--
520
                    <li class="dropdown" style="margin-top:5px;">
521
                        <a href="javascript:void(0);" class="download_reports btn btn-link" style="color:#D3181F">
522
                            <i title="reports" class="far fa-list-alt fa-2x"></i>
523
                        </a>
524
                    </li>
525
                -->
526
 
527
 
528
                <li id="wallet_bar" class="dropdown">
529
                    <a data-toggle="dropdown" class="dropdown-toggle wallet_icon_header" href="javascript:void(0);">
530
                        <i title="wallet summary" class="fas fa-wallet fa-2x" aria-hidden="true"></i>
531
                    </a>
532
                </li>
533
 
534
                <li id="cart_bar" class="dropdown">
535
                    <a class="cart_icon_header" href="javascript:void(0);">
536
                        <i class="fas fa-shopping-cart fa-2x" aria-hidden="true"></i>
537
                        <span class="badge bg-important"></span>
538
                    </a>
539
                </li>
540
 
541
 
542
                <!-- alert notification start-->
543
                <!--<li id="alert_notificatoin_bar" class="dropdown">
544
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
545
 
546
                        <i class="icon-bell-l"></i>
547
                        <span class="badge bg-important">0</span>
548
                    </a>
549
                    <ul class="dropdown-menu extended notification">
550
                        <div class="notify-arrow notify-arrow-blue"></div>
551
                        <li>
552
                            <p class="blue">You have no new notifications</p>
553
                        </li>
554
                        <li>
555
                            <a href="#">
556
                                <span class="label label-primary"><i class="icon_profile"></i></span>
557
                                Friend Request
558
                                <span class="small italic pull-right">5 mins</span>
559
                            </a>
560
                        </li>
561
                        <li>
562
                            <a href="#">
563
                                <span class="label label-warning"><i class="icon_pin"></i></span>
564
                                John location.
565
                                <span class="small italic pull-right">50 mins</span>
566
                            </a>
567
                        </li>
568
                        <li>
569
                            <a href="#">
570
                                <span class="label label-danger"><i class="icon_book_alt"></i></span>
571
                                Project 3 Completed.
572
                                <span class="small italic pull-right">1 hr</span>
573
                            </a>
574
                        </li>
575
                        <li>
576
                            <a href="#">
577
                                <span class="label label-success"><i class="icon_like"></i></span>
578
                                Mick appreciated your work.
579
                                <span class="small italic pull-right"> Today</span>
580
                            </a>
581
                        </li>
582
                        <li>
583
                            <a href="#">See all notifications</a>
584
                        </li>
585
                    </ul>
586
                </li>
587
                -->
588
                <!-- alert notification end -->
589
                <li class="dropdown">
590
                    <ul class="dropdown-menu extended">
591
                        <div class="log-arrow-up"></div>
592
                        <li class="eborder-top">
593
                            <a href="javascript:void(0);" class="create-ticket">Create Ticket</a>
594
                        </li>
595
                    </ul>
596
                </li>
597
                <!-- user login dropdown start-->
598
                <li class="dropdown">
599
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
600
                            <span class="profile-ava">
601
                                <img class="avatar-custom" id="photo" alt="" src="">
602
                            </span>
603
                        <span class="username" id="fofo_name"></span>
604
                        <b class="caret"></b>
605
                    </a>
606
                    <ul class="dropdown-menu extended logout">
607
                        <div class="log-arrow-up"></div>
608
                        <li class="eborder-top">
609
                            <a class="user-profile" href="javascript:void(0);"><i class="icon_profile"></i> My
610
                                Profile</a>
611
                            <a href="${rc.contextPath}/mobileapp" class="btn btn-default" target="_blank">SD Mobile
612
                                App</a>
613
                            <a class="user-manual" target="_blank"
614
                               href="http://images.smartdukaan.com/uploads/campaigns/SD_Guide_Book_English.pdf">Sd
615
                                Policies(En)</a>
616
                            <a class="user-manual" target="_blank"
617
                               href="http://images.smartdukaan.com/uploads/campaigns/SD_Guide_Book_Hindi.pdf">Sd
618
                                Policies(Hi)</a>
619
                            #if($isAdmin)
620
                                <a class="add-auth-user" href="javascript:void(0);"><i class=""></i>Add User</a>
621
                                <a class="change-auth-user-password" href="javascript:void(0);"><i class=""></i>Change
622
                                    Password</a>
623
                            #end
624
                        </li>
625
                        <li>
626
                            <a href="${rc.contextPath}/logout"><i class="icon_key_alt" id="logout"></i> Log Out</a>
627
                        </li>
628
                    </ul>
629
                </li>
630
                <!-- user login dropdown end -->
631
            </ul>
632
            <!-- notificatoin dropdown end-->
633
        </div>
634
    </header>
635
    <!--header end-->
636
 
637
    <!--sidebar start-->
638
    <aside>
639
        <div id="sidebar" class="nav-collapse ">
640
            <!-- sidebar menu start-->
641
            <ul class="sidebar-menu">
642
                <li class="active">
643
                    <a class="" href="${rc.contextPath}/dashboard">
644
                        <i class="icon_house_alt"></i>
645
                        <span>#springMessage("dashboard.dashboard")</span>
646
                    </a>
647
                </li>
648
                <li>
649
                    <a href="javascript:;" class="punch-in-outs">
650
                        <i class="icon_document_alt"></i>
651
                        <span>#springMessage("menu.punchinout") </span>
652
                    </a>
653
                </li>
654
                <li class="sub-menu">
655
                    <a href="javascript:;">
656
                        <i class="icon_document_alt"></i>
657
                        <span>#springMessage("menu.margins")</span>
658
                        <span class="menu-arrow arrow_carrot-right"></span>
659
                    </a>
660
                    <ul class="sub">
661
                        <li><a class="schemes" href="javascript:void(0);">#springMessage(
662
                            "submenu.marginsmodelwisemargin")</a></li>
663
                        <li><a class="partner-price-circular" href="javascript:void(0);">#springMessage(
664
                            "submenu.marginsnlcpriccecircular")</a></li>
665
 
666
                    </ul>
667
                </li>
668
 
669
 
670
                <li class="sub-menu">
671
                    <a href="javascript:;" class="partner-service">
672
                        <i class="icon_document_alt"></i>
673
                        <span>Fin Services</span>
674
                    </a>
675
                </li>
676
                <li class="sub-menu">
677
                    <a href="javascript:;" class="">
678
                        <i class="icon_document_alt"></i>
679
                        <span>#springMessage("menu.returns")</span>
680
                        <span class="menu-arrow arrow_carrot-right"></span>
681
                    </a>
682
                    <ul class="sub">
683
                        <li><a class="approved-returns" href="javascript:void(0);">#springMessage(
684
                            "submenu.returnsapprovedreturns")</a></li>
685
                        <li><a class="view-debit-note" href="javascript:void(0);">#springMessage(
686
                            "submenu.returnsviewdebitnotes")</a></li>
687
                        <li><a class="pending-returns" href="javascript:void(0);">#springMessage(
688
                            "submenu.returnspendingreturns")</a></li>
689
                    </ul>
690
                </li>
691
                <li class="sub-menu">
692
                    <a href="javascript:;" class="">
693
                        <i class="icon_document_alt"></i>
694
                        <span>#springMessage("menu.prebooking")</span>
695
                        <span class="menu-arrow arrow_carrot-right"></span>
696
                    </a>
697
                    <ul class="sub">
698
                        <li><a class="create-prebooking-order" href="javascript:void(0);">#springMessage(
699
                            "submenu.prebookingcreateorder")</a></li>
700
                        <li><a class="prebooking-orders" href="javascript:void(0);">#springMessage(
701
                            "submenu.prebookingorders")</a></li>
702
                        <li><a class="hid-allocation" href="javascript:void(0);">Hid Allocation</a></li>
703
                    </ul>
704
                </li>
705
                <li class="sub-menu">
706
                    <a href="javascript:;" class="">
707
                        <i class="icon_document_alt"></i>
708
                        <span>#springMessage("menu.recharge")</span>
709
                        <span class="menu-arrow arrow_carrot-right"></span>
710
                    </a>
711
                    <ul class="sub">
712
                        <li><a class="create-mobile-recharge" href="javascript:void(0);">#springMessage(
713
                            "submenu.rechargemobilerecharge")</a></li>
714
                        <li><a class="create-dth-recharge" href="javascript:void(0);">#springMessage(
715
                            "submenu.rechargedthrecharge")</a></li>
716
                        <li><a class="mobile-recharges" href="javascript:void(0);">#springMessage(
717
                            "submenu.rechargemobrechargehistory")</a></li>
718
                        <li><a class="dth-recharges" href="javascript:void(0);">#springMessage(
719
                            "submenu.rechargedthrechargehistory")</a></li>
720
                    </ul>
721
                </li>
722
                <li>
723
                    <a href="javascript:;" class="create_indent">
724
                        <i class="icon_document_alt"></i>
725
                        <span>#springMessage("menu.monthlyplanning")</span>
726
                    </a>
727
                </li>
728
                <li class="sub-menu">
729
                    <a href="javascript:;" class="">
730
                        <i class="icon_document_alt"></i>
731
                        <span>#springMessage("menu.grn")</span>
732
                        <span class="menu-arrow arrow_carrot-right"></span>
733
                    </a>
734
                    <ul class="sub">
735
                        <li><a class="new_grn" href="javascript:void(0);">#springMessage("submenu.grnnew")</a></li>
736
                        <li><a class="grn_history" href="javascript:void(0);">#springMessage("submenu.grnhistory")</a>
737
                        </li>
738
                        <li><a class="pending_grn" href="javascript:void(0);">#springMessage("submenu.grnpending")</a>
739
                        </li>
740
                        <li><a class="invoice-summary" href="javascript:void(0);">#springMessage(
741
                            "submenu.grninvoices")</a></li>
742
 
743
                    </ul>
744
                </li>
745
 
746
                <li class="sub-menu">
747
                    <a href="javascript:;" class="">
748
                        <i class="icon_genius"></i>
749
                        <span>#springMessage("submenu.mystrocksmystocks")</span>
750
                        <span class="menu-arrow arrow_carrot-right"></span>
751
                    </a>
752
                    <ul class="sub">
753
                        <li><a class="catalog" href="javascript:void(0);">#springMessage("menu.mystrocks")</a></li>
754
                        <li><a class="product-compare-info" href="javascript:void(0);">#springMessage(
755
                            "submenu.mystrockscompareproduct")</a></li>
756
                    </ul>
757
                </li>
758
 
759
 
760
                <li class="sub-menu">
761
                    <a href="javascript:void(0);" class="">
762
                        <i class="icon_table"></i>
763
                        <span>#springMessage("menu.reports")</span>
764
                        <span class="menu-arrow arrow_carrot-right"></span>
765
                    </a>
766
                    <ul class="sub">
767
                        <li><a class="partner-collection-summary" href="javascript:void(0);">#springMessage(
768
                            "submenu.reportsdailycollections")</a></li>
769
                        <li><a class="franchisee_sales" href="javascript:void(0);">#springMessage(
770
                            "submenu.reportsmysales")</a></li>
771
                        <li><a class="wallet_statement" href="javascript:void(0);">#springMessage(
772
                            "submenu.reportswalletstatement")</a></li>
773
                        <li><a class="loan-statement" href="javascript:void(0);">Loan Statement</a></li>
774
                        <li><a class="pending-indent" href="javascript:void(0);">#springMessage(
775
                            "submenu.reportsorderstatus")</a></li>
776
                        <li><a class="scheme-payout-report" href="javascript:void(0);">#springMessage(
777
                            "submenu.reportsschemespayout")</a></li>
778
                        <li><a class="offer-payout-dump-report" href="javascript:void(0);">Offer Payout</a></li>
779
                        <li><a class="smartdukaan-billing-statement" href="javascript:void(0);">#springMessage(
780
                            "submenu.reportsbillingstatement")</a>
781
                        </li>
782
 
783
                        <li><a class="price-drop-report" href="javascript:void(0);">#springMessage(
784
                            "submenu.reportspricedrop")</a></li>
785
 
786
                        <li><a class="credit-note" href="javascript:void(0);">Credit Note</a></li>
787
                        <li><a class="item_aging" href="javascript:void(0);">#springMessage("submenu.reportsageing")</a>
788
                        </li>
789
                        <!-- remove Report option  of dashBoard side bar-->
790
                        <!--
791
                       <li><a class="download_reports" href="javascript:void(0);">#springMessage(
792
                            "submenu.reportsreports")</a></li>
793
                       -->
794
 
795
                    </ul>
796
                </li>
797
 
798
                <li class="sub-menu">
799
                    <a href="javascript:;" class="">
800
                        <i class="icon_table"></i>
801
                        <span>#springMessage("menu.itemleder")</span>
802
                        <span class="menu-arrow arrow_carrot-right"></span>
803
                    </a>
804
                    <ul class="sub">
805
                        <li><a class="item-ledger-report-download-page" href="javascript:void(0);">#springMessage(
806
                            "submenu.itemlederdownload")</a></li>
807
                    </ul>
808
                </li>
809
 
810
 
811
                <li class="sub-menu">
812
                    <a href="javascript:;" class="">
813
                        <i class="icon_table"></i>
814
                        <span>#springMessage("menu.online")</span>
815
                        <span class="menu-arrow arrow_carrot-right"></span>
816
                    </a>
817
                    <ul class="sub">
818
                        <li><a class="pending_fofo_order" href="javascript:void(0);">#springMessage(
819
                            "submenu.onlinependingorder")</a></li>
820
                        <li><a class="billed_order_item" href="javascript:void(0);">#springMessage(
821
                            "submenu.onlinebilledorder")</a></li>
822
                        ##                        <li><a class="unsettled_order_item" href="javascript:void(0);">#springMessage("submenu.onlineraiseclaim")</a></li>
823
 
824
                        <li><a class="claim_raised_order_item" href="javascript:void(0);">#springMessage(
825
                            "submenu.onlinependingclaim") </a></li>
826
 
827
                        <li><a class="settled_order_item" href="javascript:void(0);">#springMessage(
828
                            "submenu.onlinesettledorder")</a></li>
829
                        <li><a class="partner_print_resources" href="javascript:void(0);">Print Resources</a></li>
830
 
831
                    </ul>
832
                </li>
833
 
834
                <li class="sub-menu">
835
                    <a href="javascript:;" class="">
836
                        <i class="icon_table"></i>
837
                        <span>#springMessage("menu.sale")</span>
838
                        <span class="menu-arrow arrow_carrot-right"></span>
839
                    </a>
840
                    <ul class="sub">
841
 
842
                        <li><a class="sale-history" href="javascript:void(0);">#springMessage("submenu.salehistory")</a>
843
                        </li>
844
                        <!--<li><a class="target-slide" href="javascript:void(0);">Outlet Categories</a></li>-->
845
                        <li><a class="insurance-policy-details" href="javascript:void(0);">#springMessage(
846
                            "submenu.saleinsurancehistory")</a></li>
847
                    </ul>
848
                </li>
849
                <li class="sub-menu" style="margin-bottom:20px">
850
                    <a href="javascript:;" class="">
851
                        <i class="icon_documents_alt"></i>
852
                        <span>#springMessage("menu.support")</span>
853
                        <span class="menu-arrow arrow_carrot-right"></span>
854
                    </a>
855
                    <ul class="sub" style="margin-bottom:20px">
856
                        <li><a class="contact-us" href="#">#springMessage("submenu.supportcontactus")</a></li>
857
                        <li><a href="https://www.youtube.com/channel/UCr4f-OiscZeKk_liLNQRMtQ"
858
                               target="blank">#springMessage("submenu.supporttrainingvideo")</a></li>
859
                    </ul>
860
                </li>
861
 
862
            </ul>
863
            <!-- sidebar menu end-->
864
        </div>
865
    </aside>
866
    <!--sidebar end-->
867
 
868
    <!--main content start-->
869
    <section id="main-content">
870
        <section class="wrapper">
871
            <!--overview start-->
872
            <div class="row">
873
                <div class="col-lg-12">
874
                    <h3 class="page-header" style="position:relative"><i class="fa fa-laptop"></i> Dashboard
875
                        <!--  <span style="position:absolute;top:-55px;right:45%"><a class="digify-retailer-login-test"
876
                                                                               href="${rc.contextPath}/digify/register"
877
                                                                               target="_blank">  <img
878
                                src="resources/images/Buyback-Mobile.png"> </a> </span>-->
879
                        ##                        <span style="position:absolute;top:-55px;right:1%">
880
                        ##                            <table>
881
                        ##                                <tr>
882
                        ##                                    <td>
883
                        ##                                        <b style="font-size: 11px;text-transform: capitalize;color: black;">Selling with personal finance ?<br>
884
                        ##                                        Secure your products with us</b>
885
                        ##                                    </td>
886
                        ##                                    <td>
887
                        ##                                        <a class="digify-retailer-login-test"
888
                        ##                                           href="javascript:void(0);" onclick="makeAjaxRequest()">  <img
889
                        ##                                                src="https://images.smartdukaan.com/uploads/campaigns/image2024-02-08/smart-secure-image1707401228511.jpeg"
890
                        ##                                                style="width: 90px;"> </a>
891
                        ##                                    </td>
892
                        ##                                </tr>
893
                        ##                            </table>
894
                        ##                        </span>
895
 
896
                    </h3>
897
 
898
                    <ol class="breadcrumb">
899
                        <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
900
                        <li><i class="fa fa-laptop"></i>Dashboard</li>
901
                    </ol>
902
 
903
 
904
                </div>
905
            </div>
906
            <!-- overview end -->
907
            <div class="row">
908
                <div class="col-lg-6">
909
                    <div class="row">
910
                        <div class="col-lg-7">
911
                            <div class="info-box blue-bg">
912
                                <i class="fa fa-chart-line"></i>
913
                                <h4 style="margin-top:-2px;margin-bottom:12px"><strong>#springMessage(
914
                                    "dashboard.sale")</strong>
915
                                    <span>   <a href="#videoModal" class="btn btn-danger" data-toggle="modal"
916
                                                data-src="GQziSgeI3ZM"><span
917
                                            class="glyphicon glyphicon-play-circle"></span> Play Video</a> </span>
918
 
919
 
920
                                </h4>
921
                                <div class="row">
922
                                    <div class="col-lg-4 row">
923
                                        <div style="margin-top:0px" class="count currency">$nf.format($salesMap.get(
924
                                            "lmtdSale"))</div>
925
                                        <div class="title">LMTD</div>
926
                                    </div>
927
                                    <div class="col-lg-4 row">
928
                                        <div style="margin-top:0px" class="count currency">$nf.format($salesMap.get(
929
                                            "mtdSale"))</div>
930
                                        <div class="title">MTD</div>
931
                                    </div>
932
                                    <div class="col-lg-3 row">
933
                                        <div style="margin-top:0px" class="count currency">$nf.format($salesMap.get(
934
                                            "todaySale"))</div>
935
                                        <div class="title">Today&apos;s</div>
936
                                    </div>
937
 
938
                                    <div class="col-lg-1 row" style="margin-left: -20px;margin-top: 20px;">
939
                                        <i class="fk_more fa fa-angle-double-down" id="blue-dropdown"
940
                                           style="cursor:pointer;font-size: 27px;width: 27px;height: 27px;margin-top: 0px;color: rgba(255, 255, 255, 0.75);line-height: 27px;"></i>
941
                                    </div>
942
                                </div>
943
 
944
                                <div class="row monthsaleContainer" style="margin:5px">
945
                                </div>
946
                            </div>
947
                        </div>
948
 
949
                        <div class="col-lg-5 row">
950
                            <div class="info-box brown-bg">
951
 
952
                                <div class="row">
953
                                    <div class="col-lg-6">
954
                                        <h4 style="margin-top:-2px;margin-bottom:3px"><strong>Current Rate</strong></h4>
955
                                        <div style="margin-top:0px" class="count">
956
                                            <span class="currency">$nf.format($salesMap.get("currentRate"))</span>/day
957
                                        </div>
958
                                        <img src="${salesMap.get('currentTypeImage')}" width="60px"
959
                                             class="target-slide1">
960
                                    </div>
961
                                    <div class="col-lg-6">
962
                                        <h4 style="margin-top:-2px;margin-bottom:3px"><strong>Reqd Rate</strong></h4>
963
                                        <div style="margin-top:0px" class="count currency">
964
                                            <span class="currency">$nf.format($salesMap.get("requiredRate"))</span>/day
965
                                        </div>
966
                                        <img src="${salesMap.get('requiredTypeImage')}" width="60px"
967
                                             class="target-slide1">
968
                                    </div>
969
                                </div>
970
                            </div>
971
                        </div>
972
                        <div class="col-lg-7">
973
                            <div class="info-box purple-bg">
974
                                <div class="col-lg-12 row">
975
                                    <i class="fa fa-coins"></i>
976
                                    <h4 style="margin-top:-2px;margin-bottom:12px"><strong>#springMessage(
977
                                        "dashboard.investment")</strong></h4>
978
                                    <div class="row">
979
                                        <div class="col-lg-3">
980
                                            <div class="row">
981
                                                <div style="margin-top:0px" class="count currency">$investments.get(
982
                                                    "today")</div>
983
                                                <div class="title">#springMessage("dashboard.current")</div>
984
                                                <div class="col-lg-1" style="margin-left: -20px;margin-top: -6px;">
985
                                                    <i class="fk_more fa fa-angle-double-down flash"
986
                                                       id="purple-dropdown"
987
                                                       style="cursor:pointer;font-size: 27px;width: 145px;height: 27px;margin-top: 0px;color: rgba(255, 255, 255, 0.75);line-height: 4px; margin-left: 25px;"></i>
988
                                                </div>
989
                                            </div>
990
                                        </div>
991
 
992
                                        <div class="col-lg-3">
993
                                            <div style="margin-top:0px" class="count">$investments.get("minimum")</div>
994
                                            <div class="title">min</div>
995
                                        </div>
996
                                        <div class="col-lg-3 row"
997
                                            #if(!$isInvestmentOk)
998
                                             style="color:red; background: white;"
999
                                            #end
1000
                                        >
1001
                                            #if($investments.get("short")<=0)
1002
                                                <div style="margin-top:0px" class="count">100%</div>
1003
                                                <div class="title">OK</div>
1004
                                            #else
1005
                                                <div style="margin-top:0px" class="count">$investments.get("short")%
1006
                                                </div>
1007
                                                <div class="title">short</div>
1008
                                            #end
1009
                                        </div>
1010
                                    </div>
1011
                                    <div class="row investmentContainer" style="margin:5px">
1012
                                    </div>
1013
                                </div>
1014
                            </div>
1015
                        </div>
1016
                        <div class="col-lg-5 row">
1017
                            #if($staticScheme)
1018
                                <div class="info-box white-bg" style="padding:0;height: 159px">
1019
                                    <div class="col-lg-6"
1020
                                         style="background-size: 135px !important;background:url('/resources/images/super-retailer.jpg') no-repeat;height: 161px;"
1021
                                    >
1022
                                        <div
1023
                                                style="position: absolute;bottom: 4px;left: auto;width: 100%;left:-5px;
1024
                                                text-align: center;color: #333333;margin-bottom: 4px;font-size: 18px; font-weight: bold">
1025
                                            $schemeCategory</div>
1026
                                    </div>
1027
                                    <div class="col-lg-6 row">
1028
                                        <div class="row" style="margin-top:6px">
1029
                                            <div style="text-align: center;font-size: 13px;font-weight: bold;color: black;margin-top: 3px">
1030
                                                Aug 1 - Nov 30
1031
                                            </div>
1032
                                            <p style="margin: 0 0 8px"></p>
1033
                                            <div style="text-align: center;font-size: 13px;font-weight: bold;color: black">
1034
                                                TOTAL TARGET
1035
                                            </div>
1036
                                            <div class="rcurrency"
1037
                                                 style="text-align: center;font-size: 20px;font-weight: bold;color: red">
1038
                                                $staticScheme.getTarget()
1039
                                            </div>
1040
                                        </div>
1041
                                        <hr style="margin-top:6px;margin-bottom: 6px"/>
1042
                                        <div class="row">
1043
                                            <div style="text-align: center;font-size: 13px;font-weight: bold;color: black">
1044
                                                TOTAL ACHIEVEMENT
1045
                                            </div>
1046
                                            <div class="rcurrency red"
1047
                                                 style="text-align: center;font-size: 20px;font-weight: bold;color: red">
1048
                                                $nf.format($schemeAchievement)
1049
                                            </div>
1050
                                        </div>
1051
                                    </div>
1052
                                </div>
1053
                            #else
1054
                                <div class="info-box orange-bg"
1055
                                     style="background-image: linear-gradient(#ff7f50 ,orange); box-shadow: 6px 5px 6px #ff7f50;">
1056
                                    <i class="fa fa-chart-line"></i>
1057
                                    <h4 style="margin-top:-2px;margin-bottom:12px"><strong>#springMessage(
1058
                                        "dashboard.onlinesale")</strong></h4>
1059
                                    <div class="row">
1060
                                        <div class="col-lg-3" style="margin:5px">
1061
                                            <div style="margin-top:0px; margin-left:24px;"
1062
                                                 class="count currency">$countOrder</div>
1063
                                            <button class="btn-warning">
1064
                                                <div class="title pending_order_dashboard"
1065
                                                     style="cursor: pointer; color:black;">
1066
                                                    #springMessage("dashboard.pendingorder")
1067
                                                </div>
1068
                                            </button>
1069
                                        </div>
1070
 
1071
                                        <div class="col-lg-4 row" style="margin:5px">
1072
                                            #if($onlineDeliveredOrderSum)
1073
                                                <div style="margin-top:0px; margin-left:37px;"
1074
                                                     class="count currency">$onlineDeliveredOrderSum</div>
1075
                                            #else
1076
                                                <div style="margin-top:0px; margin-left:20px;" class="count currency">
1077
 
1078
                                                </div>
1079
                                            #end
1080
                                            <button class="btn-warning">
1081
                                                <div class="title total_sale_dashboard"
1082
                                                     style="cursor: pointer; color:black;">Online Sales
1083
                                                </div>
1084
                                            </button>
1085
                                        </div>
1086
                                    </div>
1087
                                </div>
1088
                            #end
1089
                        </div>
1090
                    </div>
1091
 
1092
 
1093
                    <div class="row">
1094
                        <div class="col-lg-9">
1095
                            <div class="info-box pink-bg" style="height: 160px;">
1096
                                <h4 style="margin-top:-2px;margin-bottom:12px"><strong>Order Summary</strong></h4>
1097
 
1098
                                <div class="col-lg-3 row">
1099
                                    <h4 style="margin-top:-2px;margin-bottom:12px;"><strong
1100
                                            style="font-size: 16px; cursor:pointer; margin-left: 9px;"
1101
                                            class="pndg-status">Pending</strong></h4>
1102
                                    #if($submittedCount && $submittedValue)
1103
                                        <div class="col-lg-3">
1104
                                            <div style="margin-top:0px" class="count currency">$submittedCount</div>
1105
                                            <div class="title">Qty</div>
1106
                                        </div>
1107
                                        <div class="col-lg-4">
1108
                                            <div style="margin-top:0px" class="count currency">$submittedValue</div>
1109
                                            <div class="title" style="margin-left:5px;">Value</div>
1110
                                        </div>
1111
                                    #else
1112
                                        <div class="col-lg-3">
1113
                                            <div style="margin-top:0px" class="count currency">0</div>
1114
                                            <div class="title">Qty</div>
1115
                                        </div>
1116
                                        <div class="col-lg-4">
1117
                                            <div style="margin-top:0px" class="count currency">0</div>
1118
                                            <div class="title" style="margin-left:5px;">Value</div>
1119
                                        </div>
1120
 
1121
                                    #end
1122
 
1123
 
1124
                                </div>
1125
 
1126
                                <div class="col-lg-3">
1127
                                    <h4 style="margin-top:-2px;margin-bottom:12px"><strong
1128
                                            style="font-size: 19px; cursor:pointer; margin-left: 15px;"
1129
                                            class="billed-status">#springMessage("dashboard.billed")</strong></h4>
1130
 
1131
                                    #if($billedCount && $billedValue)
1132
                                        <div class="col-lg-3">
1133
                                            <div style="margin-top:0px" class="count currency">$billedCount</div>
1134
                                            <div class="title">Qty</div>
1135
                                        </div>
1136
                                        <div class="col-lg-4">
1137
                                            <div style="margin-top:0px" class="count currency">$billedValue</div>
1138
                                            <div class="title" style="margin-left:5px;">Value</div>
1139
                                        </div>
1140
                                    #else
1141
                                        <div class="col-lg-3">
1142
                                            <div style="margin-top:0px" class="count currency">0</div>
1143
                                            <div class="title">Qty</div>
1144
                                        </div>
1145
                                        <div class="col-lg-4">
1146
                                            <div style="margin-top:0px" class="count currency">0</div>
1147
                                            <div class="title" style="margin-left:5px;">Value</div>
1148
                                        </div>
1149
 
1150
                                    #end
1151
                                </div>
1152
 
1153
                                <div class="col-lg-3">
1154
                                    <h4 style="margin-top:-2px;margin-bottom:12px"><strong
1155
                                            style="font-size: 19px;  cursor:pointer; margin-left: 15px;"
1156
                                            class="shipped-status">#springMessage("dashboard.dispatched")</strong></h4>
1157
 
1158
                                    #if($shippedCount && $shippedValue)
1159
                                        <div class="col-lg-3">
1160
                                            <div style="margin-top:0px" class="count currency">$shippedCount</div>
1161
                                            <div class="title">Qty</div>
1162
                                        </div>
1163
                                        <div class="col-lg-4">
1164
                                            <div style="margin-top:0px" class="count currency">$shippedValue</div>
1165
                                            <div class="title" style="margin-left:5px;">Value</div>
1166
                                        </div>
1167
                                    #else
1168
                                        <div class="col-lg-3">
1169
                                            <div style="margin-top:0px" class="count">0</div>
1170
                                            <div class="title">Qty</div>
1171
                                        </div>
1172
                                        <div class="col-lg-4">
1173
                                            <div style="margin-top:0px" class="count">0</div>
1174
                                            <div class="title" style="margin-left:5px;">Value</div>
1175
                                        </div>
1176
 
1177
                                    #end
1178
                                </div>
1179
 
1180
                                <div class="col-lg-3">
1181
                                    <h4 style="margin-top:-2px;margin-bottom:12px"><strong
1182
                                            style="font-size: 19px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;  cursor:pointer;"
1183
                                            class="grn-status">#springMessage("dashboard.grnpending")</strong></h4>
1184
 
1185
                                    #if($grnPendingCount &&  $grnPendingValue )
1186
                                        <div class="col-lg-3">
1187
                                            <div style="margin-top:0px"
1188
                                                 class="count currency">$grnPendingCount</div>
1189
                                            <div class="title">Qty</div>
1190
                                        </div>
1191
                                        <div class="col-lg-4">
1192
                                            <div style="margin-top:0px"
1193
                                                 class="count currency">$grnPendingValue</div>
1194
                                            <div class="title" style="margin-left:5px;">Value</div>
1195
                                        </div>
1196
                                    #else
1197
                                        <div class="col-lg-3">
1198
                                            <div style="margin-top:0px" class="count currency">0</div>
1199
                                            <div class="title">Qty</div>
1200
                                        </div>
1201
                                        <div class="col-lg-4">
1202
                                            <div style="margin-top:0px" class="count currency">0</div>
1203
                                            <div class="title" style="margin-left:5px;">Value</div>
1204
                                        </div>
1205
 
1206
                                    #end
1207
                                </div>
1208
                            </div>
1209
                        </div>
1210
                        <div class="col-lg-3 row" style="height: 190px;">
1211
                            <div class="info-box green-bg" style="min-height: 160px;">
1212
                                <i class="fa fa-cubes"></i>
1213
                                <div class="count currency">$investments.get("inStock")</div>
1214
                                <div class="title">#springMessage("dashboard.totalstock")</div>
1215
                            </div>
1216
                        </div>
1217
                    </div>
1218
                    <div class="row">
1219
 
1220
                        <div class="col-lg-8 partnerIncomeContainer"></div>
1221
 
1222
                        <div class="col-lg-4">
1223
                            <div class="info-box green-bg" style="height: 145px;">
1224
                                <h4 style="margin-top:-2px;margin-bottom:12px"><strong>#springMessage(
1225
                                    "dashboard.monthlytarget")</strong></h4>
1226
 
1227
                                <div class="col-lg-6">
1228
                                    <h4 style="margin-top:-2px;margin-bottom:12px;">
1229
                                        <strong style="cursor:pointer; margin-left: 9px;">Sale</strong>
1230
                                    </h4>
1231
                                    <div class="col-lg-6">
1232
                                        #if($monthlyTarget && $monthlyTarget.getSaleTarget() >0)
1233
                                            <div style="margin-top:0px"
1234
                                                 class="count currency">$monthlyTarget.getSaleTarget()</div>
1235
                                        #else
1236
                                            <div style="margin-top:0px" class="count currency">-</div>
1237
                                        #end
1238
                                    </div>
1239
                                </div>
1240
 
1241
                                <div class="col-lg-6">
1242
                                    <h4 style="margin-top:-2px;margin-bottom:12px;"><strong
1243
                                            style="font-size: 16px; cursor:pointer; margin-left: 9px;"
1244
                                    >#springMessage("dashboard.purchase")</strong></h4>
1245
                                    <div class="col-lg-6">
1246
                                        #if($monthlyTarget && $monthlyTarget.getPurchaseTarget() > 0)
1247
                                            <div style="margin-top:0px"
1248
                                                 class="count currency">$monthlyTarget.getPurchaseTarget()</div>
1249
 
1250
                                        #else
1251
                                            <div style="margin-top:0px" class="count currency"> -</div>
1252
 
1253
                                        #end
1254
                                    </div>
1255
                                </div>
1256
                            </div>
1257
 
1258
                        </div>
1259
                    </div>
1260
 
1261
                    <div class="row">
1262
                        <div class="Mobile">
1263
                            #foreach($brandStockPrice in $brandStockPrices)
1264
 
1265
                                <div class="col-lg-3">
1266
                                    <div class="card card-default">
1267
							<span class="card-body" style="padding-bottom:0px">
1268
								<table>
1269
									<thead>
1270
										<tr><td colspan="2">Current Stock</td></tr>
1271
									</thead>
1272
									<tbody>
1273
										<tr><th>Qty</th><td>$brandStockPrice.getTotalQty()pc</td></tr>
1274
										<tr><th>Value</th><td><span
1275
                                                class="currency">$brandStockPrice.getTotalValue()</span></td></tr>
1276
									</tbody>
1277
								</table>
1278
                                #if($brandStockPrice.getAgedValue()>0)
1279
                                    <p style="color:#d15a57;font-weight:700" title="Focus Stock">
1280
									<span class="currency">$brandStockPrice.getAgedValue()</span> / $brandStockPrice.getAgedQty()
1281
								</p>
1282
                                #else
1283
                                    <p>&nbsp;</p>
1284
                                #end
1285
							</span>
1286
                                        <span class="card-img" style="text-align:center">
1287
							<img src="${brandStockPrice.getBrandUrl()}" data-stockbrand="$brandStockPrice.getBrand()"
1288
                                 class="cover $brandStockPrice.getBrand()" id="stockcatalog"
1289
                                 class="$brandStockPrice.getBrand()">
1290
							</span></span>
1291
                                    </div>
1292
                                </div>
1293
                            #end
1294
                        </div>
1295
                        <div class="row">
1296
 
1297
                            <div class="col-lg-3">
1298
                                <div class="card card-default">
1299
							<span class="card-body" style="padding-bottom:38px;">
1300
								<table>
1301
									<thead>
1302
										<tr><td colspan="2">Current Stock</td></tr>
1303
									</thead>
1304
									<tbody>
1305
										<tr><th>Value</th><td><span class="currency">$accesoriesStock</span></td></tr>
1306
									</tbody>
1307
								</table>
1308
							</span>
1309
                                    <span class="card-img">
1310
								<img src="resources/images/accessories.jpg" id="accesoriesStock"
1311
                                     class="accesoriesClass">
1312
							</span>
1313
                                </div>
1314
                            </div>
1315
 
1316
                        </div>
1317
                    </div>
1318
 
1319
 
1320
                </div>
1321
 
1322
                <div class="col-lg-6">
1323
                    <div class="row">
1324
 
1325
                        <div class="form-group">
1326
                            <label class="control-label col-lg-4" for="months">#springMessage(
1327
                                "dashboard.offerforthemonth")</label>
1328
                            <div class="col-lg-2">
1329
                                <select class="form-control input-sm" id="mk_offer_brand_filter" name="offerBrandFilter"
1330
                                        placeholder="brand" style="margin:auto;">
1331
                                    <option value="" disabled selected>Select Brand</option>
1332
                                    <option value="">All</option>
1333
                                    #foreach($brand in $brands)
1334
                                        <option value="$brand">$brand</option>
1335
                                    #end
1336
                                </select>
1337
                            </div>
1338
                            <div class="col-lg-4">
1339
                                <select class="form-control input-sm" id="offer-months" name="months"
1340
                                        placeholder="months" style="margin:auto;">
1341
                                    <option value="" disabled selected>Month</option>
1342
                                    #foreach($mVM in $monthValueMap.entrySet())
1343
                                        #if($mVM.getKey()== $month )
1344
                                            <option value="$mVM.getKey()" selected>$mVM.getValue()</option>
1345
                                        #else
1346
                                            <option value="$mVM.getKey()">$mVM.getValue()</option>
1347
                                        #end
1348
                                    #end
1349
                                </select>
1350
                            </div>
1351
                            <div class="col-lg-2">
1352
                                <!--Training Video -->
1353
                                <a href="#videoModal" class="btn btn-danger" data-toggle="modal"
1354
                                   data-src="Nv7J2L_BPCU"><span
1355
                                        class="glyphicon glyphicon-play-circle"></span> Play Video</a>
1356
                            </div>
1357
                        </div>
1358
                    </div>
1359
                    <div id="offer-container">
1360
                        #parse("published-offers.vm")
1361
                    </div>
1362
                    <div class="offer-margin-container">
1363
                        <div class="modal  text-center" id="offerDescription">
1364
                            <div class="modal-dialog modal-lg modal-dialog-scrollable">
1365
                                <div class="modal-content">
1366
                                </div>
1367
                            </div>
1368
                        </div>
1369
                    </div>
1370
 
1371
                    <div class="row col-lg-12 info-box white-bg" id="performanceContainer">
1372
                        #parse("performance.vm")
1373
                    </div>
1374
                    <!--<div class="row col-lg-12 info-box white-bg" id="performanceContainer">
1375
                        ##parse("performance-weekly.vm")
1376
                    </div>-->
1377
                    #if($activatedImeis > 0)
1378
                        <div class="row col-lg-12 info-box white-bg">
1379
                            #parse("dashboard-activated-imeis.vm")
1380
                        </div>
1381
                    #end
1382
                    #if($imeiActivationPendingCount > 0)
1383
                        <div class="row col-lg-12 info-box white-bg">
1384
                            #parse("dashboard-grn-pending-activated-imeis.vm")
1385
                        </div>
1386
                    #end
1387
                    <div class="row col-lg-12">
1388
                        <ul class="nav nav-tabs">
1389
                            <li class="bar_chart"><a class="ba">Sale</a></li>
1390
                            <li class="lms_line_chart"><a class="la">#springMessage("dashboard.monthlysale")</a></li>
1391
                            <li class="purchase_line_chart"><a class="pa">#springMessage(
1392
                                "dashboard.monthlypurchase")</a></li>
1393
                            <li class="priceDrop_chart"><a class="pd">#springMessage("dashboard.pricedrop")</a></li>
1394
                            <li class="pending_activation_chart"><a class="pac">Pending Activation</a></li>
1395
                            <li class="pending_upgrade_offer"><a class="puo"> #springMessage(
1396
                                "dashboard.upgradeoffer")</a></li>
1397
 
1398
                        </ul>
1399
                        <div style="float:left;margin-top: 2% ; font-size: 20px ;margin-left: 5%" id="dateRangeDiv">
1400
                            From:
1401
                            <input type="date" name="from" id="chartForm" value="">
1402
                            To:
1403
                            <input type="date" name="to" id="chartTo" value="">
1404
 
1405
                            <select name="quantityType" id="quantity_type_id">
1406
                                <option value="false" selected>Value</option>
1407
                                <option value="true">Quantity</option>
1408
                            </select>
1409
                            <button id="viewSaleBarChart" class="btn-success">
1410
                                Veiw Chart
1411
                            </button>
1412
                        </div>
1413
                        <br>
1414
                        <div class="row ChartContainer" style="margin:5px;margin-top: 4%">
1415
 
1416
                        </div>
1417
 
1418
 
1419
                    </div>
1420
                    <div class="clearfix"></div>
1421
                    <div class="model_charbar_container">
1422
 
1423
                    </div>
1424
 
1425
 
1426
                </div>
1427
            </div>
1428
            </div>
1429
        </section>
1430
        <div class="text-center">
1431
            <div id="like_button_container"></div>
1432
            <div class="credits">
1433
                <p>All rights reserved.&copy;2017, Smart Dukaan</p>
1434
            </div>
1435
        </div>
1436
 
1437
    </section>
1438
 
1439
    <script type="text/javascript">
1440
        context = "${rc.contextPath}";
1441
        webApiScheme = "$webApiScheme";
1442
        webApiRoot = "$webApiRoot";
1443
        webApiHost = "$webApiHost";
1444
        webApiPort = "$webApiPort";
1445
    </script>
1446
    #parse("include-scripts.vm")
1447
 
1448
    <script type="text/javascript">
1449
        $(document).ready(function () {
1450
            $("#offerDescription").modal({backdrop: "static", keyboard: true, focus: true, show: false});
1451
            var salesCloseFlag = true;
1452
            $("#blue-dropdown").click(function () {
1453
                // console.log("clicked");
1454
                if (salesCloseFlag) {
1455
                    var containerWidth = $(".blue-bg").width()
1456
                    doGetAjaxRequestHandler(context + "/getMonthSale", function (response) {
1457
                        $('.monthsaleContainer').html(response);
1458
 
1459
                        $(".blue-bg").css({"position": "absolute", "z-index": "10"}).width(containerWidth);
1460
                    });
1461
                } else {
1462
                    $(".blue-bg").removeAttr('style');
1463
                    $('.monthsaleContainer').html('');
1464
                }
1465
                salesCloseFlag = !salesCloseFlag;
1466
            });
1467
 
1468
            $(".bar_chart").click();
1469
 
1470
            var month = 0;
1471
            doGetAjaxRequestHandler(context + "/partnerTotalIncomeByMonth/" + month, function (response) {
1472
                console.log(response);
1473
                $(".partnerIncomeContainer").html(response);
1474
            });
1475
 
1476
            var investmentCloseFlag = true;
1477
            $("#purple-dropdown").click(function () {
1478
                console.log('hello');
1479
                $(".flash").stop();
1480
                // console.log("clicked");
1481
                if (investmentCloseFlag) {
1482
                    var containerWidth = $(".purple-bg").width()
1483
                    doGetAjaxRequestHandler(context + "/investmentDetails", function (response) {
1484
                        $('.investmentContainer').html(response);
1485
                        $(".purple-bg").css({"position": "absolute", "z-index": "10"}).width(containerWidth);
1486
                    });
1487
                } else {
1488
                    $(".purple-bg").removeAttr('style');
1489
                    $('.investmentContainer').html('');
1490
                }
1491
                investmentCloseFlag = !investmentCloseFlag;
1492
            });
1493
        });
1494
 
1495
        function sleep(delay) {
1496
            var start = new Date().getTime();
1497
            while (new Date().getTime() < start + delay) ;
1498
        }
1499
 
1500
        $(document).on("click", ".priceDrop_chart",
1501
                function () {
1502
                    $(".pd").css("color", "blue");
1503
                    $(".pd").css("background-color", "white");
1504
                    $(".ba").css("color", "white");
1505
                    $(".ba").css("background-color", "#C0C0C0");
1506
                    $(".pa").css("color", "white");
1507
                    $(".pa").css("background-color", "#C0C0C0");
1508
                    $(".la").css("color", "white");
1509
                    $(".la").css("background-color", "#C0C0C0");
1510
 
1511
                    $(".pac").css("color", "white");
1512
                    $(".pac").css("background-color", "#C0C0C0");
1513
 
1514
 
1515
                    $(".puo").css("color", "white");
1516
                    $(".puo").css("background-color", "#C0C0C0");
1517
 
1518
 
1519
                    sleep(500);
1520
                    doGetAjaxRequestHandler(context + "/getMonthlyPriceDrop", function (response) {
1521
 
1522
                        $('.ChartContainer').html(response);
1523
                    });
1524
                });
1525
 
1526
 
1527
        $(document).on("click", ".pending_activation_chart",
1528
                function () {
1529
                    $(".pac").css("color", "blue");
1530
                    $(".pac").css("background-color", "white");
1531
 
1532
                    $(".pd").css("color", "white");
1533
                    $(".pd").css("background-color", "#C0C0C0");
1534
                    $(".ba").css("color", "white");
1535
                    $(".ba").css("background-color", "#C0C0C0");
1536
                    $(".pa").css("color", "white");
1537
                    $(".pa").css("background-color", "#C0C0C0");
1538
                    $(".la").css("color", "white");
1539
                    $(".la").css("background-color", "#C0C0C0");
1540
 
1541
                    $(".puo").css("color", "white");
1542
                    $(".puo").css("background-color", "#C0C0C0");
1543
 
1544
                    sleep(500);
1545
                    doGetAjaxRequestHandler(context + "/getMonthlyActivation", function (response) {
1546
 
1547
                        $('.ChartContainer').html(response);
1548
                    });
1549
                });
1550
 
1551
        $(document).on("click", ".purchase_line_chart",
1552
                function () {
1553
                    $(".pa").css("color", "blue");
1554
                    $(".pa").css("background-color", "white");
1555
                    $(".ba").css("color", "white");
1556
                    $(".ba").css("background-color", "#C0C0C0");
1557
                    $(".pd").css("color", "white");
1558
                    $(".pd").css("background-color", "#C0C0C0");
1559
                    $(".la").css("color", "white");
1560
                    $(".la").css("background-color", "#C0C0C0");
1561
 
1562
                    $(".pac").css("color", "white");
1563
                    $(".pac").css("background-color", "#C0C0C0");
1564
 
1565
                    $(".puo").css("color", "white");
1566
                    $(".puo").css("background-color", "#C0C0C0");
1567
 
1568
                    doGetAjaxRequestHandler(context + "/getMonthlyPurchaseLineChart", function (response) {
1569
                        $('.ChartContainer').html(response);
1570
                    });
1571
                });
1572
 
1573
        $(document).on("click", ".lms_line_chart",
1574
                function () {
1575
 
1576
                    $(".ba").css("color", "white");
1577
                    $(".ba").css("background-color", "#C0C0C0");
1578
                    $(".pa").css("color", "white");
1579
                    $(".pa").css("background-color", "#C0C0C0");
1580
                    $(".la").css("color", "blue");
1581
                    $(".la").css("background-color", "white");
1582
                    $(".pd").css("color", "white");
1583
                    $(".pd").css("background-color", "#C0C0C0");
1584
 
1585
                    $(".pac").css("color", "white");
1586
                    $(".pac").css("background-color", "#C0C0C0");
1587
 
1588
                    $(".puo").css("color", "white");
1589
                    $(".puo").css("background-color", "#C0C0C0");
1590
 
1591
                    doGetAjaxRequestHandler(context + "/getlmsLineChart", function (response) {
1592
                        $('.ChartContainer').html(response);
1593
                    });
1594
                });
1595
 
1596
        $(document).on("click", ".bar_chart",
1597
                function () {
1598
                    $(".ba").css("color", "blue");
1599
                    $(".ba").css("background-color", "white");
1600
                    $(".la").css("color", "white");
1601
                    $(".la").css("background-color", "#C0C0C0");
1602
                    $(".pa").css("color", "white");
1603
                    $(".pa").css("background-color", "#C0C0C0");
1604
                    $(".pd").css("color", "white");
1605
                    $(".pd").css("background-color", "#C0C0C0");
1606
 
1607
                    $(".pac").css("color", "white");
1608
                    $(".pac").css("background-color", "#C0C0C0");
1609
 
1610
                    $(".puo").css("color", "white");
1611
                    $(".puo").css("background-color", "#C0C0C0");
1612
 
1613
 
1614
                    doGetAjaxRequestHandler(context + "/getBarChart", function (response) {
1615
                        $('.ChartContainer').html(response);
1616
                    });
1617
                });
1618
 
1619
 
1620
        $(document).on("click", ".pending_upgrade_offer",
1621
                function () {
1622
 
1623
                    $(".puo").css("color", "blue");
1624
                    $(".puo").css("background-color", "white");
1625
 
1626
                    $(".ba").css("color", "white");
1627
                    $(".ba").css("background-color", "#C0C0C0");
1628
                    $(".la").css("color", "white");
1629
                    $(".la").css("background-color", "#C0C0C0");
1630
                    $(".pa").css("color", "white");
1631
                    $(".pa").css("background-color", "#C0C0C0");
1632
                    $(".pd").css("color", "white");
1633
                    $(".pd").css("background-color", "#C0C0C0");
1634
 
1635
                    $(".pac").css("color", "white");
1636
                    $(".pac").css("background-color", "#C0C0C0");
1637
 
1638
                    doGetAjaxRequestHandler(context + "/getMonthlySamsungUpgradeOffer", function (response) {
1639
                        $('.ChartContainer').html(response);
1640
                    });
1641
                });
1642
 
1643
 
1644
        $(document).on("click", "p.description-offer",
1645
                function (e) {
1646
                    var offerid = $(this).data('offerid');
1647
                    console.log(offerid);
1648
                    doGetAjaxRequestHandler(context + "/getOfferMargins?offerId="
1649
                            + offerid, function (response) {
1650
                        $('.offer-margin-container .modal-content').html(response);
1651
                        $("#offerDescription").modal('handleUpdate');
1652
                        $("#offerDescription").modal('show');
1653
                    });
1654
                });
1655
 
1656
 
1657
        $(document).on("click", ".cancel-description",
1658
                function (e) {
1659
                    $("#descriptionMenu").empty();
1660
                });
1661
 
1662
 
1663
        $(document).on("click", "#cancel-model", function (e) {
1664
            $("#descriptionMenu").empty();
1665
        });
1666
 
1667
        $(document).on('change', "#month-wise-total-income", function () {
1668
 
1669
            var month = $(this).val();
1670
            console.log(month);
1671
 
1672
            doGetAjaxRequestHandler(context + "/partnerTotalIncomeByMonth/" + month, function (response) {
1673
                console.log(response);
1674
                $(".partnerIncomeContainer").html(response);
1675
            });
1676
        });
1677
 
1678
 
1679
        $(document).on('change', "#performance-months", function () {
1680
 
1681
            var month = $("#performance-months").val();
1682
            console.log(month);
1683
 
1684
            doGetAjaxRequestHandler(context + "/getMonthsInvestment?month=" + month, function (response) {
1685
                console.log(response);
1686
                $("#performanceContainer").html(response);
1687
 
1688
            });
1689
        });
1690
 
1691
 
1692
        $(document).on('change', "#offer-months,#mk_offer_brand_filter", function () {
1693
            var monthSearch = $('#offer-months').val();
1694
            var brandFilter = $('#mk_offer_brand_filter').val();
1695
            console.log("monthSearch - ", monthSearch)
1696
            console.log("brandFilter - ", brandFilter)
1697
            var url;
1698
            if (!brandFilter) {
1699
                url = `${context}/published-offers?yearMonth=${monthSearch}`;
1700
            } else {
1701
                url = `${context}/published-offers?yearMonth=${monthSearch}&brandFilter=${brandFilter}`;
1702
            }
1703
            console.log("url - ", url);
1704
            doGetAjaxRequestHandler(url, function (response) {
1705
                $("#offer-container").html(response);
1706
            });
1707
        });
1708
 
1709
 
1710
        $(document).on("click", ".pndg-status", function () {
1711
            console.log("Hello");
1712
            pendingOrderStatus("main-content");
1713
        });
1714
 
1715
        function pendingOrderStatus(domId) {
1716
            doGetAjaxRequestHandler(context + "/getPendingOrderStatus", function (response) {
1717
                console.log(response);
1718
                $('#' + domId).html(response);
1719
            });
1720
        }
1721
 
1722
        $(document).on("click", ".billed-status", function () {
1723
            console.log("Hello");
1724
            billedOrderStatus("main-content");
1725
        });
1726
 
1727
        function billedOrderStatus(domId) {
1728
            doGetAjaxRequestHandler(context + "/getBilledOrderStatus", function (response) {
1729
                console.log(response);
1730
                $('#' + domId).html(response);
1731
            });
1732
        }
1733
 
1734
        $(document).on("click", ".shipped-status", function () {
1735
            console.log("Hello");
1736
            shippedOrderStatus("main-content");
1737
        });
1738
 
1739
        function shippedOrderStatus(domId) {
1740
            doGetAjaxRequestHandler(context + "/getShippedOrderStatus", function (response) {
1741
                console.log(response);
1742
                $('#' + domId).html(response);
1743
            });
1744
        }
1745
 
1746
        $(document).on("click", ".grn-status", function () {
1747
            console.log("Hello");
1748
            grnOrderStatus("main-content");
1749
        });
1750
 
1751
        function grnOrderStatus(domId) {
1752
            doGetAjaxRequestHandler(context + "/getGrnPendingOrderStatus", function (response) {
1753
                console.log(response);
1754
                $('#' + domId).html(response);
1755
            });
1756
        }
1757
 
1758
        function lastMonthCreditIncome(domId) {
1759
            let monthVal = $("#month-wise-total-income").val();
1760
            doGetAjaxRequestHandler(`${context}/monthWisePartnerIncome/${monthVal}`, function (response) {
1761
                console.log(response);
1762
                $('#' + domId).html(response);
1763
            });
1764
        }
1765
 
1766
        $(document).on("click", ".pending-income", function () {
1767
            console.log("Hello");
1768
            lastMonthCreditIncome("main-content");
1769
        });
1770
 
1771
        $(document).on("click", ".total-income-calc", function () {
1772
            console.log("Hello");
1773
            lastMonthCreditIncome("main-content");
1774
        });
1775
 
1776
 
1777
    </script>
1778
    <script>
1779
 
1780
        //knob
1781
        $(function () {
1782
            /*$(".knob").knob({
1783
              'draw' : function () {
1784
                $(this.i).val(this.cv + '%')
1785
              }
1786
            });*/
1787
            $.fn.dataTable.moment('DD/MM/YYYY');
1788
            $.fn.dataTable.moment('DD/MM/YYYY hh:mm');
1789
            $('.currency').each(function (index, ele) {
1790
                if (!isNaN(parseInt($(ele).html()))) {
1791
                    $(ele).html(numberToComma($(ele).html()));
1792
                }
1793
            });
1794
        });
1795
 
1796
        $(function () {
1797
            var profile = localStorage.getItem('profile');
1798
            if (profile) {
1799
                $("#photo").attr("src", JSON.parse(profile).image_url);
1800
                $("#fofo_name").text(JSON.parse(profile).name);
1801
            } else {
1802
                $("#photo").attr("src", "");
1803
                $("#fofo_name").text("Welcome, User");
1804
            }
1805
        });
1806
 
1807
        $(function () {
1808
            var bag = localStorage.getItem('bag');
1809
            console.log(bag);
1810
            if (bag) {
1811
                console.log("yes");
1812
                //$("#cart_bar").find('span').text(10);
1813
                $("#cart_bar").find('span').text(Object.keys(JSON.parse(bag)).length);
1814
            } else {
1815
                $("#cart_bar").find('span').text(0);
1816
            }
1817
        });
1818
 
1819
        $("#logout").click(function () {
1820
            localStorage.profile = undefined;
1821
        });
1822
            #set($partnerInvestment = $investments.get("investment"))
1823
        saleAmount = numberToComma($partnerInvestment.getSalesAmount());
1824
        minimumInvestmentAmount = numberToComma($partnerInvestment.getMinInvestment());
1825
        totalInvestedAmount = numberToComma($partnerInvestment.getTotalInvestment());
1826
        shortPercentage = numberToComma($partnerInvestment.getShortPercentage());
1827
        grnPendingStockAmount = numberToComma($partnerInvestment.getGrnPendingAmount());
1828
        unbilledStockAmount = numberToComma($partnerInvestment.getUnbilledAmount());
1829
        inStockAmount = numberToComma($partnerInvestment.getInStockAmount());
1830
        walletAmount = numberToComma($partnerInvestment.getWalletAmount());
1831
        shortAmount = numberToComma($partnerInvestment.getShortInvestment());
1832
        minAmountToBeAdded = numberToComma($partnerInvestment.getMinAmountToBeAdded());
1833
        isInvestmentOk = $isInvestmentOk;
1834
        starTotal = 5;
1835
        /*ratings = {
1836
            current: $currentMonthRating,
1837
            last: $lastMonthRating,
1838
            tilldate: $ratingTillDate
1839
        };
1840
        for (const rating in ratings) {
1841
            // 2
1842
            const starPercentage = (ratings[rating] / starTotal) * 100;
1843
            // 3
1844
            const starPercentageRounded = `${starPercentage}%`;
1845
            // 4
1846
            document.querySelector(`.${rating} .stars-inner`).style.width = starPercentageRounded;
1847
        }*/
1848
 
1849
        hasGift =$hasGift;
1850
        giftItemId = $giftItemId;
1851
        monthDays =$monthDays;
1852
        dayOfMonth = $dayOfMonth;
1853
        $(function () {
1854
            $('#links_bar').popover({
1855
                container: ".notification-row",
1856
                template: `<div class="popover" style="min-width: 18%;">
1857
							<div class="arrow"></div>
1858
							<div class="popover-inner">
1859
								<h4 class="popover-title">
1860
								</h4>
1861
								<div class="popover-content"><p></p></div>
1862
							</div>
1863
						</div>`,
1864
                html: true,
1865
                content: `<div class="container-fluid">
1866
		    				<div class="row"><h5 class="page-header" style="color:#333;margin:6px 0 3px">Quick Links</h5></div>
1867
		    				<div class="row">
1868
							    <div class="col-lg-3">
1869
								    <a href="/spicemoney/getToken" target="_blank" href="">
1870
								    	<img title="Spice Money" src="/resources/images/icons/provider-logos/spicemoney.jpg" style="width:40px"></img>
1871
								    </a>
1872
								</div>
1873
							</div>
1874
		    			</div>`,
1875
                placement: "bottom",
1876
                trigger: "focus"
1877
            });
1878
        });
1879
 
1880
        function showAttendanceModal() {
1881
            var today = new Date().getTime();
1882
            if ($.cookie("punchIn") == undefined) {
1883
                document.cookie = "punchIn=" + today;
1884
            }
1885
            if (today >= parseInt($.cookie("punchIn"))) {
1886
                doGetAjaxRequestHandler(context + "/getPunchInOutForModel", function (response) {
1887
                    if (response == 'true') {
1888
                        $('#punchInOutModal').modal('hide');
1889
                        clearInterval(stopInterval);
1890
                    } else {
1891
                        $("#punch-in-out-model").html(response);
1892
                        $('#punchInOutModal').modal('show');
1893
                        var time = today + 30 * 60 * 1000
1894
                        document.cookie = "punchIn=" + time;
1895
                    }
1896
                });
1897
            }
1898
        }
1899
 
1900
        var stopInterval;
1901
        $(document).ready(function () {
1902
            stopInterval = setInterval(showAttendanceModal, 100000000);
1903
 
1904
            $('div.message-filter').on('click', 'button', function () {
1905
 
1906
                messageType = $(this).data("messagetype");
1907
                notifyTypeChange(messageType, $(this));
1908
 
1909
            });
1910
        });
1911
 
1912
 
1913
        $(function () {
1914
            if (navigator.geolocation) {
1915
                navigator.geolocation.getCurrentPosition(showPosition);
1916
            } else {
1917
                console.log("Geolocation is not supported by browser.");
1918
            }
1919
            loaderDialogObj = bootbox.dialog({
1920
                message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
1921
                show: false
1922
            });
1923
 
1924
            /* Assign empty url value to the iframe src attribute when
1925
                modal hide, which stop the video playing */
1926
            $("#videoModal").on('hide.bs.modal', function () {
1927
                $("#trainingVideo").attr('src', '');
1928
            });
1929
 
1930
            /* Assign the initially stored url back to the iframe src
1931
            attribute when modal is displayed again */
1932
            $("#videoModal").on('show.bs.modal', function (event) {
1933
                let button = $(event.relatedTarget);
1934
                let youtubeUrl = button.data("src");
1935
                $("#trainingVideo").attr('src', `//www.youtube.com/embed/${youtubeUrl}?autoplay=1`);
1936
            });
1937
 
1938
        });
1939
    </script>
1940
    <div id="punchInOutModal" class="modal" role="dialog">
1941
        <div class="modal-dialog">
1942
 
1943
            <!-- Modal content-->
1944
            <div class="modal-content">
1945
                <div class="modal-header">
1946
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
1947
                    <h4 class="modal-title">Punch In Out</h4>
1948
                </div>
1949
                <div class="modal-body">
1950
                    <div id="punch-in-out-model">
1951
 
1952
                    </div>
1953
                </div>
1954
            </div>
1955
        </div>
1956
    </div>
1957
</section>
1958
</body>
1959
 
1960
<!-- Modal HTML -->
1961
<div id="videoModal" class="modal fade">
1962
    <div class="modal-dialog">
1963
        <div class="modal-content">
1964
            <div class="modal-body">
1965
                <div class="embed-responsive embed-responsive-16by9">
1966
                    <iframe id="trainingVideo" class="embed-responsive-item" width="560" height="315"
1967
                            allowfullscreen allow="autoplay"></iframe>
1968
                </div>
1969
            </div>
1970
        </div>
1971
    </div>
1972
</div>
1973
</html>
1974
<style>
1975
 
1976
 
1977
    .popover2 {
1978
        min-width: 30em;
1979
        height: 410px;
1980
        overflow: auto;
1981
        padding: 8px 5px;
1982
        overflow-x: hidden;
1983
 
1984
    }
1985
 
1986
    .popover1 {
1987
        min-width: 30em;
1988
 
1989
 
1990
    }
1991
 
1992
    .mark {
1993
        font-size: 13px;
1994
        padding: 5px 6px;
1995
        border: solid 3px red;
1996
        margin-bottom: -14px;
1997
        color: red;
1998
 
1999
    }
2000
 
2001
    .mark.btn-pressed {
2002
        color: black;
2003
        background: white;
2004
        font-size: 17px;
2005
        border-radius: 3px;
2006
        border: solid 2px black;
2007
    }
2008
 
2009
    .price {
2010
        padding: 5px 6px;
2011
        font-size: 13px;
2012
        border: solid 1px black;
2013
        border: solid 3px red;
2014
        margin-bottom: -14px;
2015
        color: red;
2016
 
2017
    }
2018
 
2019
    .price.btn-pressed {
2020
        color: black;
2021
        background: white;
2022
        font-size: 17px;
2023
        border: solid 2px black;
2024
    }
2025
 
2026
    .schem {
2027
        color: red;
2028
        padding: 5px 6px;
2029
        font-size: 13px;
2030
        border: solid 3px red;
2031
        margin-bottom: -14px;
2032
 
2033
    }
2034
 
2035
    .schem.btn-pressed {
2036
        color: black;
2037
        background: white;
2038
        font-size: 17px;
2039
        border: solid 2px black;
2040
    }
2041
 
2042
    .notify-messages {
2043
        min-height: 65px;
2044
    }
2045
 
2046
    .notifi {
2047
        padding: 5px 6px;
2048
        font-size: 13px;
2049
        margin-bottom: -14px;
2050
 
2051
        color: red;
2052
        border: solid 3px red;
2053
    }
2054
 
2055
    .notifi.btn-pressed {
2056
        color: black;
2057
        font-size: 17px;
2058
        border: solid 2px black;
2059
        background: white;
2060
    }
2061
 
2062
    #offer-container {
2063
        overflow-y: auto;
2064
        max-height: 367px;
2065
    }
2066
 
2067
 
2068
    canvas {
2069
        -moz-user-select: none;
2070
        -webkit-user-select: none;
2071
        -ms-user-select: none;
2072
    }
2073
</style>
2074
</script>
2075
 
2076
 
2077
<script type="text/javascript">
2078
    window.onload = function () {
2079
        if (window.innerWidth < 1920) document.body.style.zoom = "80%";
2080
        var options = $chartMap;
2081
        var ctx = document.getElementById('barchart').getContext('2d');
2082
        window.bar = new Chart1(ctx, options);
2083
    };
2084
</script>
2085
 
2086
 
2087
<script>
2088
    function makeAjaxRequest() {
2089
        $.ajax({
2090
            url: 'https://partners.smartdukaan.com/psi/auth-endpoint',
2091
            method: 'GET',
2092
            dataType: 'xml', // Assuming the response is in XML format
2093
            success: function (responseXml) {
2094
                var responseUrl = $(responseXml).find('response').text();
2095
                if (responseUrl) {
2096
                    // Open a new tab with the response URL
2097
                    window.open(responseUrl, '_blank');
2098
                } else {
2099
                    console.error('Response URL not found in the XML');
2100
                }
2101
            },
2102
            error: function (jqXHR, textStatus, errorThrown) {
2103
                console.error('AJAX Request Failed:', textStatus, errorThrown);
2104
            }
2105
        });
2106
    }
2107
 
2108
 
2109
    $(document).on('click', '#viewSaleBarChart', function () {
2110
        let from = $('#chartForm').val();
2111
        let to = $('#chartTo').val();
2112
        let quantity_type = $('select[name="quantityType"]').val();
2113
        console.log("from - ", from);
2114
        console.log("to - ", to);
2115
        console.log("tquantity_typeo - ", quantity_type);
2116
 
2117
        doGetAjaxRequestHandler(`${context}/getBarChart?from=${from}&to=${to}&isQuantity=${quantity_type}`, function (response) {
2118
            console.log("res - ", response);
2119
            $('.model_charbar_container').html("");
2120
            $('.ChartContainer').html(response);
2121
        });
2122
    });
2123
</script>