Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
31860 tejbeer 1
 
2
<!doctype html>
3
<html lang="en">
4
 
5
<head>
6
    <!-- Required meta tags -->
7
    <meta charset="utf-8">
8
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"> </script>
31896 tejbeer 10
 
31900 tejbeer 11
 
31860 tejbeer 12
 
13
 
14
    <!-- Bootstrap CSS -->
15
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css"
16
        integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
17
 
31893 tejbeer 18
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
31896 tejbeer 19
        <script type="text/javascript" src="resources/js/common.js?v=${version}"></script>
31893 tejbeer 20
 
31860 tejbeer 21
        <script type="text/javascript" src="resources/js/retailer.js?v=${version}"></script>
31896 tejbeer 22
 
31860 tejbeer 23
    <style>
24
        .yellow {
25
            background-color: #fdfd96;
26
        }
27
 
28
        .orange {
29
            background-color: #FAC898;
30
        }
31
 
32
        .green {
33
            background-color: #77dd77;
34
        }
35
 
36
        .red {
37
            background-color: #FAA0A0;
38
        }
39
 
40
        .details {
41
            color: #A3A3A5;
42
            font-weight: 400;
43
        }
44
 
45
 
46
        .normal {
47
            color: #0000ff;
48
            font-weight: 400;
49
        }
50
 
51
        .subtitle {
52
            color: #B46060;
53
            font-weight: 400;
54
        }
55
 
56
        .light-red {
57
            background-color: #FBE4D5;
58
        }
31884 tejbeer 59
 
60
        th {
61
          width : 30%
62
 
63
        }
31860 tejbeer 64
 
65
    </style>
66
 
67
</head>
68
 
69
<body>
70
 
71
 
72
    <div class="container-fluid mt-2 mb-5">
73
        <div class="row mt-5" >
74
            <div class="col bg-dark text-left px-3 py-2 border-bottom">
75
                <h5 class="text-light mb-0">Raised Flags</h5>
76
            </div>
77
        </div>
78
        <div class="row mt-5">
79
            <div class="col">
80
                <div>
81
                    <h6 class=" yellow p-1 m-0">Working status</h6>
82
                    <table class="table  table-sm">
83
                        <tbody>
84
                            <tr>
85
                                <th class="details">Partner Status</th>
86
                                #if($fofoStore.isActive())
87
                                <td>ACTIVE</td>
88
                                #else
89
                                  <td class="text-danger">INACTIVE</td>
90
                                #end
91
                            </tr>
92
                        </tbody>
93
                    </table>
94
                </div>
95
                <div>
96
                    <h6 class=" yellow p-1 m-0">Partner Investment Level</h6>
97
                    <table class="table  table-sm">
98
                        <tbody>
99
                            <tr>
100
                              <th class="details">Investment</th>
101
                               #if($investment.getShortPercentage() <= 0)
102
                                <td class="text-success" > OK:>100% </td>
103
                               #elseif($investment.getShortPercentage() <= 80)
104
 
105
                               <td class="text-danger">Low:<80% </td>
106
                               #else{
107
                                <td class="normal">Below Normal:(80% -100%) </td>
108
                                #end
109
                            </tr>
110
                        </tbody>
111
                    </table>
112
                </div>
113
                <div>
114
                    <h6 class=" yellow p-1 m-0">Regularity of Buisness</h6>
115
                    <table class="table  table-sm">
116
                        <tbody>
117
                            <tr>
118
                                <th class="details">Last Secondary</th>
119
                                #if($lastPurchaseDays < 5)
120
 
121
                                <td class="text-success">$lastPurchaseDays days back </td>
122
 
123
                                #else
124
 
125
                                <td class="text-danger">$lastPurchaseDays days back </td>
126
 
127
                                #end
128
                            </tr>
129
                            <tr>
130
                                <th class="details">Last Tertiary</th>
131
                                #if($lastTertiaryDays < 5)
132
 
133
                                <td class="text-success">$lastTertiaryDays days back </td>
134
 
135
                                #else
136
 
137
                                <td class="text-danger">$lastTertiaryDays days back </td>
138
 
139
                                #end
140
                            </tr>
141
                            <tr>
142
                                <th class="details">Unbilled Activated Stock</th>
143
                                 #if($lastUnbilledActivated > 0)
144
                                  <td class="text-danger">$investment.getUnbilledAmount()</td>
145
 
146
 
147
                                #else
148
 
149
                                  <td class="text-success"> - </td>
150
 
151
                                #end
152
 
153
                             </tr>
154
                        </tbody>
155
                    </table>
156
                </div>
157
 
158
            </div>
