Subversion Repositories SmartDukaan

Rev

Rev 27618 | Rev 27880 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 27618 Rev 27873
Line 1... Line 1...
1
<script>
1
<script>
2
    $(function(){
2
    $(function () {
3
	    $('input[name="dateRange"]').daterangepicker(getRangedDatePicker(), dateRangeCallback);
3
        $('input[name="dateRange"]').daterangepicker(getRangedDatePicker(), dateRangeCallback);
-
 
4
        $('#partners').chosen({
-
 
5
            search_contains: true
-
 
6
        });
-
 
7
        $("select.criteria-brands").chosen({no_results_text: "Oops, nothing found!"});
-
 
8
        $("select.criteria-partner-type").chosen({no_results_text: "Oops, nothing found!"});
-
 
9
        $("select.criteria-warehouseregion").chosen({no_results_text: "Oops, nothing found!"});
4
	 	getItemAheadOptions($("#typeaheaditem"),true,function(selectedItem){
10
        $('input[name=targetType]').one('change', function () {
-
 
11
			changeTargetType.call(this);
-
 
12
			$('.criteria-catalogids').multiselect({
-
 
13
				includeSelectAllOption : true,
-
 
14
				maxHeight : 400,
-
 
15
				buttonWidth : '240px',
-
 
16
				numberDisplayed : 1,
-
 
17
				nonSelectedText : 'Items',
5
		 	itemCatalogId = selectedItem.catalogId;
18
				nSelectedText : ' - Items Selected',
6
		 	itemDescription = selectedItem.itemDescription
19
				allSelectedText : 'All Items Selected',
-
 
20
				enableFiltering : true,
-
 
21
				enableCaseInsensitiveFiltering : true,
-
 
22
			});
-
 
23
			targetSlabTemplate = $('div.targetslabs').get(0).outerHTML;
-
 
24
			var brandTemplate = $('div.targetslabs').find("select.criteria-brands").get(0).outerHTML;
7
		 	$('#item_catalog_id').append($("<option></option>").attr("value",itemCatalogId).text(itemDescription)); 
25
			$('div.targetslabs').find("select.criteria-brands").chosen({no_results_text: "Oops, nothing found!"});
-
 
26
			$('input[name=targetType]').off('change').on('change', changeTargetType);
-
 
27
			//console.log(targetSlabTemplate);
8
		});
28
		});
9
		$('#partners').chosen({
-
 
10
			search_contains : true
-
 
11
		});
-
 
12
		$("select.criteria-brands").chosen({no_results_text: "Oops, nothing found!"}); 
-
 
13
		$("select.criteria-partner-type").chosen({no_results_text: "Oops, nothing found!"}); 
-
 
14
		$("select.criteria-warehouseregion").chosen({no_results_text: "Oops, nothing found!"});
-
 
15
		getEntitySelect2($("select.criteria-catalogids"));
29
        $('input[name=targetType]:checked').change();
16
	});
30
    });
17
</script>
31
</script>
18
 
32
 
19
 
33
 
20
<section class="wrapper">
34
<section class="wrapper">
21
	<div class="row">
35
    <div class="row">
22
		<div class="col-lg-12">
36
        <div class="col-lg-12">
23
			<h3 class="page-header"><i class="icon_document_alt"></i>OFFERS</h3>
37
            <h3 class="page-header"><i class="icon_document_alt"></i>OFFERS</h3>
24
			<ol class="breadcrumb">
38
            <ol class="breadcrumb">
25
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
39
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
26
				<li><i class="icon_document_alt"></i>CREATE</li>						  	
40
                <li><i class="icon_document_alt"></i>CREATE</li>
27
			</ol>
41
                <li><input type="button" value="Create Offer" class="btn btn-primary create-offer"/> </li>
28
		</div>
42
        </div>
29
	</div>
43
    </div>
30
		<div class="row" style="background:white;background-color:white;padding:10px;">
44
    <div class="row" style="background:white;background-color:white;padding:10px;">
31
			<form id="create-scheme-form">
45
        <div id="create-scheme-form">
32
			<h4 class="modelHeaderCustom" style="font-size:22px;">Offer Information</h4>
46
            <div class="col-lg-12">
33
			<div class="col-lg-12">
47
                <div class="col-lg-3">
34
				<div class="col-lg-3">
48
                    <div class="form-group col-lg-12">
35
					<div class="form-group">
49
                        <label for="name">Offer Name</label>
36
						<label for="name">Offer Name</label>
50
                        <input class="form-control" id="offer_name" placeholder="Offer Name" name="name" required>
37
						<input class="form-control" id="name" placeholder="Offer Name" name="name">
51
                    </div>
38
				    </div>
52
                    <div class="form-group col-lg-6">
39
					<div class="form-group">
53
                        <label for="offerDuration">Duration</label>
40
						<label for="offerDuration">Duration</label>
54
                        <input placeholder="Set Duration" name="dateRange" id="offerDuration" name="dateRange"
41
						<input placeholder="Set Duration" name="dateRange" id="offerDuration" name="dateRange" type="text" value="" class="form-control input-sm">
55
                               type="text" value="" class="form-control input-sm">
42
				    </div>
56
                    </div>
43
					<div class="form-group">
57
                    <div class="form-group col-lg-3">
44
						<h4>Offer based on</h4>
58
                        <label for="name">Sellin = Sellout%</label>
45
						<div>
59
                        <input class="form-control" id="sellinPercentage" placeholder="Sellin Percentage" name="name" value="0">
46
							<div class="radio-inline"><label><input type="radio" name="schemeType" checked>ACTIVATION</label></div>
60
                    </div>
