Subversion Repositories SmartDukaan

Rev

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

Rev 24072 Rev 24440
Line 32... Line 32...
32 
	}
 32 
	}
33 
	.right{
 33 
	.right{
34 
		float:right;
 34 
		float:right;
35 
	}
 35 
	}
36 
	.form-control{
 36 
	.form-control{
37 
		color:black;
 37 
		color:#373737;
38 
		text-transform:uppercase;
 - 
 
39 
	}
 38 
	}
40 
.table-align-center{
 39 
.table-align-center{
41 
	text-align:center;
 40 
	text-align:center;
42 
}
 41 
}
43 
</style>
 42 
</style>
Line 45... Line 44...
45 
<script type="text/javascript">
 44 
<script type="text/javascript">
46 
	var cartItemIndex = 0;
 45 
	var cartItemIndex = 0;
47 
	accessoriesDeals = $accessoriesDeals;
 46 
	accessoriesDeals = $accessoriesDeals;
48 
	$(function() {
 47 
	$(function() {
49 
    	$('input[name="dateOfBirth"]').daterangepicker(getSingleDatePicker(), dateRangeCallback);
 48 
    	$('input[name="dateOfBirth"]').daterangepicker(getSingleDatePicker(), dateRangeCallback);
- 
 
 49 
    	formLoaded();
50 
	});
 50 
	});
51
51
52 
</script>
 52 
</script>
53 
 
 53 
 
54 
<section class="wrapper">
 54 
<section class="wrapper">
Line 61... Line 61...
61 
			</ol>
 61 
			</ol>
62 
		</div>
 62 
		</div>
63 
</div>
 63 
</div>
64 
<form id="cd">
 64 
<form id="cd">
65 
 
 65 
 
66 
<div id="order-details" style="background:white;background-color:white;padding:10px">
 66 
<div id="order-details" style="padding:10px">
67 
#if($cartObj.size()==0)
 67 
#if($cartItems.size()==0)
68 
	<div class="card row"
 68 
	<div class="card row"
69 
		<p>Your Cart is Empty.</p>
69 
		<p>Your Cart is Empty.</p>
70 
	</div>
 70 
	</div>
71 
#else
 71 
#else
72 
<h4 class="modelHeaderCustom" style="font-size:22px;">Product Information</h4>
 - 
 
73 
	<div class = "row">
 72 
<div class = "row">
74 
		<div class="table-responsive">
 73 
	<div class="table-responsive col-lg-8" style="background-color:white">
- 
 
 74 
		<h4 class="modelHeaderCustom" style="font-size:22px;">Product Information</h4>
75 
	  		<table class="table">
 75 
  		<table class="table table-condensed">
76 
	    		<tr>
 76 
    		<tr>
77 
	    			<td><h4 class="grnProductInfo modelHeaderCustom table-align-center">Description</h4></td>
 77 
    			<th>Description</th>
78 
	    			<td><h4 class="grnProductInfo modelHeaderCustom table-align-center">Quantity</h4></dt>
 78 
    			<th>Quantity</th>
79 
	    			<td><h4 class="grnProductInfo modelHeaderCustom">Serial Number</h4></td>
 79 
    			<th>Serial Number</th>
80 
	    			<td><h4 class="grnProductInfo modelHeaderCustom">Damage Protection</h4></td>
 80 
    			<th>Unit Price</th>
81 
	    			<td><h4 class="grnProductInfo modelHeaderCustom table-align-center">Unit Price</h4></td>
 81 
    			<th>Mobile Insurance</th>
82 
	    			<td><h4 class="grnProductInfo modelHeaderCustom table-align-center">Discount</h4></td>
 82 
    			<!--<th><h4 class="grnProductInfo modelHeaderCustom table-align-center">Discount</h4></th>-->
83 
	    			<td><h4 class="grnProductInfo modelHeaderCustom table-align-center">Total Price</h4></td>
 83 
    			<th>Total Price</th>
84 
	    		</tr>
 84 
    		</tr>
85
85
86 
	    		#foreach ($cartItem in $cartObj)
 86 
    		#foreach ($cartItem in $cartItems)