159
            <div class="col">
160
                <div>
161
                    <h6 class=" yellow p-1 m-0">Logistics</h6>
162
                    <table class="table  table-sm">
163
                        <tbody>
164
                            <tr>
165
                             <th class="details">Order to Billing time</th>
166
                              #if($createdToBillingAverage)
167
                                #if($createdToBillingAverage < 1)
168
                                <td class="text-success"> Normal < 1</td>
169
                                #else
170
                                 <td class="text-danger"> High > 1</td>
171
                                #end
172
                              #else
173
                                 <td>-</td>
174
                              #end
175
 
176
                            </tr>
177
                            <tr>
178
                               <th class="details">Billing to Delivery time</th>
179
                              #if($billingToDeliverAverage)
180
 
181
                                #if($billingToDeliverAverage < 1)
182
                                <td class="text-success"> Normal < 1</td>
183
                                #else
184
                                 <td class="text-danger"> High > 1</td>
185
                                #end
186
                             #else
187
                               <td>-</td>
188
 
189
                             #end
190
                            </tr>
191
                        </tbody>
192
                    </table>
193
                </div>
194
                <div>
195
                    <h6 class=" yellow p-1 m-0">Stocking</h6>
196
                    <table class="table  table-sm">
197
                        <tbody>
198
                            <tr>
199
                                <th class="details">Stock Level</th>
200
                                #if($oneFourthOfTertiary > $totalStock)
201
                                <td class="text-danger">Low</td>
202
                                #else 
203
                                 <td class="text-success">  High </td>
204
                                #end
205
 
206
                            </tr>
207
                            <tr>
208
                                <th class="details">Sufficient Stock</th>
209
                                <td class="text-success" >  #foreach($suffientModel of $suffientModels) 
210
                                    $suffientModel.getBrand(),
211
                                #end
212
 
213
 
214
                                </td>
215
                            </tr>
216
                            <tr>
217
                                <th class="details">Low Stock</th>
218
                                <td class="text-danger">
219
                                 #foreach($lowModel of $lowModels) 
220
                                   $lowModel.getBrand(),
221
                                #end
222
                                </td>
223
                            </tr>
224
                        </tbody>
225
                    </table>
226
                </div>
227
 
228
 
229
                <div>
230
                    <h6 class=" yellow p-1 m-0">Brands</h6>
231
                    <table class="table  table-sm">
232
                        <tbody>
233
                            <tr>
234
                                <th class="details">Working Brands</th>
235
 
236
 
237
                               <td class="text-success" >  
238
                                #foreach($brandsDisplay of $brandsDisplays) 
239
                                    #set($brand = $brandsDisplay.getName())
240
                                     #if(!$retailerBlockBrands.get($brand)) 
241
                                      $brand ,
242
                                     #end
243
                                #end
244
                               </td>
245
 
246
 
247
                            </tr>
248
                            <tr>
249
                                <th class="details">Blocked Brands</th>
250
                                 <td class="text-danger" >  
251
                                 #foreach($brandsDisplay of $brandsDisplays) 
252
                                    #set($brand = $brandsDisplay.getName())
253
                                     #if($retailerBlockBrands.get($brand)) 
254
                                      $brand ,
255
                                     #end
256
                                #end
257
                                </td>
258
                            </tr>
259
 
260
                    </table>
261
                </div>
262
            </div>
263
 
264
        </div>
265
 
266
        <div class="row mt-2">
267
            <div class="col bg-dark text-left px-3 py-2 border-bottom">
268
                <h5 class="text-light mb-0">Partner Basic Details</h5>
269
            </div>
270
        </div>
271
        <div class="row mt-2">
272
            <div class="col">
273
                <table class="table table-sm">
274
                    <tbody>
275
                        <tr>
276
                            <th class="details">Partner Code </th>
277
                            <td class="">$customRetailer.getCode()</td>
278
                        </tr>
279
                        <tr>
280
                            <th class="details">Partner Name</th>
281
                            <td>$customRetailer.getBusinessName()</td>
282
                        </tr>
283
                        <tr>
284
                            <th class="details">City</th>
285
                            <td>$customRetailer.getAddress().getCity()</td>
286
                        </tr>
287
                        <tr>
288
                            <th class="details">State</th>
289
                            <td>$customRetailer.getAddress().getState()</td>
290
                        </tr>
291
                        <tr>
292
                            <th class="details">Current Category</th>
293
                            <td>$partnerType.getValue()</td>
294
                        </tr>
295
 
296
                    </tbody>
297
                </table>
298
            </div>
299
 
300
            <div class="col">
301
                <table class="table table-sm">