47
							<div class="radio-inline"><label><input type="radio" name="schemeType">SELL IN</label></div>
61
                    <div class="form-group col-lg-3">
48
							<div class="radio-inline"><label><input type="radio" name="schemeType">SELL OUT</label></div>
62
                        <label for="name">Brand Share%</label>
49
						</div>
63
                        <input class="form-control" id="brandShare" placeholder="" name="name" value="0">
50
					    <div class="checkbox">
64
                    </div>
51
						  <label><b><input id="purchaseExceedsSales" type="checkbox">Sellin = Sellout?</b></label>
65
                </div>
52
						</div>
66
                <div class="col-lg-3">
53
					</div>
67
                    <div class="form-group">
54
					<div class="form-group">
68
                        <h4>Offer based on</h4>
55
						<h4>Target Type</h4>
69
                        <div>
56
						<div>
70
                            <div class="radio-inline"><label><input type="radio" name="schemeType" value="ACTIVATION"
57
							<div class="radio-inline"><label><input type="radio" name="targetType" checked>VALUE</label></div>
71
                                                                    checked>ACTIVATION</label></div>
58
							<div class="radio-inline"><label><input type="radio" name="targetType">QUANTITY</label></div>
72
                            <div class="radio-inline"><label><input type="radio" name="schemeType" value="SELLIN">SELL
59
						</div>
73
                                IN</label></div>
60
					</div>
74
                            <div class="radio-inline"><label><input type="radio" name="schemeType" value="SELLOUT">SELL
61
					<div class="form-group">
75
                                OUT</label></div>
62
						<label for="name">Offer Notes Semi-Colon(;) seperated</label>
76
                        </div>
63
						<textarea class="form-control" id="note" placeholder="Offer Notes" name="note"></textarea>
77
                        <div class="row col-lg-12 form-group activation-brands">
64
				    </div>
78
                            <div><label>Activation Brands</label></div>
65
					<div class="form-group">
79
                            <select data-placeholder="Choose brands" multiple="multiple"
66
						<label for="name">Terms Semi-Colon(;) seperated</label>
80
                                    class="criteria-brands chosen-select">
67
						<textarea class="form-control" id="terms" placeholder="Offer Notes" name="terms"></textarea>
81
                                #foreach($brand in $brands)
68
				    </div>
82
                                    <option value="$brand">$brand</option>
69
				</div>
83
                                #end
70
				<div class="col-lg-9">
84
                            </select>
71
					<!--Partner Criteria Start -->
85
                        </div>
72
					<div class="panel panel-default">
86
                    </div>
73
					  <div class="panel-heading">Partner Criteria</div>
87
                    <div class="form-group">
74
						  <div class="panel-body">
88
                        <h4>Target Type</h4>
75
						  	<div class="row">
89
                        <div>
76
								<div class="col-lg-4">
90
                            <div class="radio-inline"><label><input type="radio" name="targetType" value="VALUE"
77
									<div class="form-group">
91
                                                                    checked/>VALUE</label></div>
78
								  		<label>Partner Types</label>
92
                            <div class="radio-inline"><label><input type="radio" name="targetType" value="QUANTITY"/>QUANTITY</label>
79
										<select data-placeholder="Partner Type" multiple class="criteria-partner-type chosen-select">
93
                            </div>
80
				    						<option value="BRONZE">BRONZE</option>
94
                        </div>
81
				    						<option value="SILVER">SILVER</option>
95
                    </div>
82
				    						<option value="GOLD">GOLD</option>
96
                </div>
83
				    						<option value="DIAMOND">DIAMOND</option>
97
                <div class="col-lg-3">
84
				    						<option value="PLATINUM">PLATINUM</option>
98
                    <div class="form-group">
85
				    						<option value="NEW">RISING STAR</option>
99
                        <label for="name">Offer Notes Semi-Colon(;) seperated</label>
86
				    					</select>
100
                        <textarea class="form-control" id="offer_notes" placeholder="Offer Notes"
87
				    				</div>
101
                                  name="note"></textarea>
88
									<div class="form-group">
102
                    </div>
89
										<label>Warehouse Regions</label>
103
                </div>
90
										<select multiple class="criteria-warehouseregion chosen-select">
104
                <div class="col-lg-3">
91
										#foreach ($whRegionEntry in $warehouseRegion.entrySet())
105
                    <div class="form-group">
92
										  <option value="$whRegionEntry.getKey()">$whRegionEntry.getValue()</options>
106
                        <label for="name">Terms Semi-Colon(;) seperated</label>
93
										#end
107
                        <textarea class="form-control" id="offer_terms" placeholder="Offer Notes"
94
										</select>
108
                                  name="terms"></textarea>
95
									</div>
109
                    </div>
96
							  	</div>
110
                </div>
97
								<div class="col-lg-8 partner">
111
                <div class="col-lg-12">
98
									<label>Choose Partners</label>
112
                    <!--Partner Criteria Start -->
99
									 <select  multiple="multiple" name="partner" id="partners" data-placeholder="Choose Franchisee" class="chosen-select">
113
                    <div class="row">
100
										#foreach ($customRetailer in $customRetailersMap.entrySet())							 
114
                        <div class="col-lg-3">
101
					                    <option value="$customRetailer.getKey()">$customRetailer.getValue().getDisplayName()</option>
115
                            <div class="form-group">
102
					                    #end
116
                                <label>Partner Types</label>
103
					                </select>
117
                                <select data-placeholder="Partner Type" multiple
104
							  	</div>
118
                                        class="criteria-partner-type chosen-select">
105
							</div>
119
                                    <option value="BRONZE">BRONZE</option>
106
							<!--Item Criteria Start -->
