Subversion Repositories SmartDukaan

Rev

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