302
                    <tbody>
303
 
304
                        <tr>
305
                            <th class="details">Contact Person</th>
306
                            <td>#if($customRetailer.getFirstName())$customRetailer.getFirstName() #end #if($customRetailer.getLastName()) $customRetailer.getLastName() #end</td>
307
                        </tr>
308
                        <tr>
309
                            <th class="details">Partner DOB </th>
310
 
311
                            #if($partnerOnboardingPanel.getDob())
312
                            <td>$partnerOnboardingPanel.getDob().format($dateFormatter)</td>
313
                            #else
314
                             <td> - </td>
315
                            #end
316
                        </tr>
317
                        <tr>
318
                            <th class="details">Partner Anniv</th>
319
 
320
                            #if($partnerOnboardingPanel.getAnniversaryDate())
321
                            <td>$partnerOnboardingPanel.getAnniversaryDate().format($dateFormatter)</td>
322
                            #else
323
                             <td> - </td>
324
                            #end
325
                        </tr>
326
                        <tr>
327
                            <th class="details">Latitude</th>
328
                            <td>$fofoStore.getLatitude()</td>
329
                        </tr>
330
                        <tr>
331
                            <th class="details">Longitude</th>
332
                            <td>$fofoStore.getLongitude()</td>
333
                        </tr>
334
 
335
                    </tbody>
336
                </table>
337
            </div>
338
 
339
 
340
                <div class="col">
341
                <table class="table table-sm">
342
                    <tbody>
343
 
344
 
345
                        <tr>
346
                            <th class="details">Outlet Potential</th>
31884 tejbeer 347
                            <td>$nf.format($fofoStore.getCounterPotential())</td>
31860 tejbeer 348
                        </tr>
349
                    </tbody>
350
                </table>
351
            </div>
352
        </div>
353
 
354
        <div class="row mt-2">
355
            <div class="col bg-dark text-left px-3 py-2 border-bottom">
356
                <h5 class="text-light mb-0">Logistics</h5>
357
            </div>
358
        </div>
359
        <div class="row mt-2">
360
            <div class="col">
361
                <table class="table table-sm">
362
                    <tbody>
363
                        <tr>
364
                            <th class="details">Last courier sent </th>
365
                            #if($lastCourierSent)
31884 tejbeer 366
                            <td class="">$lastCourierSent.format($dateFormatter)</td>
31860 tejbeer 367
                            #else
368
                            <td>- </td>
369
                            #end
370
                        </tr>
371
                        <tr>
372
                            <th class="details">Last courier partner</th>
373
                            #if($lastCourierPartner)
374
                            <td>$lastCourierPartner</td>
375
                            #else
376
                             <td>- </td>
377
                           #end
378
                        </tr>
379
                    </tbody>
380
                </table>
381
            </div>
382
 
383
            <div class="col">
384
                <table class="table table-sm">
385
                    <tbody>
386
                        <tr>
387
                            <th class="details">Order to billing </th>
388
                            #if($createdToBillingAverage)
31884 tejbeer 389
                            <td>$decimalFormatter.format($createdToBillingAverage) days </td>
31860 tejbeer 390
                            #else
391
                              <td>- </td>
392
                            #end
393
                        </tr>
394
                        <tr>
395
                            <th class="details">Billing to delivery</th>
396
                            #if($billingToDeliverAverage)
31884 tejbeer 397
                            <td>$decimalFormatter.format($billingToDeliverAverage) days </td>
31860 tejbeer 398
                            #else
399
                             <td> - </td>
400
                            #end
401
                        </tr>
402
                    </tbody>
403
                </table>
404
            </div>
405
        </div>
406
 
407
        <div class="row mt-2">
408
            <div class="col bg-dark text-left px-3 py-2 border-bottom">
409
                <h5 class="text-light mb-0">Investment Trend</h5>
410
            </div>
411
        </div>
412
        <div class="row mt-2">
413
            <div class="col">
414
                <h6 class=" yellow p-1 text-center">Investment</h6>
415
            </div>
416
        </div>
417
 
418
        <div class="row">
419
            <div class="col">
420
                <table class="table table-bordered table-sm">
421
                    <tbody>
422
                        <tr>
423
                            <th class="details">Wallet Value </th>
424
                            <td class="">$investment.getWalletAmount()</td>
425
                        </tr>
31884 tejbeer 426
 
427
                         <tr>
428
                            <th class="details">Agreed Investment </th>
429
                            <td class="">$nf.format($investment.getMinInvestment())</td>
430
                        </tr>
31860 tejbeer 431
                        <tr>
432
                            <th class="details">Current investment</th>
