| 26588 |
tejbeer |
1 |
<section class="wrapper">
|
| 27873 |
amit.gupta |
2 |
<div class="row">
|
|
|
3 |
<div class="col-lg-12">
|
|
|
4 |
<h3 class="page-header"><i class="icon_document_alt"></i>OFFERS</h3>
|
|
|
5 |
<ol class="breadcrumb">
|
|
|
6 |
<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
|
|
|
7 |
<li><i class="icon_document_alt"></i>CREATE</li>
|
| 31190 |
amit.gupta |
8 |
<li><input type="button" value="Create Offer" class="btn btn-primary create-offer"/></li>
|
| 27895 |
amit.gupta |
9 |
</ol>
|
| 27873 |
amit.gupta |
10 |
</div>
|
|
|
11 |
</div>
|
|
|
12 |
<div class="row" style="background:white;background-color:white;padding:10px;">
|
|
|
13 |
<div id="create-scheme-form">
|
|
|
14 |
<div class="col-lg-12">
|
|
|
15 |
<div class="col-lg-3">
|
|
|
16 |
<div class="form-group col-lg-12">
|
|
|
17 |
<label for="name">Offer Name</label>
|
|
|
18 |
<input class="form-control" id="offer_name" placeholder="Offer Name" name="name" required>
|
|
|
19 |
</div>
|
| 36452 |
amit |
20 |
<div class="form-group col-lg-12">
|
|
|
21 |
<label for="offer_reference">Reference</label>
|
|
|
22 |
<input class="form-control" id="offer_reference" placeholder="Reference (e.g. Xiaomi-May-2026)" name="reference" required>
|
|
|
23 |
</div>
|
| 27873 |
amit.gupta |
24 |
<div class="form-group col-lg-6">
|
|
|
25 |
<label for="offerDuration">Duration</label>
|
|
|
26 |
<input placeholder="Set Duration" name="dateRange" id="offerDuration" name="dateRange"
|
|
|
27 |
type="text" value="" class="form-control input-sm">
|
|
|
28 |
</div>
|
| 28016 |
amit.gupta |
29 |
<div class="form-group col-lg-6">
|
| 31190 |
amit.gupta |
30 |
<label class="checkbox-inline"><input type="checkbox" name="base_criteria"/>Base
|
|
|
31 |
Criteria</label>
|
| 27873 |
amit.gupta |
32 |
</div>
|
| 28017 |
amit.gupta |
33 |
<div class="row col-lg-12">
|
| 31190 |
amit.gupta |
34 |
<div class="form-group col-lg-6">
|
|
|
35 |
<label for="name">Sellin = Sellout%</label>
|
|
|
36 |
<input class="form-control" id="sellinPercentage" placeholder="Sellin Percentage"
|
|
|
37 |
name="name" value="0">
|
|
|
38 |
</div>
|
|
|
39 |
<div class="form-group col-lg-6">
|
|
|
40 |
<label for="name">Brand Share%</label>
|
|
|
41 |
<input class="form-control" id="brandShare" placeholder="" name="name" value="0">
|
|
|
42 |
</div>
|
| 27873 |
amit.gupta |
43 |
</div>
|
|
|
44 |
</div>
|
| 27895 |
amit.gupta |
45 |
<div class="col-lg-6">
|
| 27873 |
amit.gupta |
46 |
<div class="form-group">
|
| 27895 |
amit.gupta |
47 |
<div class="col-lg-6">
|
| 31190 |
amit.gupta |
48 |
<label>Offer based on</label>
|
|
|
49 |
<select name="schemeType" class="form-control">
|
|
|
50 |
<option value="SELLIN">SELLIN</option>
|
|
|
51 |
<option value="SELLINBOOSTER">SELLIN BOOSTER</option>
|
|
|
52 |
<option value="ACTIVATION">ACTIVATION</option>
|
|
|
53 |
<!--<option value="SELLOUT">SELLOUT</option>-->
|
|
|
54 |
</select>
|
| 27873 |
amit.gupta |
55 |
</div>
|
| 27895 |
amit.gupta |
56 |
<div class="col-lg-6 form-group activation-brands">
|
| 31190 |
amit.gupta |
57 |
<label>Activation Brands</label>
|
| 27873 |
amit.gupta |
58 |
<select data-placeholder="Choose brands" multiple="multiple"
|
| 31190 |
amit.gupta |
59 |
class="criteria-brands chosen-select form-control">
|
| 27873 |
amit.gupta |
60 |
#foreach($brand in $brands)
|
|
|
61 |
<option value="$brand">$brand</option>
|
|
|
62 |
#end
|
|
|
63 |
</select>
|
|
|
64 |
</div>
|
|
|
65 |
</div>
|
| 27895 |
amit.gupta |
66 |
<div class="col-lg-6">
|
| 31190 |
amit.gupta |
67 |
<div class="form-group">
|
|
|
68 |
<label>Target Type</label>
|
|
|
69 |
<div>
|
|
|
70 |
<div class="radio-inline"><label><input type="radio" name="targetType" value="VALUE"
|
|
|
71 |
checked/>VALUE</label></div>
|
|
|
72 |
<div class="radio-inline"><label><input type="radio" name="targetType"
|
|
|
73 |
value="QUANTITY"/>QUANTITY</label>
|
|
|
74 |
</div>
|
|
|
75 |
</div>
|
|
|
76 |
</div>
|
| 27873 |
amit.gupta |
77 |
</div>
|
| 27895 |
amit.gupta |
78 |
<div class="col-lg-6">
|
| 31190 |
amit.gupta |
79 |
<div class="form-group">
|
|
|
80 |
<label>Payout Type</label>
|
|
|
81 |
<div>
|
|
|
82 |
<div class="radio-inline"><label><input type="radio" name="payoutType" value="VALUE"
|
|
|
83 |
checked/>VALUE</label></div>
|
|
|
84 |
<div class="radio-inline"><label><input type="radio" name="payoutType"
|
|
|
85 |
value="QUANTITY"/>QUANTITY</label>
|
|
|
86 |
</div>
|
|
|
87 |
</div>
|
|
|
88 |
</div>
|
| 27873 |
amit.gupta |
89 |
</div>
|
| 32021 |
amit.gupta |
90 |
<div clas="form-group col-lg-6">
|
|
|
91 |
<label class="checkbox-inline"><input type="checkbox" name="discount">Is Discount</label>
|
|
|
92 |
</div>
|
| 27873 |
amit.gupta |
93 |
</div>
|
|
|
94 |
<div class="col-lg-3">
|
| 31190 |
amit.gupta |
95 |
<div class="col-lg-12">
|
|
|
96 |
<div class="form-group">
|
|
|
97 |
<label for="name">Offer Notes Semi-Colon(;) seperated</label>
|
|
|
98 |
<textarea class="form-control" id="offer_notes" placeholder="Offer Notes"
|
|
|
99 |
name="note"></textarea>
|
|
|
100 |
</div>
|
|
|
101 |
</div>
|
|
|
102 |
<div class="col-lg-12">
|
|
|
103 |
<div class="form-group">
|
|
|
104 |
<label for="name">Terms Semi-Colon(;) seperated</label>
|
|
|
105 |
<div id="toolbar-container"></div>
|
|
|
106 |
<div style="height:40%" class="form-control" id="offer_terms" placeholder="Offer Notes"
|
|
|
107 |
name="terms"></div>
|
|
|
108 |
</div>
|
|
|
109 |
</div>
|
| 27873 |
amit.gupta |
110 |
</div>
|
|
|
111 |
<div class="col-lg-12">
|
|
|
112 |
<!--Partner Criteria Start -->
|
|
|
113 |
<div class="row">
|
|
|
114 |
<div class="col-lg-3">
|
|
|
115 |
<div class="form-group">
|
|
|
116 |
<label>Partner Types</label>
|
|
|
117 |
<select data-placeholder="Partner Type" multiple
|
|
|
118 |
class="criteria-partner-type chosen-select">
|
|
|
119 |
<option value="BRONZE">BRONZE</option>
|
|
|
120 |
<option value="SILVER">SILVER</option>
|
|
|
121 |
<option value="GOLD">GOLD</option>
|
|
|
122 |
<option value="DIAMOND">DIAMOND</option>
|
|
|
123 |
<option value="PLATINUM">PLATINUM</option>
|
|
|
124 |
<option value="NEW">RISING STAR</option>
|
|
|
125 |
</select>
|
|
|
126 |
</div>
|
| 31190 |
amit.gupta |
127 |
</div>
|
|
|
128 |
<div class="col-lg-3">
|
| 27873 |
amit.gupta |
129 |
<div class="form-group">
|
|
|
130 |
<label>Warehouse Regions</label>
|
|
|
131 |
<select multiple class="criteria-warehouseregion chosen-select">
|
|
|
132 |
#foreach ($whRegionEntry in $warehouseRegion.entrySet())
|
| 31190 |
amit.gupta |
133 |
<option value="$whRegionEntry.getKey()">$whRegionEntry.getValue()</option>
|
| 27873 |
amit.gupta |
134 |
#end
|
|
|
135 |
</select>
|
|
|
136 |
</div>
|
|
|
137 |
</div>
|
|
|
138 |
<div class="col-lg-6 partner">
|
|
|
139 |
<label>Choose Partners</label>
|
| 30723 |
amit.gupta |
140 |
<label class="checkbox-inline">
|
|
|
141 |
<input type="checkbox" class="excludeFofoId" value=""><b>Exclude</b>
|
|
|
142 |
</label>
|
| 27873 |
amit.gupta |
143 |
<select multiple="multiple" name="partner" id="partners"
|
|
|
144 |
data-placeholder="Choose Franchisee" class="chosen-select">
|
|
|
145 |
#foreach ($customRetailer in $customRetailersMap.entrySet())
|
|
|
146 |
<option value="$customRetailer.getKey()">$customRetailer.getValue().getDisplayName()</option>
|
|
|
147 |
#end
|
|
|
148 |
</select>
|
|
|
149 |
</div>
|
|
|
150 |
</div>
|
|
|
151 |
<!--Item Criteria Start -->
|
|
|
152 |
<div class="row itemCriteria item-criteria">
|
|
|
153 |
<div class="col-lg-3 itemCategory">
|
|
|
154 |
<div><label>Category</label></div>
|
| 30753 |
amit.gupta |
155 |
<label class="checkbox-inline"><input type="checkbox" name="smartphone"/>Smart
|
|
|
156 |
Phones</label>
|
| 27873 |
amit.gupta |
157 |
<label class="checkbox-inline"><input type="checkbox" name="featuredphone"/>Featured Phones</label>
|
| 30753 |
amit.gupta |
158 |
<label class="checkbox-inline"><input type="checkbox" name="led"/>LEDs</label>
|
| 33320 |
amit.gupta |
159 |
<label class="checkbox-inline"><input type="checkbox" name="tablet"/>Tabs</label>
|
| 33622 |
amit.gupta |
160 |
<label class="checkbox-inline"><input type="checkbox" name="smartwatch"/>SmartWatch</label>
|
| 35497 |
ranu |
161 |
<label class="checkbox-inline"><input type="checkbox" name="openboxlaptops"/>Open Box
|
|
|
162 |
Laptops</label>
|
| 27873 |
amit.gupta |
163 |
</div>
|
|
|
164 |
<div class="col-lg-2 row">
|
|
|
165 |
<div><label>Price Range</label></div>
|
|
|
166 |
<div class="col-xs-6 row">
|
|
|
167 |
<input placeholder="Start" type="text" class="form-control startValue" value="0"/>
|
|
|
168 |
</div>
|
|
|
169 |
<div class="col-xs-6">
|
|
|
170 |
<input placeholder="End" type="text" class="form-control endValue" value="0">
|
|
|
171 |
</div>
|
|
|
172 |
</div>
|
|
|
173 |
<div class="col-lg-2">
|
|
|
174 |
<div class="row col-lg-12 form-group">
|
|
|
175 |
<div><label>Brand</label></div>
|
|
|
176 |
<select data-placeholder="Choose brands" multiple="multiple"
|
|
|
177 |
class="criteria-brands chosen-select">
|
|
|
178 |
#foreach($brand in $brands)
|
|
|
179 |
<option value="$brand">$brand</option>
|
|
|
180 |
#end
|
|
|
181 |
</select>
|
|
|
182 |
</div>
|
|
|
183 |
</div>
|
|
|
184 |
<div class="col-lg-4">
|
|
|
185 |
<div><label>Model</label></div>
|
|
|
186 |
<div class="row col-lg-12 form-group">
|
| 31190 |
amit.gupta |
187 |
<label class="checkbox-inline">
|
|
|
188 |
<input type="checkbox" class="exclude" value=""><b>Exclude</b>
|
|
|
189 |
</label>
|
|
|
190 |
<select class="criteria-catalogids form-control" multiple="multiple"></select>
|
| 27873 |
amit.gupta |
191 |
</div>
|
|
|
192 |
</div>
|
|
|
193 |
</div>
|
|
|
194 |
<!--Item Criteria End -->
|
|
|
195 |
<!-- Slabs Start -->
|
|
|
196 |
<div class="slab-payout">
|
|
|
197 |
<div class="row">
|
|
|
198 |
<p>
|
| 31190 |
amit.gupta |
199 |
<div class="col-lg-1"><label>Slabs</label></div>
|
|
|
200 |
<button type="button" class="btn btn-primary slab-copy">Copy</button>
|
|
|
201 |
<button type="button" class="btn btn-primary slab-remove">Remove</button>
|
| 27873 |
amit.gupta |
202 |
</p>
|
|
|
203 |
</div>
|
| 31190 |
amit.gupta |
204 |
<div class="row targetslabscontainer">
|
| 32979 |
amit.gupta |
205 |
<div class="col-lg-6 targetslabs">
|
| 27895 |
amit.gupta |
206 |
<div class="form-group input-group targetContainer">
|
| 27873 |
amit.gupta |
207 |
<span class="input-group-addon">Rs.</span>
|
| 31190 |
amit.gupta |
208 |
<input type="text" style="width:100px" class="form-control payoutTarget" value="0"/>
|
| 27873 |
amit.gupta |
209 |
<span class="input-group-addon">Onward</span>
|
| 31190 |
amit.gupta |
210 |
<input type="text" class="form-control targetDescription"
|
|
|
211 |
placeholder="Description"/>
|
| 27873 |
amit.gupta |
212 |
</div>
|
| 33431 |
amit.gupta |
213 |
#foreach($counter1 in [1..18])
|
| 30753 |
amit.gupta |
214 |
<div class="col-lg-12 itemcriteriapayout item-criteria"
|
|
|
215 |
style="border:1px solid #cecece;border-radius:3px;padding-top:6px;padding-bottom:6px;margin-bottom:12px">
|
| 27873 |
amit.gupta |
216 |
<!--Item Criteria filter Start-->
|
|
|
217 |
<div class="row">
|
|
|
218 |
<div class="col-lg-12 itemCategory">
|
| 30753 |
amit.gupta |
219 |
<label>Category</label>
|
|
|
220 |
<label class="checkbox-inline"><input type="checkbox"
|
|
|
221 |
name="smartphone"/>Smart
|
|
|
222 |
Phones</label>
|
|
|
223 |
<label class="checkbox-inline"><input type="checkbox"
|
|
|
224 |
name="featuredphone"/>Featured
|
|
|
225 |
Phones</label>
|
|
|
226 |
<label class="checkbox-inline"><input type="checkbox"
|
|
|
227 |
name="led"/>LEDs</label>
|
| 33320 |
amit.gupta |
228 |
<label class="checkbox-inline"><input type="checkbox"
|
|
|
229 |
name="tablet"/>Tabs</label>
|
| 33622 |
amit.gupta |
230 |
<label class="checkbox-inline"><input type="checkbox"
|
|
|
231 |
name="smartwatch"/>Smart Watch</label>
|
| 35496 |
ranu |
232 |
|
|
|
233 |
<label class="checkbox-inline"><input type="checkbox"
|
| 35497 |
ranu |
234 |
name="openboxlaptops"/>Open Box
|
|
|
235 |
Laptops</label>
|
| 30753 |
amit.gupta |
236 |
</div>
|
|
|
237 |
</div>
|
| 27873 |
amit.gupta |
238 |
<div class="row">
|
|
|
239 |
<div class="col-lg-12"><label>Price Range</label></div>
|
|
|
240 |
<div class="col-lg-6 form-group">
|
| 30753 |
amit.gupta |
241 |
<input placeholder="Start" type="text" class="form-control startValue"
|
|
|
242 |
value="0"/>
|
| 27873 |
amit.gupta |
243 |
</div>
|
|
|
244 |
<div class="col-lg-6 form-group">
|
|
|
245 |
<input placeholder="End" type="text" class="form-control endValue"
|
|
|
246 |
value="0">
|
|
|
247 |
</div>
|
|
|
248 |
</div>
|
|
|
249 |
<div class="row">
|
|
|
250 |
<div class="col-lg-12 form-group">
|
|
|
251 |
<div><label>Brand</label></div>
|
|
|
252 |
<select data-placeholder="Choose brands" multiple="multiple"
|
|
|
253 |
class="criteria-brands chosen-select">
|
|
|
254 |
#foreach($brand in $brands)
|
|
|
255 |
<option value="$brand">$brand</option>
|
|
|
256 |
#end
|
|
|
257 |
</select>
|
|
|
258 |
</div>
|
|
|
259 |
<div class="col-lg-12 form-group">
|
|
|
260 |
<div class="row col-lg-12 form-group">
|
| 31190 |
amit.gupta |
261 |
<label class="checkbox-inline">
|
| 30651 |
amit.gupta |
262 |
<input type="checkbox" class="exclude" value=""><b>Exclude</b>
|
|
|
263 |
</label>
|
|
|
264 |
<select class="criteria-catalogids form-control"
|
|
|
265 |
multiple="multiple">
|
|
|
266 |
</select>
|
|
|
267 |
</div>
|
| 27873 |
amit.gupta |
268 |
</div>
|
| 32979 |
amit.gupta |
269 |
<div class="col-lg-12 form-group">
|
|
|
270 |
<label>Start Date</label>
|
|
|
271 |
<input type="date" class="startDate"/>
|
|
|
272 |
<label>End Date</label>
|
|
|
273 |
<input type="date" class="endDate"/>
|
|
|
274 |
</div>
|
| 27873 |
amit.gupta |
275 |
<!--Item Criteria filter End -->
|
|
|
276 |
<div class="col-lg-12">
|
| 30651 |
amit.gupta |
277 |
<form>
|
|
|
278 |
<h4>Amount Type
|
|
|
279 |
<label class="radio-inline"><input type="radio"
|
| 30658 |
amit.gupta |
280 |
name="amountType$counter1"
|
| 30651 |
amit.gupta |
281 |
value="PERCENTAGE" checked>Percent</label>
|
|
|
282 |
<label class="radio-inline"><input type="radio"
|
| 30658 |
amit.gupta |
283 |
name="amountType$counter1"
|
| 30651 |
amit.gupta |
284 |
value="FIXED">Fixed Per
|
|
|
285 |
Pc</label>
|
|
|
286 |
<label class="radio-inline"><input type="radio"
|
| 30658 |
amit.gupta |
287 |
name="amountType$counter1"
|
| 30651 |
amit.gupta |
288 |
value="SLAB_FIXED">Fixed</label>
|
|
|
289 |
</h4>
|
|
|
290 |
</form>
|
|
|
291 |
</div>
|
| 27873 |
amit.gupta |
292 |
<div class="col-lg-12"><label>Payout Slabs</label></div>
|
|
|
293 |
<div class="col-lg-12 slab-container"></div>
|
|
|
294 |
</div>
|
|
|
295 |
</div>
|
|
|
296 |
#end
|
|
|
297 |
</div>
|
|
|
298 |
</div>
|
|
|
299 |
</div>
|
|
|
300 |
<!-- Slabs end -->
|
|
|
301 |
</div>
|
|
|
302 |
</div>
|
|
|
303 |
</div>
|
|
|
304 |
<!--Div to form-->
|
|
|
305 |
</div>
|
|
|
306 |
</section>
|
| 27880 |
amit.gupta |
307 |
<script>
|
|
|
308 |
$(function () {
|
| 30601 |
amit.gupta |
309 |
$('input[name="dateRange"]').daterangepicker(getRangedDatePicker());
|
| 27880 |
amit.gupta |
310 |
$('#partners').chosen({
|
|
|
311 |
search_contains: true
|
|
|
312 |
});
|
|
|
313 |
$("select.criteria-brands").chosen({no_results_text: "Oops, nothing found!"});
|
|
|
314 |
$("select.criteria-partner-type").chosen({no_results_text: "Oops, nothing found!"});
|
|
|
315 |
$("select.criteria-warehouseregion").chosen({no_results_text: "Oops, nothing found!"});
|
| 27895 |
amit.gupta |
316 |
$('input[name=payoutType]').on('change', function () {
|
| 30601 |
amit.gupta |
317 |
changePayoutType.call(this);
|
|
|
318 |
$('.criteria-catalogids').multiselect({
|
|
|
319 |
includeSelectAllOption: true,
|
| 31190 |
amit.gupta |
320 |
maxHeight: 400,
|
|
|
321 |
buttonWidth: '240px',
|
|
|
322 |
numberDisplayed: 1,
|
|
|
323 |
nonSelectedText: 'Items',
|
|
|
324 |
nSelectedText: ' - Items Selected',
|
|
|
325 |
allSelectedText: 'All Items Selected',
|
|
|
326 |
enableFiltering: true,
|
|
|
327 |
enableCaseInsensitiveFiltering: true,
|
|
|
328 |
});
|
|
|
329 |
payoutSlabTemplate = $('div.targetslabs').get(0).outerHTML;
|
|
|
330 |
var brandTemplate = $('div.targetslabs').find("select.criteria-brands").get(0).outerHTML;
|
|
|
331 |
$('div.targetslabs').find("select.criteria-brands").chosen({no_results_text: "Oops, nothing found!"});
|
|
|
332 |
$('input[name=payoutType]').off('change').on('change', changePayoutType);
|
|
|
333 |
//console.log(payoutSlabTemplate);
|
|
|
334 |
});
|
|
|
335 |
$('input[name=targetType]').on('change', changeTargetType);
|
| 27895 |
amit.gupta |
336 |
$('input[name=payoutType]:checked').change();
|
| 27880 |
amit.gupta |
337 |
});
|
|
|
338 |
</script>
|