Subversion Repositories SmartDukaan

Rev

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