31884 tejbeer 433
                            <td class="light-red">$nf.format($investment.getTotalInvestment()) &nbsp; &nbsp;<span
434
                                    class="font-weight-bold ">$nf.format($investment.getShortPercentage()) %</span> </td>
31860 tejbeer 435
                        </tr>
436
                        <tr>
437
                            <th class="details">Short / Excess</th>
31884 tejbeer 438
                            <td class="light-red">$nf.format($investment.getShortInvestment()) &nbsp; &nbsp;
31860 tejbeer 439
 
440
 
441
 
442
                             #if($investment.getShortPercentage() <= 0)
443
                                  <span
444
                                    class="text-success font-weight-bold">OK</span> 
445
 
446
 
447
                                #else
448
                                <span
449
                                    class="text-danger font-weight-bold">Short</span> 
450
 
451
                                #end   
452
 
453
                            </td>
454
                        </tr>
455
                    </tbody>
456
                </table>
457
            </div>
458
            <div class="col">
459
                <table class="table table-bordered table-sm">
460
                    <thead>
461
                        <tr class="orange">
462
                            <th scope="col">Month</th>
463
                            <th scope="col">Days</th>
464
                        </tr>
465
                    </thead>
466
                    <tbody>
467
                    #foreach($label of $labels)
468
                        <tr >
469
                            <td class="details">$label</td>  
470
                            #if($monthInvestmentMap.get($label).getOkDays())
471
                            #if($monthInvestmentMap.get($label).getOkDays() > 15)
472
                            <td class="text-success">$monthInvestmentMap.get($label).getOkDays()</td>
473
                            #else
474
                               <td class="text-danger">$monthInvestmentMap.get($label).getOkDays()</td>  
475
                            #end
476
                            #else
477
                            <td>-</td>
478
                            #end
479
                        </tr>
480
                        #end
481
                    </tbody>
482
                </table>
483
            </div>
484
            <div class="col-4 mt-2">
485
 
486
              <canvas id="chartInvestmentJSContainer" width="auto" height="auto"></canvas>
487
 
488
            </div>
489
        </div>
490
 
491
        <div class="row mt-2">
492
            <div class="col">
493
                <h6 class=" yellow p-1 text-center">Current Stock</h6>
494
            </div>
495
        </div>
496
        <div class="row">
497
            <div class="col">
498
                <table class="table table-bordered table-sm">
499
                    <thead>
500
                        <th scope="row"></th>
501
                        <td colspan="2" class="text-center">Current</td>
502
                        <td></td>
503
                        <td colspan="2" class="text-center">GRN Pending</td>
504
                    </thead>
505
                    <thead>
506
                        <tr class="orange">
507
                            <th scope="col">Brand</th>
508
                            <th scope="col">Value</th>
509
                            <th scope="col">Units</th>
510
                            <th scope="col">Brand status</th>
511
                            <th scope="col">Value</th>
512
                            <th scope="col">Units</th>
31884 tejbeer 513
 
31860 tejbeer 514
                        </tr>
515
                    </thead>
516
                    <tbody>
517
 
518
                     #foreach($brandsDisplay of $brandsDisplays) 
519
                     #set($brand = $brandsDisplay.getName())
520
                        <tr>
521
                            <td class="details">$brand</td>
522
                            #if($brandStockMap.get($brand))
31884 tejbeer 523
                            <td class="$brandStockMap.get($brand).getColor()">$nf.format($brandStockMap.get($brand).getTotalValue())</td>
31860 tejbeer 524
                            <td>$brandStockMap.get($brand).getTotalQty()</td>
525
                            #else
31884 tejbeer 526
                            <td class="$brandStockMap.get($brand).getColor()">0</td>
31860 tejbeer 527
                            <td>0</td>
528
 
529
                            #end
530
                            #if($retailerBlockBrands.get($brand))
531
                            <td>Blocked</td>
532
                            #else
533
                            <td>ACTIVE</td>
534
                            #end
535
                            #if($grnPendingValue.get($brand))
536
                            <td>$nf.format($grnPendingValue.get($brand))</td>
537
                            <td>$grnPendingQty.get($brand)</td>
538
                            #else
539
                            <td>0</td>
540
                            <td>0</td>
541
 
542
                            #end
543
 
544
                        </tr>
545
 
546
                       #end
547
 
548
                       <tr>
31884 tejbeer 549
                       <td> Total </td>
31860 tejbeer 550
                          <td> $totalStock</td>
551
                             <td>$totalQty </td>
552
                                <td> </td>
553
 
554
                                 #if($totalGrnPendingStock)
