Subversion Repositories SmartDukaan

Rev

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