87 
	    			#set($mrp="MRP")
 87 
    			#set($mrp="MRP")
88 
	    			#if($mopPriceMap.get($cartItem.getItemId()).getMrp()!=0)
 88 
    			#if($mopPriceMap.get($cartItem.getItemId()).getMrp()!=0)
89 
		    			#set($mrp="$mopPriceMap.get($cartItem.getItemId()).getMrp()(MRP)")
 89 
	    			#set($mrp="$mopPriceMap.get($cartItem.getItemId()).getMrp()(MRP)")
90 
	    			#end
 90 
    			#end
91
91
92 
					#set($placeHolder = "$mopPriceMap.get($cartItem.getItemId()).getPrice() - $mrp")
 92 
				#set($placeHolder = "$mopPriceMap.get($cartItem.getItemId()).getPrice() - $mrp")
93 
					#set($dp = $mopPriceMap.get($cartItem.getItemId()).getPurchasePrice())
 93 
				#set($dp = $mopPriceMap.get($cartItem.getItemId()).getPurchasePrice())
94 
					#if($accessoriesDeals && $cartItem.getItemType() =="NON_SERIALIZED")
 94 
				#if($accessoriesDeals && $cartItem.getItemType() =="NON_SERIALIZED")
95 
						#set($placeHolder = "$mopPriceMap.get($cartItem.getItemId()).getPurchasePrice()(DP) - $mopPriceMap.get($cartItem.getItemId()).getPrice()(MOP) - $mrp")
 95 
					#set($placeHolder = "$mopPriceMap.get($cartItem.getItemId()).getPurchasePrice()(DP) - $mopPriceMap.get($cartItem.getItemId()).getPrice()(MOP) - $mrp")
96 
					#end
 96 
				#end
- 
 
 97 
				#if($cartItem.getItemType() =="SERIALIZED")
- 
 
 98 
					#set($start = 1)
97 
	    			#if($cartItem.getQuantity() == 1)
 99 
					#set($end   = $cartItem.getQuantity())
- 
 
 100 
					#set($range = [$start..$end])
- 
 
 101
- 
 
 102 
					#foreach ($index in $range)
98 
	    				<tr>
 103 
						<tr>
99 
	    					<td>$cartItem.getDisplayName()</td>
 104 
							<td>$cartItem.getDisplayName()</td>
100 
	    					<td class = "table-align-center">1</td>
 105 
    						<td class = "table-align-center">1</td>
101 
	    					#if($cartItem.getItemType() =="SERIALIZED")
 106 
							<td class = "table-align-center">
102 
	    						<td class = "table-align-center"><div class="input-group"><input type="text" itemId="$cartItem.getItemId()" itemType="$cartItem.getItemType()" name="serialNumber" class="input-sm serialNumber form-control"></div></td>
 107 
								<input readonly type="text" itemId="$cartItem.getItemId()" itemType="$cartItem.getItemType()" name="serialNumber" class="serialNumber input-sm form-control">
103 
	    						<td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" placeholder="" id="insuranceAmount" name="insuranceAmount"  class="input-sm insuranceAmount form-control"></div></td>
 - 
 
104 
	    					#else
 108 
							</td>
- 
 
 109 
							<td class = "table-align-center">
105 
	    						<td class = "table-align-center"><div class="input-group"><input type="text" name="serialNumber" itemType="$cartItem.getItemType()" class="serialNumber form-control input-sm" readonly></div></td>
 110 
								<input type="number" class="unitPrice form-control input-sm" name="unitPrice" quantity="1" itemId="$cartItem.getItemId()"
106 
	    						<td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" value = "0" name="insuranceAmount" class="insuranceAmount form-control input-sm" readonly></div></td>
 111 
								mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()" dp="$dp" mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()" placeholder="$placeHolder">
107 
	    					#end
 112 
							</td>
108 
	    					<td class = "table-align-center">
 113 
							<td class = "table-align-center">
- 
 
 114 
	    						<div class="input-group">