120
                                    <option value="SILVER">SILVER</option>
107
							<div class="row">
121
                                    <option value="GOLD">GOLD</option>
108
								<div class="col-lg-2 itemCategory">
122
                                    <option value="DIAMOND">DIAMOND</option>
109
							  		<div><label>Category</label></div>
123
                                    <option value="PLATINUM">PLATINUM</option>
110
									<div class="checkbox">
124
                                    <option value="NEW">RISING STAR</option>
111
									  <label><input type="checkbox" value="smartphone"/>Smart Phones</label>
125
                                </select>
112
									</div>
126
                            </div>
113
									<div class="checkbox">
-
 
114
									  <label><input type="checkbox" value="featuredphone"/>Featured Phones</label>
-
 
115
									</div>
-
 
116
							  	</div>
-
 
117
							  	<div class="col-lg-1">
-
 
118
							  		<div class="row">
-
 
119
								  		<div><label>Price Range</label></div>
-
 
120
								  		<div>
-
 
121
									  		<div class="col-lg-12 form-group" id="startValue">
-
 
122
									             <input placeholder="Start" type="text" class="typeahead form-control" id="startValue"/>
-
 
123
								            </div>
-
 
124
									  		<div  class="col-lg-12 form-group" id="endValue">
-
 
125
									             <input placeholder="End" type="text" class="typeahead form-control" id="endValue">
-
 
126
								            </div>
-
 
127
										</div>					     
-
 
128
							  		</div>
-
 
129
								</div>
-
 
130
							  	<div class="col-lg-8">
-
 
131
								  	<div class="row col-lg-12 form-group">
-
 
132
								  		<div><label>Brand</label></div>
-
 
133
								  		<select data-placeholder="Choose brands" multiple="multiple" class="criteria-brands chosen-select">
-
 
134
												<option value="Nokia">Nokia</option>
-
 
135
												<option value="Realme">Realme</option>
-
 
136
									  		#foreach($brand in $brands)
-
 
137
												<option value="$brand">$brand</option>
-
 
138
											#end
-
 
139
								  		</select>
-
 
140
							  		</div>
-
 
141
							  		<div class="row col-lg-12 form-group">
-
 
142
								  		<select class="criteria-catalogids form-control" multiselect>
-
 
143
								  		</select>
-
 
144
								  	</div>
-
 
145
								</div>
-
 
146
							</div>
-
 
147
							<!--Item Criteria End -->
-
 
148
							<!-- Slabs Start -->
-
 
149
							<div class="slab-payout">
-
 
150
								<div class="row">
-
 
151
								  	<div class="col-lg-1"><label>Slabs</label></div>
-
 
152
							  	</div>
-
 
153
								<div class="row">
-
 
154
							  		<div class="col-lg-4">
-
 
155
								  		<div class="form-group input-group">
-
 
156
											<span class="input-group-addon">Rs.</span>
-
 
157
											<input id="msg" type="text" class="form-control" name="msg" value="0"/>
-
 
158
											<span class="input-group-addon">Onwards</span>
-
 
159
										</div>
-
 
160
										<div class="row col-lg-12">
-
 
161
											<!--Item Criteria filter Start-->
-
 
162
									  		<div class="row">
-
 
163
										  		<div class="col-lg-12"><label>Price Range</label></div>
-
 
164
										  		<div class="col-lg-6 form-group" id="startValue">
-
 
165
										             <input placeholder="Start" type="text" class="typeahead form-control" id="startValue"/>
-
 
166
									            </div>
-
 
167
										  		<div  class="col-lg-6 form-group" id="endValue">
-
 
168
										             <input placeholder="End" type="text" class="typeahead form-control" id="endValue">
-
 
169
									            </div>
-
 
170
									  		</div>
-
 
171
										  	<div class="row">
-
 
172
											  	<div class="col-lg-12 form-group">
-
 
173
											  		<div><label>Brand</label></div>
-
 
174
											  		<select data-placeholder="Choose brands" multiple="multiple" class="criteria-brands chosen-select">
-
 
175
															<option value="Nokia">Nokia</option>
-
 
176
															<option value="Realme">Realme</option>
-
 
177
												  		#foreach($brand in $brands)
-
 
178
															<option value="$brand">$brand</option>
-
 
179
														#end
-
 
180
											  		</select>
-
 
181
										  		</div>
-
 
182
										  		<div class="col-lg-12 form-group">
-
 
183
											  		<select class="criteria-catalogids form-control" multiselect>
-
 
184
											  		</select>
-
 
185
											  	</div>
-
 
186
												<!--Item Criteria filter End -->
-
 
187
												<div class="col-lg-12"><label>Payout Slabs</label></div>
-
 
188
												<div class="slab-container"></div>									
-
 
189
											</div>
-
 
190
										</div>
-
 
191
										
-
 
192
									</div>
-
 
193
							  		<div class="col-lg-3">
-
 
194
								  		<div class="input-group">
-
 
195
											<span class="input-group-addon">Rs.</span>
-
 
196
											<input id="msg" type="text" class="form-control" name="msg" value="0"/>
-
 
197
											<span class="input-group-addon">Onwards</span>
-
 
198
										</div>
-
 
199
									</div>
-
 
200
							  		<div class="col-lg-3">
-
 
201
								  		<div class="input-group">
-
 
202
											<span class="input-group-addon">Rs.</span>
-
 
203
											<input id="msg" type="text" class="form-control" name="msg" value="0"/>
-
 
204
											<span class="input-group-addon">Onwards</span>
-
 
205
										</div>
-
 
206
									</div>
-
 
207
							  		<div class="col-lg-2">
