Subversion Repositories SmartDukaan

Rev

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