Subversion Repositories SmartDukaan

Rev

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