Subversion Repositories SmartDukaan

Rev

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