109 
	    						<input type="number" class="unitPrice form-control input-sm" name="unitPrice" id = "unitPrice"
115 
    								<input type="number" itemId="$cartItem.getItemId()" value = "0" name="insuranceamount" class="insuranceamount form-control input-sm" readonly>
110 
	    						quantity="$cartItem.getQuantity()" itemId="$cartItem.getItemId()" dp="$dp"
116 
    								<input type="hidden" itemId="$cartItem.getItemId()" value = "0" name="insuranceid" class="insuranceid">
- 
 
 117 
			    					<div class="input-group-btn">
111 
	    						mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()"
118 
				    					<button type="button" class="btn btn-sm btn-default mk_check_plans"
112 
	    						mrp="$mopPriceMap.get($cartItem.getItemId()).getMrp()"
 119 
				    							data-mop="$mopPriceMap.get($cartItem.getItemId()).getPrice()">
113 
	    						 placeholder="$placeHolder">
 120 
				    						Check Plans
- 
 
 121 
				    					</button>
- 
 
 122 
		    						</div>
- 
 
 123 
		    					</div>
114 
	    					</td>
 124 
	    					</td>
115 
	    					#if($mopPriceMap.get($cartItem.getItemId()).isMop() && $mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount() > 0)
 125 
							<td class = "table-align-center"><input name="totalPrice" class="totalPrice input-sm  form-control" itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
116 
	    						<td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" mop="true" name="discountAmount" class="discountAmount form-control input-sm" placeholder="Up to $mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount()"></div></td>
 126 
						</tr>
- 
 
 127 
					#end
117 
	    					#else
 128 
				#else
- 
 
 129 
					<tr>
- 
 
 130 
						<td>$cartItem.getDisplayName()</td>
- 
 
 131 
						<td class = "table-align-center">$cartItem.getQuantity()</td>
118 
	    						<td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" mop="false" value = "0" name="discountAmount" class="discountAmount form-control input-sm" readonly></div></td>
 132 
						<td class = "table-align-center"><div class="input-group"><input type="text" itemId="$cartItem.getItemId()" name="serialNumber" itemType="$cartItem.getItemType()" class="serialNumber form-control input-sm" readonly></div></td>
- 
 
 133 
						<td class = "table-align-center">
- 
 
 134 
							<input type="number" class="unitPrice input-sm form-control" dp="$dp" name="unitPrice" quantity="$cartItem.getQuantity()" itemId="$cartItem.getItemId()"
- 
 
 135 
								mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()" mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()" placeholder="$placeHolder" />
119 
	    					#end
 136 
						</td>
- 
 
 137 
						<td>Not Applicable</td>
120 
						<td class = "table-align-center"><input name="totalPrice" class="totalPrice form-control input-sm" itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
 138 
						<td class = "table-align-center"><input name="totalPrice" class="totalPrice input-sm form-control" itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
121 
					</tr>
 139 
					</tr>
122 
					#else
 - 
 
123 
						#if($cartItem.getItemType() =="SERIALIZED")
 - 
 
124 
							#set($start = 1)
 - 
 
125 
							#set($end   = $cartItem.getQuantity())
 - 
 
126 
							#set($range = [$start..$end])
 - 
 
127
- 
 
128 
							#foreach ($index in $range)
 - 
 
129 
								<tr>
 - 
 
130 
									<td>$cartItem.getDisplayName()</td>
 - 
 
131 
		    						<td class = "table-align-center">1</td>
 - 
 
132 
	    							<td class = "table-align-center"><div class="input-group"><input type="text" itemId="$cartItem.getItemId()" itemType="$cartItem.getItemType()" name="serialNumber" class="serialNumber input-sm form-control"></div></td>
 - 
 
133 
	    							<td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" placeholder="" name="insuranceAmount" class="insuranceAmount form-control input-sm"></div></td>
 - 
 
134 
	    							<td class = "table-align-center"><input type="number" class="unitPrice form-control input-sm" name="unitPrice" quantity="1" itemId="$cartItem.getItemId()"
- 
 
135 
	    								mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()" dp="$dp" mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()" placeholder="$placeHolder"></td>
 - 
 
