Subversion Repositories SmartDukaan

Rev

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