555
                                   <td> $totalGrnPendingStock</td>
556
                                  #else
557
                                   <td> </td>
558
                                 #end
559
 
560
                                 #if($$totalGrnPendingQty)
561
                                      <td> $totalGrnPendingQty</td>
562
                                 #else
563
                                    <td> </td>
564
                                 #end
565
 
566
                       </tr>
567
 
568
                    </tbody>
569
                </table>
570
            </div>
571
        </div>
572
 
573
        <div class="row">
574
            <div class="col bg-dark text-left px-3 py-2 border-bottom">
575
                <h5 class="text-light mb-0">Sales & Income Trend</h5>
576
            </div>
577
        </div>
578
 
579
        <div class="row mt-2">
580
            <div class="col">
581
                <ul class="nav nav-tabs" role="tablist">
582
                    <li class="nav-item">
583
                        <a class="nav-link active" data-toggle="tab" href="#secondary">Secondary</a>
584
                    </li>
585
                    <li class="nav-item">
586
                        <a class="nav-link" data-toggle="tab" href="#tertiary">Tertiary</a>
587
                    </li>
588
                    <li class="nav-item">
589
                        <a class="nav-link" data-toggle="tab" href="#earning">Earning</a>
590
                    </li>
591
                </ul>
592
 
593
                <!-- Tab panes -->
594
                <div class="tab-content">
595
 
596
                    <div id="secondary" class="container-fluid tab-pane active"><br>
597
                        <div class="row">
31872 tejbeer 598
                            <div class="col-6">
31866 tejbeer 599
                                <div class="p-2 text-center">#if($lastPurchaseDays < 5)
600
                                 <span class="text-success">Last Secondary:  $lastPurchaseDays days back </span>
31860 tejbeer 601
                                #else                              
31866 tejbeer 602
                                <span class="text-danger">Last Secondary: $lastPurchaseDays days back </span>                               
31860 tejbeer 603
                                #end
604
                                </div>
605
 
31892 tejbeer 606
                                <table id = "partnerSecondary" class="table table-bordered table-sm">
31860 tejbeer 607
                                    <thead>
608
                                        <tr class="orange">
609
                                            <th scope="col">Month</th>
610
                                             #foreach($label of $labels) 
611
                                            <th scope="col">$label</th>
612
                                             #end
613
                                        </tr>
614
                                    </thead>
615
                                    <tbody>
616
 
617
                                        #foreach($allBrand of $allBrands) 
618
                                           #set($brand = $allBrand.getName())
619
                                       #set($purchase = $purchaseMap.get($brand))
620
                                        <tr>
621
 
31892 tejbeer 622
                                            <td  class="details brandFocusedStock" data-fofoid="$fofoId" data-brand="$brand"
623
                                                          data-toggle="modal" data-target="#itemWiseBrandStock">$brand</td>
31887 tejbeer 624
 
625
 
31860 tejbeer 626
                                             #foreach($label of $labels) 
31887 tejbeer 627
                                               #if($brand.equals("Samsung"))
628
                                                #if($purchase.get($label))
629
                                                #if($purchase.get($label) >= 150000)
630
                                                  <td class="green">$nf.format($purchase.get($label)) </td>
631
 
632
                                                #else
633
                                                  <td class="red">$nf.format($purchase.get($label)) </td>
634
                                                #end
635
                                                #else
636
                                                  <td class="red">0 </td> 
637
                                               #end
638
 
639
                                             #end
31860 tejbeer 640
 
31887 tejbeer 641
                                               #if($brand.equals("Xiaomi"))
642
                                                #if($purchase.get($label))
643
                                                #if($purchase.get($label) >= 100000)
644
                                                  <td class="green">$nf.format($purchase.get($label)) </td>
645
                                                #else
646
                                                  <td class="red">$nf.format($purchase.get($label)) </td>
647
                                                #end
648
                                                #else
31860 tejbeer 649
                                             <td>0 </td> 
31887 tejbeer 650
                                               #end
651
 
652
                                             #end
653
 
654
                                                #if($brand.equals("Oppo") || $brand.equals("Vivo") )
655
                                                #if($purchase.get($label))
656
                                                #if($purchase.get($label) >= 200000)
657
                                                  <td class="green">$nf.format($purchase.get($label)) </td>
658
                                                #else
659
                                                  <td class="red">$nf.format($purchase.get($label)) </td>
660
                                                #end
661
                                                #else
662
                                             <td>0 </td> 
663
                                               #end
664
 
665
                                             #end
666
 
667
                                              #if(!$brand.equals("Oppo") && !$brand.equals("Vivo") && !$brand.equals("Xiaomi") && !$brand.equals("Samsung") )
