Subversion Repositories SmartDukaan

Rev

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