Subversion Repositories SmartDukaan

Rev

Rev 31884 | Rev 31892 | 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>
31887 tejbeer 618
 
619
 
31860 tejbeer 620
                                             #foreach($label of $labels) 
31887 tejbeer 621
                                               #if($brand.equals("Samsung"))
622
                                                #if($purchase.get($label))
623
                                                #if($purchase.get($label) >= 150000)
624
                                                  <td class="green">$nf.format($purchase.get($label)) </td>
625
 
626
                                                #else
627
                                                  <td class="red">$nf.format($purchase.get($label)) </td>
628
                                                #end
629
                                                #else
630
                                                  <td class="red">0 </td> 
631
                                               #end
632
 
633
                                             #end
31860 tejbeer 634
 
31887 tejbeer 635
                                               #if($brand.equals("Xiaomi"))
636
                                                #if($purchase.get($label))
637
                                                #if($purchase.get($label) >= 100000)
638
                                                  <td class="green">$nf.format($purchase.get($label)) </td>
639
                                                #else
640
                                                  <td class="red">$nf.format($purchase.get($label)) </td>
641
                                                #end
642
                                                #else
31860 tejbeer 643
                                             <td>0 </td> 
31887 tejbeer 644
                                               #end
645
 
646
                                             #end
647
 
648
                                                #if($brand.equals("Oppo") || $brand.equals("Vivo") )
649
                                                #if($purchase.get($label))
650
                                                #if($purchase.get($label) >= 200000)
651
                                                  <td class="green">$nf.format($purchase.get($label)) </td>
652
                                                #else
653
                                                  <td class="red">$nf.format($purchase.get($label)) </td>
654
                                                #end
655
                                                #else
656
                                             <td>0 </td> 
657
                                               #end
658
 
659
                                             #end
660
 
661
                                              #if(!$brand.equals("Oppo") && !$brand.equals("Vivo") && !$brand.equals("Xiaomi") && !$brand.equals("Samsung") )
662
                                                #if($purchase.get($label))
663
 
664
                                                  <td>$nf.format($purchase.get($label)) </td>
665
 
666
                                                #else
667
                                                   <td>0 </td> 
668
                                               #end
669
                                               #end
670
 
671
 
672
 
31860 tejbeer 673
                                            #end
674
 
675
                                        </tr>
676
 
677
                                         #end
678
 
679
 
680
 
681
 
682
                                        <tr class="font-weight-bold">
31884 tejbeer 683
                                         <td class="details">Total</td>
31860 tejbeer 684
                                           #foreach($label of $labels) 
685
                                           #if($yearMonthPurchase.get($label)) 
686
 
687
                                            <td>$nf.format($yearMonthPurchase.get($label)) </td>
688
                                            #else
689
                                            <td> 0 </td>
690
                                            #end
691
                                            #end
692
 
693
                                        </tr>
694
                                        <tr>
695
 
696
                                            <td class="details">Target</td>
697
 
698
                                            #foreach($label of $labels) 
699
                                            #if($monthlyTarget.get($label).getPurchaseTarget()) 
700
                                            <td>$nf.format($monthlyTarget.get($label).getPurchaseTarget()) </td>
701
                                            #else
702
                                             <td>0</td>
703
                                            #end
704
 
705
                                            #end
706
 
707
                                        </tr>
708
                                        <tr>
709
                                         <td class="details">% achvmt</td>
710
 
711
                                          #foreach($label of $labels) 
712
                                           #if($yearMonthPurchase.get($label)) 
713
                                           #set($ymp = $yearMonthPurchase.get($label))
714
                                           #else
715
                                           #set($ymp = 0)
716
                                           #end
717
 
718
                                           #if($monthlyTarget.get($label).getPurchaseTarget()) 
719
                                           #set($mt = $monthlyTarget.get($label).getPurchaseTarget())
720
                                           #else
721
                                           #set($mt= 0 )
722
                                           #end
723
	                                       #set($div=  ($ymp/ $mt)* 100)
724
	                                       #if($div)
725
	                                       #if($div > 65)
726
	                                       <td class="text-success">$math.roundTo(2, $div)%</td>
727
	                                       #else
728
	                                       <td class="text-danger"> $math.roundTo(2, $div)%</td>
729
	                                      #end
730
	                                      #else
731
	                                        <td class="text-danger">-</td>
732
	                                      #end
733
 
734
                                       #end
735
 
736
 
737
 
738
                                        </tr>
739
                                    </tbody>
740
                                </table>
741
                            </div>
31872 tejbeer 742
                            <div class="col-6 mt-2">
31860 tejbeer 743
 
744
 
745
                                  <canvas id="chartSecondaryJSContainer" width="auto" height="auto"></canvas>
746
 
747
                            </div>
748
                        </div>
749
 
750
                    </div>
751
 
752
 
753
 
754
                    <div id="tertiary" class="container-fluid tab-pane fade"><br>
755
                        <div class="row">
31872 tejbeer 756
                            <div class="col-6">
31866 tejbeer 757
                               <div class="p-2  text-center">      