-
 
208
								  		<div class="input-group">
-
 
209
											<span class="input-group-addon">Rs.</span>
-
 
210
											<input id="msg" type="text" class="form-control" name="msg" value="0"/>
-
 
211
											<span class="input-group-addon">Onwards</span>
-
 
212
										</div>
-
 
213
									</div>
-
 
214
							  	</div>
-
 
215
							</div>
-
 
216
							<!-- Slabs end -->
-
 
217
							
-
 
218
						</div>
-
 
219
					</div>
-
 
220
					<!--Partner Criteria End -->
-
 
221
				</div>
-
 
222
				<div class="col-lg-3">
-
 
223
				</div>
-
 
224
				<!--End of col lg3-->
-
 
225
				<!--
-
 
226
					<div class="col-lg-2">
-
 
227
						<select class="form-control input-sm" id = "targetType" onchange="selectedTargetType()" placeholder="Target Type">
-
 
228
							<option value="" disabled selected>Target Type</option>	
-
 
229
								<option value="value">Value</option>
-
 
230
								<option value="quantity">Quantity</option>
-
 
231
							
-
 
232
						</select>
-
 
233
					</div>
-
 
234
						
-
 
235
						
-
 
236
					<div class="col-lg-2">
-
 
237
						<select class="form-control input-sm" id = "amountType" onchange="selectedAmountType()" placeholder="Amount Type">
-
 
238
							<option value="" disabled selected>Amount Type</option>
-
 
239
								<option value="amount">amount</option>
-
 
240
								<option value="percentage">Percentage</option>
-
 
241
							
-
 
242
						</select>
-
 
243
						</div>
127
						</div>
244
						
-
 
245
				
-
 
246
					<div class="col-lg-2 form-group">
-
 
247
					   	<input placeholder="Price" id="price" name="price" type="number" value="" class="form-control input-sm">
-
 
248
					</div>
-
 
249
					
-
 
250
					<div class="col-lg-3 form-inline">
-
 
251
					<label for="offerDuration">Description :</label> 
-
 
252
					  <textarea class='form-control' rows='2' id='description'  placeholder="type as comma seprated">
-
 
253
					  </textarea>
-
 
254
					   
-
 
255
					</div>
-
 
256
					-->
-
 
257
					
-
 
258
				  <!--<div class="col-lg-2 form-group">
-
 
259
					<select  class="form-control input-sm" id = "partner-category" name = "partner-category" placeholder="Category">
-
 
260
						<option value="" disabled selected>Category</option>
-
 
261
						<option value="BRONZE">BRONZE</option>
-
 
262
						<option value="SILVER">SILVER</option>
-
 
263
						<option value="GOLD">GOLD</option>
-
 
264
						<option value="DIAMOND">DIAMOND</option>
-
 
265
					    <option value="PLATINUM">PLATINUM</option>
-
 
266
					    <option value="NEW">NEW</option>
-
 
267
	                </select>
-
 
268
	               </div>-->
-
 
269
	    
-
 
270
			
-
 
271
	               
-
 
272
	      	</div>
-
 
273
				
-
 
274
				<div class="row">	
-
 
275
				
-
 
276
				<!--<div class="col-lg-2 form-group">
-
 
277
					<select  class="form-control input-sm" id = "fofo-users" name = "fofo-users" placeholder="Partners" multiple="multiple">
-
 
278
					<option value="" disabled selected>Partners</option>
-
 
279
					#foreach($fofoId in $customRetailersMap.keySet())
-
 
280
         				<option value="$fofoId">$customRetailersMap.get($fofoId).getBusinessName()</option>
-
 
281
         			#end
-
 
282
	                </select>
-
 
283
	             </div>-->
-
 
284
				
-
 
285
				<div class="col-lg-2 form-group" id ="oneBrandMarginOffer">
-
 
286
						<select class="form-control input-sm" id="brand" placeholder="Brands" multiple="multiple">
-
 
287
						<option value="" disabled selected>Brand</option>	
-
 
288
							#foreach($brand in $brands)
-
 
289
								<option value="$brand">$brand</option>
-
 
290
							#end
-
 
291
						</select>
-
 
292
					</div>
-
 
293
					
-
 
294
				<div  class="col-lg-3 form-group" id = "itemModelMarginOffer">
-
 
295
		             <input placeholder="Items" type="text" class="typeahead form-control" id="typeaheaditem" name="Item" data-provide="typeahead" autocomplete="off">
-
 
296
	                </div>
-
 
297
	                
-
 
298
	                <div class="col-lg-2 form-group" id = "itemModelOffer">
-
 
299
					<select  class="form-control input-sm" id = "item_catalog_id" name = "catalog_id" placeholder="select items" multiple="multiple">
-
 
300
					<option value="" disabled selected>Select Items</option>
-
 
301
	                </select>
-
 
302
	               </div>
-
 
303
					
-
 
304
					<div class="col-lg-3 form-group" >
-
 
305
						<input class="btn btn-primary new-offer" type="button" value="Create Offer">	
-
 
306
					</div>
-
 
307
					
-
 
308
				</div>
-
 
309
				
-
 
310
				
-
 
311
					<div class ="row" style= "padding-top: 20px;">
-
 
312
					
-
 
313
				
-
 
314
	               </div>
-
 
315
				
-
 
316
				
-
 
317
					<div class = "row" id="qtyMargin" style= "padding-top: 20px;">
-
 
318
					
-
 
319
					<div class = "col-lg-6 ">
-
 
320
					 <div class = "row ">
-
 
321
					<div class="col-lg-3 form-group">
-
 
322
					   	<input placeholder="Value" id="qty0" name="value" type="text" value="" class="form-control input-sm">
