| 32203 |
amit.gupta |
1 |
<div class="modal-header">
|
|
|
2 |
<button type="button" class="close" id="cancel-model" data-dismiss="modal">×</button>
|
|
|
3 |
<h4 class="modal-title">Terms & Conditions</h4>
|
|
|
4 |
</div>
|
| 35415 |
amit |
5 |
|
| 32203 |
amit.gupta |
6 |
<div class="modal-body" style="height:500px;overflow:auto">
|
|
|
7 |
<div style="margin-top: 15px;" class="offer-margin-table">
|
|
|
8 |
|
| 35415 |
amit |
9 |
## Offer Description
|
| 32203 |
amit.gupta |
10 |
<div class="row">
|
|
|
11 |
<div class="col-lg-12">
|
| 35415 |
amit |
12 |
<div style="font-size:20px; font-weight:bold" class="pull-left">
|
|
|
13 |
$vmUtils.html($offer.getDescription())
|
|
|
14 |
</div>
|
| 32203 |
amit.gupta |
15 |
</div>
|
|
|
16 |
</div>
|
| 35415 |
amit |
17 |
|
| 35396 |
amit |
18 |
<div class="row">
|
| 35415 |
amit |
19 |
## Base Criteria Section (if applicable)
|
| 32203 |
amit.gupta |
20 |
#if($offer.isBaseCriteria())
|
| 35415 |
amit |
21 |
<div class="col-lg-12">
|
|
|
22 |
<h5 style="text-align: left">Base Criteria - </h5>
|
|
|
23 |
<div style="text-align:left">$offer.getItemCriteriaString()</div>
|
|
|
24 |
</div>
|
| 32203 |
amit.gupta |
25 |
#end
|
| 35415 |
amit |
26 |
|
|
|
27 |
## Main Offer Table
|
| 32203 |
amit.gupta |
28 |
<div class="col-lg-12">
|
|
|
29 |
<table class="table table-bordered table-sm">
|
| 35415 |
amit |
30 |
|
|
|
31 |
## ===== TABLE HEADER =====
|
| 32203 |
amit.gupta |
32 |
<thead>
|
| 35415 |
amit |
33 |
<tr>
|
|
|
34 |
<th rowspan="2">Models</th>
|
|
|
35 |
<th rowspan="2">Target</th>
|
|
|
36 |
|
|
|
37 |
## Target Achieved columns - only for retailers (not admin)
|
|
|
38 |
#if(!$isAdmin)
|
|
|
39 |
#if($offer.isActivation())
|
|
|
40 |
<th colspan="2">Target Achieved</th>
|
|
|
41 |
#else
|
|
|
42 |
<th rowspan="2">Billed</th>
|
|
|
43 |
#end
|
|
|
44 |
#end
|
|
|
45 |
|
|
|
46 |
<th rowspan="2">Payout On</th>
|
|
|
47 |
|
|
|
48 |
## Payout Achieved columns - only for retailers (not admin)
|
|
|
49 |
#if(!$isAdmin)
|
|
|
50 |
#if($offer.isActivation())
|
|
|
51 |
<th colspan="2">Payout Achieved</th>
|
|
|
52 |
#else
|
|
|
53 |
<th rowspan="2">Billed</th>
|
|
|
54 |
#end
|
|
|
55 |
#end
|
|
|
56 |
</tr>
|
|
|
57 |
|
|
|
58 |
## Sub-headers for Activation offers (Billed/Activated) - only for retailers
|
|
|
59 |
#if(!$isAdmin && $offer.isActivation())
|
|
|
60 |
<tr>
|
|
|
61 |
<th style="background-color: darkgray">Billed</th>
|
|
|
62 |
<th>Activated</th>
|
|
|
63 |
<th style="background-color: darkgray">Billed</th>
|
|
|
64 |
<th>Activated</th>
|
|
|
65 |
</tr>
|
| 35396 |
amit |
66 |
#end
|
| 35415 |
amit |
67 |
</thead>
|
|
|
68 |
|
|
|
69 |
## ===== TABLE BODY =====
|
|
|
70 |
<tbody>
|
|
|
71 |
#foreach($itemCriteriaPayout in $offer.getTargetSlabs().get(0).getItemCriteriaPayouts())
|
|
|
72 |
|
|
|
73 |
## Set up model variables for this criteria
|
|
|
74 |
#set($criteriaItemQtyModel = $offer.getCriteriaQtyAmountModel().get($itemCriteriaPayout.getItemCriteria().getId()))
|
|
|
75 |
#if($offer.isBaseCriteria())
|
|
|
76 |
#set($baseItemCriteriaQtyAmountModel = $offer.getCriteriaQtyAmountModel().get(0))
|
| 35396 |
amit |
77 |
#else
|
| 35415 |
amit |
78 |
#set($baseItemCriteriaQtyAmountModel = $criteriaItemQtyModel)
|
| 35396 |
amit |
79 |
#end
|
| 35415 |
amit |
80 |
|
|
|
81 |
## Helper variables for readability
|
|
|
82 |
#set($isQuantityPayout = $offer.getPayoutType().name().equals("QUANTITY"))
|
|
|
83 |
#set($isSellinOrSellout = $offer.isSellin() || $offer.isSellout())
|
|
|
84 |
#set($isPercentage = $itemCriteriaPayout.getAmountType().name().equals("PERCENTAGE"))
|
|
|
85 |
#set($isFixed = $itemCriteriaPayout.getAmountType().name().equals("FIXED"))
|
|
|
86 |
|
|
|
87 |
#foreach($payoutSlab in $itemCriteriaPayout.getPayoutSlabs())
|
|
|
88 |
#set($rowspan = $itemCriteriaPayout.getPayoutSlabs().size())
|
|
|
89 |
#set($isFirstRow = $velocityCount == 1)
|
|
|
90 |
#set($selectedStyle = "")
|
|
|
91 |
#if($payoutSlab.isSelected())
|
|
|
92 |
#set($selectedStyle = "background-color: lightgreen")
|
| 35396 |
amit |
93 |
#end
|
|
|
94 |
|
| 35415 |
amit |
95 |
<tr>
|
|
|
96 |
## Column 1: Models (only on first row with rowspan)
|
|
|
97 |
#if($isFirstRow)
|
|
|
98 |
<td style="text-align:left" rowspan="$rowspan">
|
|
|
99 |
$itemCriteriaPayout.getItemCriteriaString()<br>
|
|
|
100 |
#if($itemCriteriaPayout.getStartDate() || $itemCriteriaPayout.getEndDate())
|
|
|
101 |
<span style="font-weight: bold;">Payout Date - </span>
|
|
|
102 |
<span>$itemCriteriaPayout.getStartDate().format($dateFormatter) to $itemCriteriaPayout.getEndDate().format($dateFormatter)</span>
|
| 32203 |
amit.gupta |
103 |
#end
|
| 35415 |
amit |
104 |
</td>
|
|
|
105 |
#end
|
| 35396 |
amit |
106 |
|
| 35415 |
amit |
107 |
## Column 2: Target
|
|
|
108 |
#if($isQuantityPayout)
|
|
|
109 |
<td style="$selectedStyle">$payoutSlab.getOnwardsAmount() pcs Onwards</td>
|
|
|
110 |
#else
|
|
|
111 |
<td style="$selectedStyle">Rs.<span class="currency">$payoutSlab.getOnwardsAmount()</span> Onwards</td>
|
|
|
112 |
#end
|
|
|
113 |
|
|
|
114 |
## Column 3-4: Target Achieved (Billed/Activated) - ONLY FOR RETAILERS
|
|
|
115 |
#if(!$isAdmin)
|
|
|
116 |
#if($isQuantityPayout)
|
|
|
117 |
#if($isSellinOrSellout)
|
| 35396 |
amit |
118 |
<td>$baseItemCriteriaQtyAmountModel.getQty()</td>
|
|
|
119 |
#else
|
| 35415 |
amit |
120 |
#if($isFirstRow)
|
| 35396 |
amit |
121 |
<td rowspan="$rowspan">$baseItemCriteriaQtyAmountModel.getQty()</td>
|
|
|
122 |
<td rowspan="$rowspan">$baseItemCriteriaQtyAmountModel.getActivationQty()</td>
|
|
|
123 |
#end
|
|
|
124 |
#end
|
|
|
125 |
#else
|
| 35415 |
amit |
126 |
#if($isSellinOrSellout)
|
| 35396 |
amit |
127 |
<td><span class="currency">$baseItemCriteriaQtyAmountModel.getAmount()</span></td>
|
|
|
128 |
#else
|
| 35415 |
amit |
129 |
#if($isFirstRow)
|
|
|
130 |
<td rowspan="$rowspan"><span class="currency" style="color: darkgrey">$baseItemCriteriaQtyAmountModel.getAmount()</span></td>
|
|
|
131 |
<td rowspan="$rowspan"><span class="currency">$baseItemCriteriaQtyAmountModel.getActivationAmount()</span></td>
|
| 35396 |
amit |
132 |
#end
|
|
|
133 |
#end
|
|
|
134 |
#end
|
| 35415 |
amit |
135 |
#end
|
| 35396 |
amit |
136 |
|
| 35415 |
amit |
137 |
## Column 5: Payout On
|
|
|
138 |
#if($isPercentage)
|
|
|
139 |
<td style="$selectedStyle">$payoutSlab.getPayoutAmount()%</td>
|
|
|
140 |
#elseif($isFixed)
|
|
|
141 |
<td style="$selectedStyle">Rs.<span class="currency">$payoutSlab.getPayoutAmount()</span> per pc</td>
|
|
|
142 |
#else
|
|
|
143 |
<td style="$selectedStyle">Rs.<span class="currency">$payoutSlab.getPayoutAmount()</span></td>
|
|
|
144 |
#end
|
|
|
145 |
|
|
|
146 |
## Column 6-7: Payout Achieved (Billed/Activated) - ONLY FOR RETAILERS
|
|
|
147 |
#if(!$isAdmin && $isFirstRow)
|
|
|
148 |
#if($isPercentage)
|
|
|
149 |
#if($isSellinOrSellout)
|
|
|
150 |
<td><span class="currency">$criteriaItemQtyModel.getAmount()</span></td>
|
|
|
151 |
#else
|
|
|
152 |
<td rowspan="$rowspan"><span class="currency">$criteriaItemQtyModel.getAmount()</span></td>
|
|
|
153 |
<td rowspan="$rowspan"><span class="currency">$criteriaItemQtyModel.getActivationAmount()</span></td>
|
| 35396 |
amit |
154 |
#end
|
| 35415 |
amit |
155 |
#elseif($isFixed)
|
|
|
156 |
#if($isSellinOrSellout)
|
|
|
157 |
<td>$criteriaItemQtyModel.getQty()</td>
|
|
|
158 |
#else
|
|
|
159 |
<td rowspan="$rowspan">$criteriaItemQtyModel.getQty()</td>
|
|
|
160 |
<td rowspan="$rowspan">$criteriaItemQtyModel.getActivationQty()</td>
|
| 35396 |
amit |
161 |
#end
|
| 32203 |
amit.gupta |
162 |
#else
|
| 35415 |
amit |
163 |
#if($isSellinOrSellout)
|
|
|
164 |
<td rowspan="$rowspan">$criteriaItemQtyModel.getQty()</td>
|
|
|
165 |
#else
|
|
|
166 |
<td rowspan="$rowspan">$criteriaItemQtyModel.getQty()</td>
|
|
|
167 |
<td rowspan="$rowspan">$criteriaItemQtyModel.getActivationQty()</td>
|
| 35396 |
amit |
168 |
#end
|
| 32203 |
amit.gupta |
169 |
#end
|
|
|
170 |
#end
|
| 35415 |
amit |
171 |
</tr>
|
| 32203 |
amit.gupta |
172 |
#end
|
| 35415 |
amit |
173 |
#end
|
| 32203 |
amit.gupta |
174 |
</tbody>
|
|
|
175 |
</table>
|
| 33713 |
tejus.loha |
176 |
<br>
|
| 32203 |
amit.gupta |
177 |
</div>
|
|
|
178 |
</div>
|
|
|
179 |
</div>
|
|
|
180 |
|
| 35415 |
amit |
181 |
## Notes and Terms Section
|
| 32203 |
amit.gupta |
182 |
<div class="row">
|
|
|
183 |
<div class="col-lg-12">
|
|
|
184 |
<ul id="descriptionMenu" style="text-align:left">
|
|
|
185 |
#if($offer.getOfferNotes() && !$offer.getOfferNotes().equals(""))
|
| 35415 |
amit |
186 |
<li>Note - $vmUtils.html($offer.getOfferNotes())</li>
|
| 32203 |
amit.gupta |
187 |
#end
|
|
|
188 |
</ul>
|
|
|
189 |
|
| 35396 |
amit |
190 |
<div class="termContainer ck-content" style="text-align:left">
|
| 34045 |
amit.gupta |
191 |
$offer.getTerms()
|
| 32203 |
amit.gupta |
192 |
</div>
|
|
|
193 |
</div>
|
|
|
194 |
</div>
|
| 35415 |
amit |
195 |
</div>
|
| 32203 |
amit.gupta |
196 |
|
|
|
197 |
<div class="modal-footer">
|
|
|
198 |
<button type="button" data-dismiss="modal" class="btn btn-default cancel-description">Dismiss</button>
|
| 35415 |
amit |
199 |
</div>
|