31860 tejbeer 758
                                #if($lastTertiaryDays < 5)
31866 tejbeer 759
                                <span class="text-success">Last tertiary: $lastTertiaryDays days back </span>                               
31860 tejbeer 760
                                #else                               
31866 tejbeer 761
                                <span class="text-danger">Last tertiary: $lastTertiaryDays days back </span>              
31860 tejbeer 762
                                #end
31887 tejbeer 763
 
764
                                 #if($lastUnbilledActivated > 0)
765
                                  <td class="text-danger">Unbilled Activated : $investment.getUnbilledAmount()</td>
766
 
767
 
768
                                #else
769
 
770
                                  <td class="text-success"> Unbilled Activated : 0 </td>
771
                                #end
31860 tejbeer 772
                               </div>
773
                                <table class="table table-bordered table-sm">
774
                                    <thead>
775
                                        <tr class="orange">
776
                                            <th scope="col">Month</th>
777
                                             #foreach($label of $labels) 
778
                                            <th scope="col">$label</th>
779
                                             #end
780
                                        </tr>
781
                                    </thead>
782
                                    <tbody>
783
                                        #foreach($allBrand of $allBrands) 
784
                                           #set($brand = $allBrand.getName())
785
                                             #set($tertiary= $tertiaryMap.get($brand))
786
                                        <tr>
787
 
788
                                            <td class="details">$brand</td>
789
                                             #foreach($label of $labels) 
31887 tejbeer 790
                                              #if($brand.equals("Samsung"))
791
                                                #if($tertiary.get($label))
792
                                                #if($tertiary.get($label) >= 150000)
793
                                                  <td class="green">$nf.format($tertiary.get($label)) </td>
794
                                                #else
795
                                                  <td class="red">$nf.format($tertiary.get($label)) </td>
796
                                                #end
797
                                                #else
798
                                             <td>0 </td> 
799
                                               #end
800
 
801
                                             #end
31860 tejbeer 802
 
31887 tejbeer 803
                                               #if($brand.equals("Xiaomi"))
804
                                                #if($tertiary.get($label))
805
                                                #if($tertiary.get($label) >= 100000)
806
                                                  <td class="green">$nf.format($tertiary.get($label)) </td>
807
                                                #else
808
                                                  <td class="red">$nf.format($tertiary.get($label)) </td>
809
                                                #end
810
                                                #else
31860 tejbeer 811
                                             <td>0 </td> 
31887 tejbeer 812
                                               #end
813
 
814
                                             #end
815
 
816
                                                #if($brand.equals("Oppo") || $brand.equals("Vivo") )
817
                                                #if($tertiary.get($label))
818
                                                #if($tertiary.get($label) >= 200000)
819
                                                  <td class="green">$nf.format($tertiary.get($label)) </td>
820
                                                #else
821
                                                  <td class="red">$nf.format($tertiary.get($label)) </td>
822
                                                #end
823
                                                #else
824
                                             <td>0 </td> 
825
                                               #end
826
 
827
                                             #end
828
 
829
                                                #if(!$brand.equals("Oppo") && !$brand.equals("Vivo") && !$brand.equals("Xiaomi") && !$brand.equals("Samsung") )
830
 
831
                                                #if($tertiary.get($label))
832
 
833
                                                  <td>$nf.format($tertiary.get($label)) </td>
834
 
835
                                                #else
836
                                                   <td>0 </td> 
837
                                               #end
838
 
839
                                               #end
840
 
841
 
31860 tejbeer 842
                                            #end
843
 
844
                                        </tr>
845
 
846
                                         #end
847
 
848
                                        <tr class="font-weight-bold">
849
                                            <td class="details"></td>
850
                                            #foreach($label of $labels) 
851
                                           #if($yearMonthTertiary.get($label)) 
852
 
853
                                            <td>$nf.format($yearMonthTertiary.get($label)) </td>
854
                                            #else
855
                                            <td> 0 </td>
856
                                            #end
857
                                            #end
858
 
859
                                        </tr>
860
 
861
 
862
 
863
                                          <tr class="font-weight-bold">
31884 tejbeer 864
                                            <td class="details">Total</td>
31860 tejbeer 865
                                            #foreach($label of $labels) 
866
                                           #if($yearMonthPartnerType.get($label)) 
867
 
868
                                            <td>$yearMonthPartnerType.get($label).getValue()</td>
869
                                            #else
870
                                            <td> - </td>
871
                                            #end
872
                                            #end
873
 
874
                                        </tr>
875
                                        <tr>
876
                                            <td class="details">Target</td>
877
                                            #foreach($label of $labels)
878
                                            #if($monthlyTarget.get($label).getSaleTarget()) 
879
                                            <td>$nf.format($monthlyTarget.get($label).getSaleTarget()) </td>
880
                                            #else
881
                                            <td>0</td>
882
                                            #end
883
 
884
                                            #end
885
 
886
                                        </tr>
887
                                        <tr>
888
                                            <td class="details">% achvmt</td>
889
 
890
 