-
 
323
					</div>
-
 
324
					
-
 
325
					<div>
-
 
326
					<span class="col-lg-2 form-group">  pcs onwards </span>
-
 
327
					</div>	
-
 
328
					
-
 
329
					<div class="col-lg-3 form group">
-
 
330
					   	<input placeholder="Margin" id="qtymargin0" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
331
					</div>
-
 
332
					<div  class="col-lg-2form-group">
-
 
333
					<span>  per pcs </span>
-
 
334
					</div>
-
 
335
								
-
 
336
					</div>
-
 
337
					
-
 
338
					 <div class = "row ">
-
 
339
					<div class="col-lg-3 form-group">
-
 
340
					   	<input placeholder="Value" id="qty1" name="value" type="text" value="" class="form-control input-sm">
-
 
341
					</div>
-
 
342
					
-
 
343
					<div>
-
 
344
					<span class="col-lg-2 form-group">  pcs onwards </span>
-
 
345
					</div>	
-
 
346
					
-
 
347
					<div class="col-lg-3 form group">
-
 
348
					   	<input placeholder="Margin" id="qtymargin1" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
349
					</div>
-
 
350
					<div  class="col-lg-2form-group">
-
 
351
					<span>  per pcs </span>
-
 
352
					</div>
-
 
353
								
-
 
354
					</div>
-
 
355
					
-
 
356
					<div class = "row ">
-
 
357
					<div class="col-lg-3 form-group">
-
 
358
					   	<input placeholder="Value" id="qty2" name="value" type="text" value="" class="form-control input-sm">
-
 
359
					</div>
-
 
360
					
-
 
361
					<div>
-
 
362
					<span class="col-lg-2 form-group">  pcs onwards </span>
-
 
363
					</div>	
-
 
364
					
-
 
365
					<div class="col-lg-3 form group">
-
 
366
					   	<input placeholder="Margin" id="qtymargin2" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
367
					</div>
-
 
368
					<div  class="col-lg-2form-group">
-
 
369
					<span>  per pcs </span>
-
 
370
					</div>
-
 
371
					</div>
-
 
372
					
-
 
373
						<div class = "row ">
-
 
374
					<div class="col-lg-3 form-group">
-
 
375
					   	<input placeholder="Value" id="qty3" name="value" type="text" value="" class="form-control input-sm">
-
 
376
					</div>
-
 
377
					
-
 
378
					<div>
-
 
379
					<span class="col-lg-2 form-group">  pcs onwards </span>
-
 
380
					</div>	
-
 
381
					
-
 
382
					<div class="col-lg-3 form group">
-
 
383
					   	<input placeholder="Margin" id="qtymargin3" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
384
					</div>
-
 
385
					<div  class="col-lg-2form-group">
-
 
386
					<span>  per pcs </span>
-
 
387
					</div>
-
 
388
					</div>
-
 
389
					
-
 
390
						<div class = "row ">
-
 
391
					<div class="col-lg-3 form-group">
-
 
392
					   	<input placeholder="Value" id="qty4" name="value" type="text" value="" class="form-control input-sm">
-
 
393
					</div>
-
 
394
					
-
 
395
					<div>
-
 
396
					<span class="col-lg-2 form-group">  pcs onwards </span>
-
 
397
					</div>	
-
 
398
					
-
 
399
					<div class="col-lg-3 form group">
-
 
400
					   	<input placeholder="Margin" id="qtymargin4" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
401
					</div>
-
 
402
					<div  class="col-lg-2form-group">
-
 
403
					<span>  per pcs </span>
-
 
404
					</div>
-
 
405
					</div>
-
 
406
					
-
 
407
						<div class = "row ">
-
 
408
					<div class="col-lg-3 form-group">
-
 
409
					   	<input placeholder="Value" id="qty5" name="value" type="text" value="" class="form-control input-sm">
-
 
410
					</div>
-
 
411
					
-
 
412
					<div>
-
 
413
					<span class="col-lg-2 form-group">  pcs onwards </span>
-
 
414
					</div>	
-
 
415
					
-
 
416
					<div class="col-lg-3 form group">
-
 
417
					   	<input placeholder="Margin" id="qtymargin5" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
418
					</div>
-
 
419
					<div  class="col-lg-2form-group">
-
 
420
					<span>  per pcs </span>
-
 
421
					</div>
-
 
422
					</div>
-
 
423
								
-
 
424
					</div>
-
 
425
					</div>
-
 
426
					
-
 
427
					
-
 
428
					<div class = "row" id="qtyPercentageMargin" style= "padding-top: 20px;">
-
 
429
					
-
 
430
					<div class = "col-lg-6 ">
-
 
431
					 <div class = "row ">
-
 
432
					<div class="col-lg-3 form-group">
-
 
433
					   	<input placeholder="Value" id="qtyPer0" name="value" type="text" value="" class="form-control input-sm">
-
 
434
					</div>
-
 
435
					
-
 
436
					<div>
-
 
437
					<span class="col-lg-2 form-group">  pcs onwards </span>
-
 
438
					</div>	
-
 
439
					
-
 
440
					<div class="col-lg-3 form group">
-
 
441
					   	<input placeholder="Margin" id="qtyPermargin0" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
442
					</div>
-
 
443
					<div  class="col-lg-2form-group">
-
 
444
					<span> % per pcs </span>
-
 
445
					</div>
-
 
446
								
-
 
447
					</div>
-
 
448
					
-
 
449
					 <div class = "row ">
-
 
450
					<div class="col-lg-3 form-group">
-
 
