Subversion Repositories SmartDukaan

Rev

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