Subversion Repositories SmartDukaan

Rev

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