136 
	    							#if($mopPriceMap.get($cartItem.getItemId()).isMop() && $mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount() > 0)
 - 
 
137 
	    								<td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" mop="true" name="discountAmount" class="discountAmount form-control input-sm" placeholder="Up to $mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount()"></div></td>
 - 
 
138 
	    							#else
 - 
 
139 
	    								<td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" mop="false" value = "0" name="discountAmount" class="discountAmount form-control input-sm" readonly></div></td>
 - 
 
140 
	    							#end
 - 
 
141 
									<td class = "table-align-center"><input name="totalPrice" class="totalPrice input-sm  form-control" itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
 - 
 
142 
								</tr>
 - 
 
143 
							#end
 - 
 
144 
						#else
 - 
 
145 
							<td>$cartItem.getDisplayName()</td>
 - 
 
146 
		    				<td class = "table-align-center">$cartItem.getQuantity()</td>
 - 
 
147 
							<td class = "table-align-center"><div class="input-group"><input type="text " itemId="$cartItem.getItemId()" name="serialNumber" itemType="$cartItem.getItemType()" class="serialNumber form-control input-sm" readonly></div></td>
 - 
 
148 
	    					<td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" value = "0" name="insuranceAmount" class="insuranceAmount form-control input-sm" readonly></div></td>
 - 
 
149 
	    					<td class = "table-align-center"><input type="number" class="unitPrice input-sm" dp="$dp" name="unitPrice" quantity="$cartItem.getQuantity()" value="0" itemId="$cartItem.getItemId()"
- 
 
150 
	    					mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()" mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()" placeholder="$placeHolder"></td>
 - 
 
151 
	    					#if($mopPriceMap.get($cartItem.getItemId()).isMop() && $mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount() > 0)
 - 
 
152 
	    						<td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" mop="true" name="discountAmount" class="discountAmount form-control input-sm" placeholder="Up to $mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount()"></div></td>
 - 
 
153 
	    					#else
 - 
 
154 
	    						<td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" mop="false" value = "0" name="discountAmount" class="discountAmount form-control input-sm" readonly></div></td>
 - 
 
155 
	    					#end
 - 
 
156 
							<td class = "table-align-center"><input name="totalPrice" class="totalPrice input-sm" itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
 - 
 
157 
						#end
 - 
 
158 
	    			#end
 140 
    			#end
159 
	    		#end
 141 
    		#end
160 
	  		</table>
 142 
  		</table>
161 
		</div>
 143 
  		<div>
162 
	</div>
 - 
 
163
- 
 
164 
</div>
 - 
 
165 
#end
 - 
 
166 
<div id="customer-details" style="background:white;background-color:white;padding:10px;">
 - 
 
167 
	<h4 class="modelHeaderCustom" style="font-size:22px;">Customer Information</h4>
 144 
			<h4 class="modelHeaderCustom" style="font-size:22px;">Customer Information<small><a href="javascript:void(0);" class="mk_restore">(Restore Previous)</a></small></h4>
168 
	<div>
 - 
 
169 
		<div class = "row">
 145 
			<div class = "row">
170 
			<div class="col-lg-2 form-group">
 146 
				<div class="col-lg-3 form-group">
171 
			   	<input placeholder="First Name" id="firstName" name="firstName" type="text" value="" class="form-control input-sm">
 147 
				   	<input placeholder="First Name" id="firstName" name="firstName" type="text" value="" class="form-control input-sm">
172 
			</div>
 148 
				</div>
173 
			<div class="col-lg-2 form-group">
 149 
				<div class="col-lg-3 form-group">
174 
			   	<input placeholder="Last Name" id="lastName" name="lastName" type="text" value="" class="form-control input-sm">
 150 
				   	<input placeholder="Last Name" id="lastName" name="lastName" type="text" value="" class="form-control input-sm">
175 
			</div>
 151 
				</div>
176 
			<div class="col-lg-3 form-group">
 152 
				<div class="col-lg-2 form-group">
