Subversion Repositories SmartDukaan

Rev

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