891
 
892
                                          #foreach($label of $labels) 
893
                                           #if($yearMonthTertiary.get($label)) 
894
                                           #set($ymt = $yearMonthTertiary.get($label))
895
                                           #else
896
                                           #set($ymt = 0)
897
                                           #end
898
 
899
                                           #if($monthlyTarget.get($label).getSaleTarget()) 
900
                                           #set($mst = $monthlyTarget.get($label).getSaleTarget())
901
                                           #else
902
                                           #set($mst= 0 )
903
                                           #end
904
	                                        #set($dit=  ($ymt/ $mst)* 100)
905
	                                        #if($dit)
906
	                                        #if($dit >65)
907
	                                        <td class="text-success">$math.roundTo(2, $dit)%</td>
908
	                                        #else
909
	                                        <td class="text-danger">$math.roundTo(2, $dit)%</td>
910
	                                        #end
911
	                                        #else
912
	                                         <td class="text-danger">-</td>
913
	                                        #end
914
 
915
                                       #end
916
                                        </tr>
917
                                    </tbody>
918
                                </table>
919
 
920
                            </div>
31872 tejbeer 921
                            <div class="col-6 mt-2">
31860 tejbeer 922
 
923
                                <canvas id="chartTertiaryJSContainer"  width="auto" height="auto"></canvas>
924
 
925
                            </div>
926
                        </div>
927
 
928
                    </div>
929
                    <div id="earning" class="container-fluid tab-pane fade"><br>
930
                        <div class="row">
31884 tejbeer 931
                            <div class="col-6">
31860 tejbeer 932
                                <table class="table table-bordered table-sm">
933
                                    <thead>
934
                                        <tr class="orange">
935
                                            <th scope="col">Month</th>
936
                                             #foreach($label of $labels) 
937
                                            <th scope="col">$label</th>
938
                                             #end  
939
                                       </tr>
940
 
941
 
942
                                    </thead>
943
                                    <tbody>
944
 
945
                                        #foreach($allBrand of $allBrands) 
946
                                           #set($brand = $allBrand.getName())
947
 
948
                                        <tr>
949
 
950
                                         <td class="details">$brand</td>
951
                                           #foreach($label of $labels) 
952
                                              #set($earning= $earningMap.get($label))
953
                                             #if($earning.get($brand))
954
                                            <td>$nf.format($earning.get($brand)) </td>
955
                                            #else
956
                                             <td>0 </td> 
957
                                            #end
958
                                            #end
959
 
960
                                        </tr>
961
 
962
 
963
                                         #end   
964
 
965
                                          <tr class="font-weight-bold">
31884 tejbeer 966
                                            <td class="details">Total</td>
31860 tejbeer 967
                                            #foreach($label of $labels) 
968
                                           #if($totalEarningPerMonth.get($label)) 
969
 
31884 tejbeer 970
                                            <td>$nf.format($totalEarningPerMonth.get($label))</td>
31860 tejbeer 971
                                            #else
972
                                            <td> - </td>
973
                                            #end
974
                                            #end
975
 
976
                                        </tr>
977
 
978
                                    </tbody>
979
                                </table>
980
 
981
                            </div>
31884 tejbeer 982
                            <div class="col-6 mt-2">
983
 
984
 
985
 
986
                                <canvas id="chartEarningJSContainer"  width="auto" height="auto"></canvas>
987
 
31860 tejbeer 988
                               </div>
989
                        </div>
990
                    </div>
991
                </div>
992
            </div>
993
        </div>
994
    </div>
995
 
996
 
997
    </div>
998
 
999
 
1000
    <!-- Optional JavaScript -->
1001
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
1002
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
1003
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
1004
        crossorigin="anonymous"></script>
1005
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.3/dist/umd/popper.min.js"
1006
        integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
1007
        crossorigin="anonymous"></script>
1008
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js"
1009
        integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
1010
        crossorigin="anonymous"></script>
1011
    <script>
1012
     var op = $chartInvestment; 
1013
     var px = document.getElementById('chartInvestmentJSContainer').getContext('2d');         
1014
     var chart = new Chart(px,op);
1015
     chart.update();
1016
 
1017
 
1018
 
1019
     var ops = $chartPurchase; 
1020
     var pxs = document.getElementById('chartSecondaryJSContainer').getContext('2d');         
1021
     var chartSec = new Chart(pxs,ops);
1022
     chartSec.update();
1023
 
31872 tejbeer 1024
     var opt = $chartTertiary; 
31860 tejbeer 1025
     var pxt = document.getElementById('chartTertiaryJSContainer').getContext('2d');         
1026
     var chartTer = new Chart(pxt,opt);
1027
     chartTer.update();
31884 tejbeer 1028
 
1029
     var ope = $chartEarning; 
1030
     var pxe = document.getElementById('chartEarningJSContainer').getContext('2d');         
1031
     var chartEar = new Chart(pxe,ope);
1032
     chartEar.update();
31860 tejbeer 1033
 
1034
    </script>
1035
   </body>
1036
 
1037
</html>