177 
				<input placeholder="Email*" id="email" name="email" type="text" value="" class="form-control input-sm">
 153 
					<input placeholder="Email*" id="email" name="email" type="text" value="" class="form-control input-sm">
178 
			</div>
 154 
				</div>
179 
			<div class="col-lg-3 form-group">
 155 
				<div class="col-lg-2 form-group">
180 
				<input placeholder = "Phone Number*" id="phone" addressId="" name="phone" type="text" value="" class="form-control phone input-sm">
 156 
					<input placeholder = "Phone Number*" id="phone" addressId="" name="phone" type="text" value="" class="form-control phone input-sm">
181 
			</div>
 - 
 
182 
			<div class="col-lg-2 form-group">
 - 
 
183 
				<input placeholder = "Date Of Birth" id="dateOfBirth" name="dateOfBirth" type="text" value="" class="">
 - 
 
184 
			</div>
 157 
				</div>
185
158
186 
		</div>
 - 
 
187 
		<div class = "row">
 - 
 
188 
			<div class="col-lg-3 form-group">
 - 
 
189 
				<input placeholder="GST Number" id="gstNumber" name="gstNumber" type="text"  value="" class="form-control input-sm">
 - 
 
190 
			</div>
 - 
 
191 
			<div class="col-lg-3 form-group">
 - 
 
192 
				<input placeholder="Alternate Phone Number" id="alternatePhone" name="alternatePhone" type="text"  value="" class="form-control input-sm">
 - 
 
193 
			</div>
 - 
 
194 
			<div class="col-lg-3 form-group">
 - 
 
195 
			 	<input placeholder="Address Line 1" id="line1" name="line1" type="text" size="50" value="" class="form-control input-sm">
 - 
 
196 
			</div>
 159 
			</div>
- 
 
 160 
			<div class = "row">
197 
			<div class="col-lg-3 form-group">
 161 
				<div class="col-lg-3 form-group">
- 
 
 162 
					<input placeholder="GST Number" id="gstNumber" name="gstNumber" type="text"  value="" class="form-control input-sm">
- 
 
 163 
				</div>
- 
 
 164 
				<div class="col-lg-3 form-group">
- 
 
 165 
				 	<input placeholder="Address Line 1" id="line1" name="line1" type="text" size="50" value="" class="form-control input-sm">
- 
 
 166 
				</div>
- 
 
 167 
				<div class="col-lg-2 form-group">
198 
				<input placeholder="Address Line 2" id="line2" name="line2" type="text" value="" class="form-control input-sm">
 168 
					<input placeholder="Address Line 2" id="line2" name="line2" type="text" value="" class="form-control input-sm">
- 
 
 169 
				</div>
- 
 
 170 
				<div class="col-lg-2 form-group">
- 
 
 171 
					<input placeholder="Alternate Phone Number" id="alternatePhone" name="alternatePhone" type="text"  value="" class="form-control input-sm">
- 
 
 172 
				</div>
199 
			</div>
 173 
			</div>
200 
		</div>
 - 
 
201 
		<div class = "row">
 174 
			<div class = "row">
202 
			<div class="col-lg-3 form-group">
 175 
				<div class="col-lg-3 form-group">
203 
				<input placeholder="Landmark" id="landmark" name="landmark" type="text" value="" class="form-control input-sm">
 176 
					<input placeholder="Landmark" id="landmark" name="landmark" type="text" value="" class="form-control input-sm">
204 
			</div>
 177 
				</div>
205 
			<div class="col-lg-2 form-group">
 178 
				<div class="col-lg-3 form-group">
206 
				<input placeholder="Pin Code" id="pinCode" name="pinCode" type="number" value="" class="form-control input-sm">
 179 
					<input placeholder="Pin Code" id="pinCode" name="pinCode" type="number" value="" class="form-control input-sm">
207 
			</div>
 180 
				</div>
208 
			<div class="col-lg-3 form-group">
 181 
				<div class="col-lg-2 form-group">
209 
				<input placeholder="City" id="city" name="city" type="text" value="" class="form-control input-sm">
 182 
					<input placeholder="City" id="city" name="city" type="text" value="" class="form-control input-sm">
