Subversion Repositories SmartDukaan

Rev

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