668
                                                #if($purchase.get($label))
669
 
670
                                                  <td>$nf.format($purchase.get($label)) </td>
671
 
672
                                                #else
673
                                                   <td>0 </td> 
674
                                               #end
675
                                               #end
676
 
677
 
678
 
31860 tejbeer 679
                                            #end
680
 
681
                                        </tr>
682
 
683
                                         #end
684
 
685
 
686
 
687
 
688
                                        <tr class="font-weight-bold">
31884 tejbeer 689
                                         <td class="details">Total</td>
31860 tejbeer 690
                                           #foreach($label of $labels) 
691
                                           #if($yearMonthPurchase.get($label)) 
692
 
693
                                            <td>$nf.format($yearMonthPurchase.get($label)) </td>
694
                                            #else
695
                                            <td> 0 </td>
696
                                            #end
697
                                            #end
698
 
699
                                        </tr>
700
                                        <tr>
701
 
702
                                            <td class="details">Target</td>
703
 
704
                                            #foreach($label of $labels) 
705
                                            #if($monthlyTarget.get($label).getPurchaseTarget()) 
706
                                            <td>$nf.format($monthlyTarget.get($label).getPurchaseTarget()) </td>
707
                                            #else
708
                                             <td>0</td>
709
                                            #end
710
 
711
                                            #end
712
 
713
                                        </tr>
714
                                        <tr>
715
                                         <td class="details">% achvmt</td>
716
 
717
                                          #foreach($label of $labels) 
718
                                           #if($yearMonthPurchase.get($label)) 
719
                                           #set($ymp = $yearMonthPurchase.get($label))
720
                                           #else
721
                                           #set($ymp = 0)
722
                                           #end
723
 
724
                                           #if($monthlyTarget.get($label).getPurchaseTarget()) 
725
                                           #set($mt = $monthlyTarget.get($label).getPurchaseTarget())
726
                                           #else
727
                                           #set($mt= 0 )
728
                                           #end
729
	                                       #set($div=  ($ymp/ $mt)* 100)
730
	                                       #if($div)
731
	                                       #if($div > 65)
732
	                                       <td class="text-success">$math.roundTo(2, $div)%</td>
733
	                                       #else
734
	                                       <td class="text-danger"> $math.roundTo(2, $div)%</td>
735
	                                      #end
736
	                                      #else
737
	                                        <td class="text-danger">-</td>
738
	                                      #end
739
 
740
                                       #end
741
 
742
 
743
 
744
                                        </tr>
745
                                    </tbody>
746
                                </table>
747
                            </div>
31872 tejbeer 748
                            <div class="col-6 mt-2">
31860 tejbeer 749
 
750
 
751
                                  <canvas id="chartSecondaryJSContainer" width="auto" height="auto"></canvas>
752
 
753
                            </div>
31892 tejbeer 754
 
755
 
756
                                 <div id="itemWiseBrandStock" class="modal" role="dialog">
757
                                         <div class="modal-dialog">
31899 tejbeer 758
                                         <div class="modal-content" style="width:140%">
31892 tejbeer 759
 
760
                                         </div>
761
                                       </div>
762
                                 </div>   
31860 tejbeer 763
                        </div>
764
 
765
                    </div>
766
 
767
 
768
 
769
                    <div id="tertiary" class="container-fluid tab-pane fade"><br>
770
                        <div class="row">
31872 tejbeer 771
                            <div class="col-6">
31866 tejbeer 772
                               <div class="p-2  text-center">      
31860 tejbeer 773
                                #if($lastTertiaryDays < 5)
31866 tejbeer 774
                                <span class="text-success">Last tertiary: $lastTertiaryDays days back </span>                               
31860 tejbeer 775
                                #else                               
31866 tejbeer 776
                                <span class="text-danger">Last tertiary: $lastTertiaryDays days back </span>              
31860 tejbeer 777
                                #end
31887 tejbeer 778
 
779
                                 #if($lastUnbilledActivated > 0)
780
                                  <td class="text-danger">Unbilled Activated : $investment.getUnbilledAmount()</td>
781
 
782
 
783
                                #else
784
 
785
                                  <td class="text-success"> Unbilled Activated : 0 </td>
786
                                #end
31860 tejbeer 787
                               </div>
788
                                <table class="table table-bordered table-sm">
789
                                    <thead>
790
                                        <tr class="orange">
791
                                            <th scope="col">Month</th>
792
                                             #foreach($label of $labels) 
793
                                            <th scope="col">$label</th>
794
                                             #end
795
                                        </tr>