210 
			</div>
 183 
				</div>
211 
			<div class="col-lg-4 form-group">
 184 
				<div class="col-lg-2 form-group">
212 
				<select class="form-control input-sm" id = "state" name = "state" placeholder="State">
 185 
					<select class="form-control input-sm" id = "state" name = "state" placeholder="State">
213 
					<option value="" disabled selected>State</option>
 186 
						<option value="" disabled selected>State</option>
214 
					#foreach($stateName in $stateNames)
 187 
						#foreach($stateName in $stateNames)
215 
						#if($retailerStateName == $stateName)
 188 
							#if($retailerStateName == $stateName)
216 
							<option value="$stateName" selected>$stateName</option>
 189 
								<option value="$stateName" selected>$stateName</option>
217 
						#else
 190 
							#else
218 
							<option value="$stateName">$stateName</option>
 191 
								<option value="$stateName">$stateName</option>
- 
 
 192 
							#end
219 
						#end
 193 
						#end
- 
 
 194
- 
 
 195 
	                </select>
220 
					#end
 196 
				</div>
221
197 
	     	</div>
- 
 
 198 
	     	<div class="row mk_insurance_row" style="display:none">
- 
 
 199 
				<div class="col-lg-2 form-group">
- 
 
 200 
					<select class="form-control input-sm" id="gender" name ="gender" placeholder="Gender">
- 
 
 201 
						<option value="" disabled selected>Gender</option>
- 
 
 202 
						<option value="1" selected>Male</option>
- 
 
 203 
						<option value="2" selected>Female</option>
222 
                </select>
 204 
	                </select>
- 
 
 205 
				</div>
- 
 
 206 
				<div class="col-lg-2 form-group">
- 
 
 207 
					<input placeholder = "Date Of Birth" id="dateOfBirth" name="dateOfBirth" type="text" value="" class="form-control">
- 
 
 208 
				</div>
223 
			</div>
 209 
			</div>
224 
     	</div>
 210 
     	</div>
225 
     <div id="prebooking-order-details">
 - 
 
226 
     </div>
 - 
 
227 
</div>
 - 
 
228 
<div id="payment-details" style="background:white;background-color:white;">
 - 
 
229 
	<div class="row">
 - 
 
230 
		<div class="col-lg-6 right">
 - 
 
231 
			<div class="col-lg-6">
 - 
 
232 
				<h4 class="grnProductInfo modelHeaderCustom right">Net Payable Amount :</h4>
 - 
 
233 
			</div>
 - 
 
234 
			<div class="col-lg-6">
 - 
 
235 
				<input type="number" class="netPayableAmount form-control input-sm" name="" value="0" readonly>
 - 
 
236 
			</div>
 - 
 
237 
		</div>
 - 
 
238 
	</div>
 211 
	</div>
- 
 
 212 
	<div class="col-lg-4 row">
- 
 
 213 
		<div class="col-lg-1"></div>
- 
 
 214 
		<div id="payment-details" style="background:white;background-color:white;" class="col-lg-9">
- 
 
 215 
			<h4 class="modelHeaderCustom" style="font-size:22px;">Payment Details</h4>
239 
	<div class="row">
 216 
			<div class="row">
240 
		<div class="col-lg-6 right">
 217 
				<div class="col-lg-8">
- 
 
 218 
					<h4>Total Amount :</h4>
- 
 
 219 
				</div>
241 
			<div class="col-lg-6">
 220 
				<div class="col-lg-4">
242 
				<h4 class="grnProductInfo modelHeaderCustom right">Total Advance Amount :</h4>
 221 
					<input type="number" class="netPayableAmount form-control input-sm" name="" value="0" readonly>
- 
 
 222 
				</div>
243 
			</div>
 223 
			</div>
- 
 
 224 
			<div id="payment-option-id-amount-container" paymentOptionSize = $paymentOptions.size()>
- 
 
 225 
			#set($a = 0)
- 
 
 226 
			#set($b = $paymentOptions.size() - 1)
- 
 
 227 
			#set($range = [$a..$b])
