Subversion Repositories SmartDukaan

Rev

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