451
					   	<input placeholder="Value" id="qtyPer1" name="value" type="text" value="" class="form-control input-sm">
-
 
452
					</div>
-
 
453
					
-
 
454
					<div>
-
 
455
					<span class="col-lg-2 form-group">  pcs onwards </span>
-
 
456
					</div>	
-
 
457
					
-
 
458
					<div class="col-lg-3 form group">
-
 
459
					   	<input placeholder="Margin" id="qtyPermargin1" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
460
					</div>
-
 
461
					<div  class="col-lg-2form-group">
-
 
462
					<span> % per pcs </span>
-
 
463
					</div>
-
 
464
								
-
 
465
					</div>
-
 
466
					
-
 
467
					<div class = "row ">
-
 
468
					<div class="col-lg-3 form-group">
-
 
469
					   	<input placeholder="Value" id="qtyPer2" name="value" type="text" value="" class="form-control input-sm">
-
 
470
					</div>
-
 
471
					
-
 
472
					<div>
-
 
473
					<span class="col-lg-2 form-group">  pcs onwards </span>
-
 
474
					</div>	
-
 
475
					
-
 
476
					<div class="col-lg-3 form group">
-
 
477
					   	<input placeholder="Margin" id="qtyPermargin2" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
478
					</div>
-
 
479
					<div  class="col-lg-2form-group">
-
 
480
					<span> % per pcs </span>
-
 
481
					</div>
-
 
482
								
-
 
483
					</div>
-
 
484
					
-
 
485
					<div class = "row ">
-
 
486
					<div class="col-lg-3 form-group">
-
 
487
					   	<input placeholder="Value" id="qtyPer3" name="value" type="text" value="" class="form-control input-sm">
-
 
488
					</div>
-
 
489
					
-
 
490
					<div>
-
 
491
					<span class="col-lg-2 form-group">  pcs onwards </span>
-
 
492
					</div>	
-
 
493
					
-
 
494
					<div class="col-lg-3 form group">
-
 
495
					   	<input placeholder="Margin" id="qtyPermargin3" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
496
					</div>
-
 
497
					<div  class="col-lg-2form-group">
-
 
498
					<span> % per pcs </span>
-
 
499
					</div>
-
 
500
								
-
 
501
					</div>
-
 
502
					
-
 
503
						<div class = "row ">
-
 
504
					<div class="col-lg-3 form-group">
-
 
505
					   	<input placeholder="Value" id="qtyPer4" name="value" type="text" value="" class="form-control input-sm">
-
 
506
					</div>
-
 
507
					
-
 
508
					<div>
-
 
509
					<span class="col-lg-2 form-group">  pcs onwards </span>
-
 
510
					</div>	
-
 
511
					
-
 
512
					<div class="col-lg-3 form group">
-
 
513
					   	<input placeholder="Margin" id="qtyPermargin4" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
514
					</div>
-
 
515
					<div  class="col-lg-2form-group">
-
 
516
					<span> % per pcs </span>
-
 
517
					</div>
-
 
518
								
-
 
519
					</div>
-
 
520
					
-
 
521
						<div class = "row ">
-
 
522
					<div class="col-lg-3 form-group">
-
 
523
					   	<input placeholder="Value" id="qtyPer5" name="value" type="text" value="" class="form-control input-sm">
-
 
524
					</div>
-
 
525
					
-
 
526
					<div>
-
 
527
					<span class="col-lg-2 form-group">  pcs onwards </span>
-
 
528
					</div>	
-
 
529
					
-
 
530
					<div class="col-lg-3 form group">
-
 
531
					   	<input placeholder="Margin" id="qtyPermargin5" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
532
					</div>
-
 
533
					<div  class="col-lg-2form-group">
-
 
534
					<span> % per pcs </span>
-
 
535
					</div>
-
 
536
								
-
 
537
					</div>
-
 
538
					
-
 
539
					</div>
-
 
540
					
-
 
541
				</div>		
-
 
542
				
-
 
543
				
-
 
544
				
-
 
545
					<div class = "row" id="valueMargin" style= "padding-top: 20px;">
-
 
546
					
-
 
547
					<div class = "col-lg-6 ">
-
 
548
					 <div class = "row ">
-
 
549
					<div class="col-lg-3 form-group">
-
 
550
					   	<input placeholder="Value" id="value0" name="value" type="text" value="" class="form-control input-sm">
-
 
551
					</div>
-
 
552
					
-
 
553
					<div>
-
 
554
					<span class="col-lg-2 form-group"> onwards </span>
-
 
555
					</div>	
-
 
556
					
-
 
557
					<div class="col-lg-3 form group">
-
 
558
					   	<input placeholder="Margin" id="margin0" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
559
					</div>
-
 
560
					<div  class="col-lg-2form-group">
-
 
561
					<span>  % on sale value </span>
-
 
562
					</div>
-
 
563
								
-
 
564
					</div>
-
 
565
					
-
 
566
					 <div class = "row ">
-
 
567
					<div class="col-lg-3 form-group">
-
 
568
					   	<input placeholder="Value" id="value1" name="value" type="text" value="" class="form-control input-sm">
-
 
569
					</div>
-
 
570
					
-
 
571
					<div>
-
 
572
					<span class="col-lg-2 form-group">onwards </span>
-
 
573
					</div>	
-
 
574
					
-
 
575
					<div class="col-lg-3 form group">
-
 
576
					   	<input placeholder="Margin" id="margin1" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
577
					</div>
-
 
578
					<div  class="col-lg-2form-group">
-
 
579
					<span>  % on sale value </span>
-
 
580
					</div>
-
 
581
								
-
 
582
					</div>
-
 
583
					
-
 
584
					<div class = "row ">