796
                                    </thead>
797
                                    <tbody>
798
                                        #foreach($allBrand of $allBrands) 
799
                                           #set($brand = $allBrand.getName())
800
                                             #set($tertiary= $tertiaryMap.get($brand))
801
                                        <tr>
802
 
803
                                            <td class="details">$brand</td>
804
                                             #foreach($label of $labels) 
31887 tejbeer 805
                                              #if($brand.equals("Samsung"))
806
                                                #if($tertiary.get($label))
807
                                                #if($tertiary.get($label) >= 150000)
808
                                                  <td class="green">$nf.format($tertiary.get($label)) </td>
809
                                                #else
810
                                                  <td class="red">$nf.format($tertiary.get($label)) </td>
811
                                                #end
812
                                                #else
813
                                             <td>0 </td> 
814
                                               #end
815
 
816
                                             #end
31860 tejbeer 817
 
31887 tejbeer 818
                                               #if($brand.equals("Xiaomi"))
819
                                                #if($tertiary.get($label))
820
                                                #if($tertiary.get($label) >= 100000)
821
                                                  <td class="green">$nf.format($tertiary.get($label)) </td>
822
                                                #else
823
                                                  <td class="red">$nf.format($tertiary.get($label)) </td>
824
                                                #end
825
                                                #else
31860 tejbeer 826
                                             <td>0 </td> 
31887 tejbeer 827
                                               #end
828
 
829
                                             #end
830
 
831
                                                #if($brand.equals("Oppo") || $brand.equals("Vivo") )
832
                                                #if($tertiary.get($label))
833
                                                #if($tertiary.get($label) >= 200000)
834
                                                  <td class="green">$nf.format($tertiary.get($label)) </td>
835
                                                #else
836
                                                  <td class="red">$nf.format($tertiary.get($label)) </td>
837
                                                #end
838
                                                #else
839
                                             <td>0 </td> 
840
                                               #end
841
 
842
                                             #end
843
 
844
                                                #if(!$brand.equals("Oppo") && !$brand.equals("Vivo") && !$brand.equals("Xiaomi") && !$brand.equals("Samsung") )
845
 
846
                                                #if($tertiary.get($label))
847
 
848
                                                  <td>$nf.format($tertiary.get($label)) </td>
849
 
850
                                                #else
851
                                                   <td>0 </td> 
852
                                               #end
853
 
854
                                               #end
855
 
856
 
31860 tejbeer 857
                                            #end
858
 
859
                                        </tr>
860
 
861
                                         #end
862
 
863
                                        <tr class="font-weight-bold">
864
                                            <td class="details"></td>
865
                                            #foreach($label of $labels) 
866
                                           #if($yearMonthTertiary.get($label)) 
867
 
868
                                            <td>$nf.format($yearMonthTertiary.get($label)) </td>
869
                                            #else
870
                                            <td> 0 </td>
871
                                            #end
872
                                            #end
873
 
874
                                        </tr>
875
 
876
 
877
 
878
                                          <tr class="font-weight-bold">
31884 tejbeer 879
                                            <td class="details">Total</td>
31860 tejbeer 880
                                            #foreach($label of $labels) 
881
                                           #if($yearMonthPartnerType.get($label)) 
882
 
883
                                            <td>$yearMonthPartnerType.get($label).getValue()</td>
884
                                            #else
885
                                            <td> - </td>
886
                                            #end
887
                                            #end
888
 
889
                                        </tr>
890
                                        <tr>
891
                                            <td class="details">Target</td>
892
                                            #foreach($label of $labels)
893
                                            #if($monthlyTarget.get($label).getSaleTarget()) 
894
                                            <td>$nf.format($monthlyTarget.get($label).getSaleTarget()) </td>
895
                                            #else
896
                                            <td>0</td>
897
                                            #end
898
 
899
                                            #end
900
 
901
                                        </tr>
902
                                        <tr>
903
                                            <td class="details">% achvmt</td>
904
 
905
 
906
 
907
                                          #foreach($label of $labels) 
908
                                           #if($yearMonthTertiary.get($label)) 
909
                                           #set($ymt = $yearMonthTertiary.get($label))
910
                                           #else
911
                                           #set($ymt = 0)
912
                                           #end
913
 
914
                                           #if($monthlyTarget.get($label).getSaleTarget()) 
915
                                           #set($mst = $monthlyTarget.get($label).getSaleTarget())
916
                                           #else
917
                                           #set($mst= 0 )
918
                                           #end
919
	                                        #set($dit=  ($ymt/ $mst)* 100)
920
	                                        #if($dit)
921
	                                        #if($dit >65)
