Subversion Repositories SmartDukaan

Rev

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