-
 
585
					<div class="col-lg-3 form-group">
-
 
586
					   	<input placeholder="Value" id="value2" name="value" type="text" value="" class="form-control input-sm">
-
 
587
					</div>
-
 
588
					
-
 
589
					<div>
-
 
590
					<span class="col-lg-2 form-group"> onwards </span>
-
 
591
					</div>	
-
 
592
					
-
 
593
					<div class="col-lg-3 form group">
-
 
594
					   	<input placeholder="Margin" id="margin2" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
595
					</div>
-
 
596
					<div  class="col-lg-2form-group">
-
 
597
					<span> % on sale value </span>
-
 
598
					</div>
-
 
599
								
-
 
600
					</div>
-
 
601
					
-
 
602
					
-
 
603
					<div class = "row ">
-
 
604
					<div class="col-lg-3 form-group">
-
 
605
					   	<input placeholder="Value" id="value3" name="value" type="text" value="" class="form-control input-sm">
-
 
606
					</div>
-
 
607
					
-
 
608
					<div>
-
 
609
					<span class="col-lg-2 form-group">onwards</span>
-
 
610
					</div>	
-
 
611
					
-
 
612
					<div class="col-lg-3 form group">
-
 
613
					   	<input placeholder="Margin" id="margin3" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
614
					</div>
-
 
615
					<div  class="col-lg-2form-group">
-
 
616
					<span>% on sale value </span>
-
 
617
					</div>
-
 
618
								
-
 
619
					</div>
-
 
620
					
-
 
621
					
-
 
622
							
-
 
623
					<div class = "row ">
-
 
624
					<div class="col-lg-3 form-group">
-
 
625
					   	<input placeholder="Value" id="value4" name="value" type="text" value="" class="form-control input-sm">
-
 
626
					</div>
-
 
627
					
-
 
628
					<div>
-
 
629
					<span class="col-lg-2 form-group"> onwards </span>
-
 
630
					</div>	
-
 
631
					
-
 
632
					<div class="col-lg-3 form group">
-
 
633
					   	<input placeholder="Margin" id="margin4" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
634
					</div>
-
 
635
					<div  class="col-lg-2form-group">
-
 
636
					<span>% on sale value </span>
-
 
637
					</div>
-
 
638
								
-
 
639
					</div>
-
 
640
					
-
 
641
							
-
 
642
					<div class = "row ">
-
 
643
					<div class="col-lg-3 form-group">
-
 
644
					   	<input placeholder="Value" id="value5" name="value" type="text" value="" class="form-control input-sm">
-
 
645
					</div>
-
 
646
					
-
 
647
					<div>
-
 
648
					<span class="col-lg-2 form-group"> onwards </span>
-
 
649
					</div>	
-
 
650
					
-
 
651
					<div class="col-lg-3 form group">
-
 
652
					   	<input placeholder="Margin" id="margin5" name="margin" type="text" value="" class="form-control input-sm"> 
-
 
653
					</div>
-
 
654
					<div  class="col-lg-2form-group">
-
 
655
					<span>% on sale value </span>
-
 
656
					</div>
-
 
657
								
-
 
658
					</div>
-
 
659
					
-
 
660
					</div>
-
 
661
					
-
 
662
				</div>	
-
 
663
				</div>			
-
 
664
				
-
 
665
			
-
 
666
			</div>
-
 
667
		
-
 
668
	
-
 
669
	</form>
-
 
670
</section>
-
 
671
128
						<div class="col-lg-3">
-
 
129
                            <div class="form-group">
-
 
130
                                <label>Warehouse Regions</label>
-
 
131
                                <select multiple class="criteria-warehouseregion chosen-select">
-
 
132
                                    #foreach ($whRegionEntry in $warehouseRegion.entrySet())
-
 
133
                                    <option value="$whRegionEntry.getKey()">$whRegionEntry.getValue()</option>
-
 
134
                                    #end
-
 
135
                                </select>
-
 
136
                            </div>
-
 
137
                        </div>
-
 
138
                        <div class="col-lg-6 partner">
-
 
139
                            <label>Choose Partners</label>
-
 
140
                            <select multiple="multiple" name="partner" id="partners"
-
 
141
                                    data-placeholder="Choose Franchisee" class="chosen-select">
-
 
142
                                #foreach ($customRetailer in $customRetailersMap.entrySet())
-
 
143
                                    <option value="$customRetailer.getKey()">$customRetailer.getValue().getDisplayName()</option>
-
 
144
                                #end
-
 
145
                            </select>
-
 
146
                        </div>
-
 
147
                    </div>
-
 
148
                    <!--Item Criteria Start -->
-
 
149
                    <div class="row itemCriteria item-criteria">
-
 
150
                        <div class="col-lg-3 itemCategory">
-
 
151
                            <div><label>Category</label></div>
-
 
152
                            <label class="checkbox-inline"><input type="checkbox" name="smartphone"/>Smart Phones</label>
-
 
153
                            <label class="checkbox-inline"><input type="checkbox" name="featuredphone"/>Featured Phones</label>
-
 
154
                        </div>
-
 
155
                        <div class="col-lg-2 row">
-
 
156
                            <div><label>Price Range</label></div>
-
 
157
                            <div class="col-xs-6 row">
-
 
158
                                <input placeholder="Start" type="text" class="form-control startValue" value="0"/>
-
 
159
                            </div>
-
 
160
                            <div class="col-xs-6">
-
 
161
                                <input placeholder="End" type="text" class="form-control endValue" value="0">
-
 
162
                            </div>
-
 
163
                        </div>
-
 
164
                        <div class="col-lg-2">
-
 