922
	                                        <td class="text-success">$math.roundTo(2, $dit)%</td>
923
	                                        #else
924
	                                        <td class="text-danger">$math.roundTo(2, $dit)%</td>
925
	                                        #end
926
	                                        #else
927
	                                         <td class="text-danger">-</td>
928
	                                        #end
929
 
930
                                       #end
931
                                        </tr>
932
                                    </tbody>
933
                                </table>
934
 
935
                            </div>
31872 tejbeer 936
                            <div class="col-6 mt-2">
31860 tejbeer 937
 
938
                                <canvas id="chartTertiaryJSContainer"  width="auto" height="auto"></canvas>
939
 
940
                            </div>
941
                        </div>
942
 
943
                    </div>
944
                    <div id="earning" class="container-fluid tab-pane fade"><br>
945
                        <div class="row">
31884 tejbeer 946
                            <div class="col-6">
31860 tejbeer 947
                                <table class="table table-bordered table-sm">
948
                                    <thead>
949
                                        <tr class="orange">
950
                                            <th scope="col">Month</th>
951
                                             #foreach($label of $labels) 
952
                                            <th scope="col">$label</th>
953
                                             #end  
954
                                       </tr>
955
 
956
 
957
                                    </thead>
958
                                    <tbody>
959
 
960
                                        #foreach($allBrand of $allBrands) 
961
                                           #set($brand = $allBrand.getName())
962
 
963
                                        <tr>
964
 
965
                                         <td class="details">$brand</td>
966
                                           #foreach($label of $labels) 
967
                                              #set($earning= $earningMap.get($label))
968
                                             #if($earning.get($brand))
969
                                            <td>$nf.format($earning.get($brand)) </td>
970
                                            #else
971
                                             <td>0 </td> 
972
                                            #end
973
                                            #end
974
 
975
                                        </tr>
976
 
977
 
978
                                         #end   
979
 
980
                                          <tr class="font-weight-bold">
31884 tejbeer 981
                                            <td class="details">Total</td>
31860 tejbeer 982
                                            #foreach($label of $labels) 
983
                                           #if($totalEarningPerMonth.get($label)) 
984
 
31884 tejbeer 985
                                            <td>$nf.format($totalEarningPerMonth.get($label))</td>
31860 tejbeer 986
                                            #else
987
                                            <td> - </td>
988
                                            #end
989
                                            #end
990
 
991
                                        </tr>
992
 
993
                                    </tbody>
994
                                </table>
995
 
996
                            </div>
31884 tejbeer 997
                            <div class="col-6 mt-2">
998
 
999
 
1000
 
1001
                                <canvas id="chartEarningJSContainer"  width="auto" height="auto"></canvas>
1002
 
31860 tejbeer 1003
                               </div>
31892 tejbeer 1004
 
1005
 
31860 tejbeer 1006
                        </div>
1007
                    </div>
1008
                </div>
1009
            </div>
1010
        </div>
1011
    </div>
1012
 
1013
 
1014
    </div>
1015
 
1016
 
1017
    <!-- Optional JavaScript -->
1018
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
31900 tejbeer 1019
 
1020
       <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
1021
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
1022
        crossorigin="anonymous"></script>
31896 tejbeer 1023
 
31860 tejbeer 1024
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.3/dist/umd/popper.min.js"
1025
        integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
1026
        crossorigin="anonymous"></script>
1027
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js"
1028
        integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
1029
        crossorigin="anonymous"></script>
1030
    <script>
1031
     var op = $chartInvestment; 
1032
     var px = document.getElementById('chartInvestmentJSContainer').getContext('2d');         
1033
     var chart = new Chart(px,op);
1034
     chart.update();
1035
 
1036
 
1037
 
1038
     var ops = $chartPurchase; 
1039
     var pxs = document.getElementById('chartSecondaryJSContainer').getContext('2d');         
1040
     var chartSec = new Chart(pxs,ops);
1041
     chartSec.update();
1042
 
31872 tejbeer 1043
     var opt = $chartTertiary; 
31860 tejbeer 1044
     var pxt = document.getElementById('chartTertiaryJSContainer').getContext('2d');         
1045
     var chartTer = new Chart(pxt,opt);
1046
     chartTer.update();
31884 tejbeer 1047
 
1048
     var ope = $chartEarning; 
1049
     var pxe = document.getElementById('chartEarningJSContainer').getContext('2d');         
1050
     var chartEar = new Chart(pxe,ope);
1051
     chartEar.update();
31860 tejbeer 1052
 
1053
    </script>
1054
   </body>
1055
 
1056
</html>