- 
 
 228
- 
 
 229 
			#foreach($index in $range)
- 
 
 230 
			<div class="row">
- 
 
 231 
				#set($paymentOption = $paymentOptions[$index])
244 
			<div class="col-lg-6">
 232 
				<div class="col-lg-8">
- 
 
 233 
					<h4>$paymentOption.getName() :</h4>
- 
 
 234 
				</div>
- 
 
 235 
				<div class="col-lg-4">
245 
				<input type="number" class="totalAdvanceAmount form-control input-sm" name="" value="0" readonly>
 236 
					<input type="number" id="paymentOptionIdAmount${index}" name="paymentOptionIdAmount${index}"
- 
 
 237 
					class="form-control paymentOptionAmount amount input-sm" value="0" paymentOptionId="$paymentOption.getId()">
- 
 
 238 
				</div>
- 
 
 239 
			</div>
- 
 
 240 
			#end
246 
			</div>
 241 
			</div>
247 
		</div>
 - 
 
248 
	</div>
 - 
 
249 
	<p></p>
 - 
 
250 
	<div id="payment-option-id-amount-container" paymentOptionSize = $paymentOptions.size()>
 - 
 
251 
		#set($a = 0)
 - 
 
252 
		#set($b = $paymentOptions.size() - 1)
 - 
 
253 
		#set($range = [$a..$b])
 - 
 
254
- 
 
255 
		#foreach($index in $range)
 - 
 
256 
			#set($paymentOption = $paymentOptions[$index])
 - 
 
257 
			<div class="row">
 242 
			<div class="row">
258 
				<div class="col-lg-6 right">
 - 
 
259 
					<div class="col-lg-6">
 243 
				<div class="form-group col-lg-10">
260 
						<h4 class="grnProductInfo modelHeaderCustom right">$paymentOption.getName() :</h4>
 244 
					<button class="btn btn-block btn-primary order-checkout" type="submit">Create Order</button>
261 
					</div>
 - 
 
262 
					<div class="col-lg-6">
 - 
 
263 
						<input type="number" id="paymentOptionIdAmount${index}" name="paymentOptionIdAmount${index}" class="form-control paymentOptionAmount amount input-sm" value="0" paymentOptionId="$paymentOption.getId()">
 - 
 
264 
					</div>
 - 
 
265 
				</div>
 245 
				</div>
266 
			</div>
 246 
			</div>
267 
		#end
 - 
 
268 
	</div>
 - 
 
269 
</div>
 - 
 
270 
<div id="create-order" style="padding:10px;">
 - 
 
271 
	<div class="row">
 - 
 
272 
		<div class="col-xs-3" style="float:right;">
 - 
 
273 
			<button class="btn btn-primary order-checkout" type="submit" style="width:100%;border-radius:0px;">Create Order</button>
- 
 
274 
		</div>
 247 
		</div>
275 
	</div>
 248 
	</div>
276 
</div>
 249 
</div>
- 
 
 250 
#end
- 
 
 251 
</div>
277 
</form>
 252 
</form>
278 
</section>
 253 
</section>
279 
<script type="text/javascript" src="resources/js/create-order.js?v=${version}"></script>
 - 
 
280 

            254
            
<div class="modal modal-lg fade row" id="mobilePlansModal" tabindex="-1" role="dialog">

          

          

            -
            
 

            255
            
  <div class="modal-dialog modal-lg" role="document">

          

          

            -
            
 

            256
            
    <div class="modal-content">

          

          

            -
            
 

            257
            
      <div class="modal-header">

          

          

            -
            
 

            258
            
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

          

          

            -
            
 

            259
            
        <h4 class="modal-title">Choose from plans</h4>

          

          

            -
            
 

            260
            
      </div>

          

          

            -
            
 

            261
            
      <div class="modal-body">

          

          

            -
            
 

            262
            
	  </div>

          

          

            -
            
 

            263
            
    </div>

          

          

            -
            
 

            264
            
  </div>

          

          

            -
            
 

            265
            
</div>

          

          

            -
            
 

            266