165
                            <div class="row col-lg-12 form-group">
-
 
166
                                <div><label>Brand</label></div>
-
 
167
                                <select data-placeholder="Choose brands" multiple="multiple"
-
 
168
                                        class="criteria-brands chosen-select">
-
 
169
                                    #foreach($brand in $brands)
-
 
170
                                        <option value="$brand">$brand</option>
-
 
171
                                    #end
-
 
172
                                </select>
-
 
173
                            </div>
-
 
174
                        </div>
-
 
175
                        <div class="col-lg-4">
-
 
176
                            <div><label>Model</label></div>
-
 
177
                            <div class="row col-lg-12 form-group">
-
 
178
	                            <label class="checkbox-inline">
-
 
179
							      <input type="checkbox" class="exclude" value=""><b>Exclude</b>
-
 
180
							    </label>
-
 
181
	                            <select class="criteria-catalogids form-control" multiple="multiple"></select>
-
 
182
                            </div>
-
 
183
                        </div>
-
 
184
                    </div>
-
 
185
                    <!--Item Criteria End -->
-
 
186
                    <!-- Slabs Start -->
-
 
187
                    <div class="slab-payout">
-
 
188
                        <div class="row">
-
 
189
                            <p>
-
 
190
                            	<div class="col-lg-1"><label>Slabs</label></div>
-
 
191
                            	<button type="button" class="btn btn-primary slab-copy">Copy</button>
-
 
192
                            	<button type="button" class="btn btn-primary slab-remove">Remove</button>
-
 
193
                            </p>
-
 
194
                        </div>
-
 
195
                        <div class="row targetslabscontainer" >
-
 
196
                            <div class="col-lg-3 targetslabs">
-
 
197
                                <div class="form-group input-group">
-
 
198
                                    <span class="input-group-addon">Rs.</span>
-
 
199
                                    <input type="text"  style="width:100px" class="form-control payoutTarget" value="0"/>
-
 
200
                                    <span class="input-group-addon">Onward</span>
-
 
201
                                    <input type="text" class="form-control targetDescription" placeholder="Description"/>
-
 
202
                                </div>
-
 
203
                                #foreach($counter1 in [1..4])
-
 
204
                                    <div class="col-lg-12 itemcriteriapayout item-criteria" style="border:1px solid #cecece;border-radius:3px;padding-top:6px;padding-bottom:6px;margin-bottom:12px">
-
 
205
                                        <!--Item Criteria filter Start-->
-
 
206
                                        <div class="row">
-
 
207
                                            <div class="col-lg-12 itemCategory">
-
 
208
				                            	<label>Category</label>
-
 
209
				                                <label class="checkbox-inline"><input type="checkbox" name="smartphone"/>Smart Phones</label>
-
 
210
				                                <label class="checkbox-inline"><input type="checkbox" name="featuredphone"/>Featured Phones</label>
-
 
211
					                        </div>
-
 
212
				                        </div>
-
 
213
                                        <div class="row">
-
 
214
                                            <div class="col-lg-12"><label>Price Range</label></div>
-
 
215
                                            <div class="col-lg-6 form-group">
-
 
216
                                                <input placeholder="Start" type="text" class="form-control startValue" value="0"/>
-
 
217
                                            </div>
-
 
218
                                            <div class="col-lg-6 form-group">
-
 
219
                                                <input placeholder="End" type="text" class="form-control endValue"
-
 
220
                                                       value="0">
-
 
221
                                            </div>
-
 
222
                                        </div>
-
 
223
                                        <div class="row">
-
 
224
                                            <div class="col-lg-12 form-group">
-
 
225
                                                <div><label>Brand</label></div>
-
 
226
                                                <select data-placeholder="Choose brands" multiple="multiple"
-
 
227
                                                        class="criteria-brands chosen-select">
-
 
228
                                                    #foreach($brand in $brands)
-
 
229
                                                        <option value="$brand">$brand</option>
-
 
230
                                                    #end
-
 
231
                                                </select>
-
 
232
                                            </div>
-
 
233
                                            <div class="col-lg-12 form-group">
-
 
234
                                                <div class="row col-lg-12 form-group">
-
 
235
                                                	<label class="checkbox-inline">
-
 
236
												      <input type="checkbox" class="exclude" value=""><b>Exclude</b>
-
 
237
												    </label>
-
 
238
					                                <select class="criteria-catalogids form-control" multiple="multiple">
-
 
239
					                                </select>
-
 
240
					                            </div>
-
 
241
                                            </div>
-
 
242
                                            <!--Item Criteria filter End -->
-
 
243
                                            <div class="col-lg-12">
-
 
244
                                            	<form>
-
 
245
						                        <h4>Amount Type
-
 
246
						                            <label class="radio-inline"><input type="radio" name="amountType$counter1" value="PERCENTAGE" checked>Percent</label>
-
 
247
						                            <label class="radio-inline"><input type="radio" name="amountType$counter1" value="FIXED">Fixed</label>
-
 
248
						                        </h4>
-
 
249
						                        </form>
-
 
250
						                    </div>
-
 
251
                                            <div class="col-lg-12"><label>Payout Slabs</label></div>
-
 
252
                                            <div class="col-lg-12 slab-container"></div>
-
 
253
                                        </div>
-
 
254
                                    </div>
-
 
255
                                #end
-
 
256
                            </div>
-
 
257
                        </div>
-
 
258
                    </div>
-
 
259
                    <!-- Slabs end -->
-
 
260
                </div>
-
 
261
            </div>
-
 
262
        </div>
-
 
263
        <!--Div to form-->
-
 
264
    </div>
-
 
265
</section>
-
 
266