Subversion Repositories SmartDukaan

Rev

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

Rev 27693 Rev 28339
Line 1... Line 1...
1 
<style>
 1 
<style>
2 
.row{
 2 
.row {
3 
	margin:0 auto;
 3 
	margin: 0 auto;
4 
}
 4 
}
- 
 
 5 
 
5 
.modal-content{
 6 
.modal-content {
6 
		background : white;
 7 
	background: white;
7 
	}
 8 
}
- 
 
 9 
 
8 
	.modelHeaderCustom{
 10 
.modelHeaderCustom {
9 
		font-size:14px;
 11 
	font-size: 14px;
10 
		font-weight:bold;
 12 
	font-weight: bold;
11 
	}
 13 
}
- 
 
 14 
 
12 
	.border-highlight{
 15 
.border-highlight {
13 
		border : 3px solid red;
 16 
	border: 3px solid red;
14 
	}
 17 
}
- 
 
 18 
 
15 
	hr{
 19 
hr {
16 
		background-color:#007aff;
 20 
	background-color: #007aff;
17 
		border:none;
 21 
	border: none;
18 
		height:1px;
 22 
	height: 1px;
19 
		background:#007aff;
 23 
	background: #007aff;
20 
	}
 24 
}
- 
 
 25 
 
21 
	.control-label {
 26 
.control-label {
22 
		margin-top: 0;
 27 
	margin-top: 0;
23 
    	margin-bottom: 0;
 28 
	margin-bottom: 0;
24 
    	padding-top: 7px;
 29 
	padding-top: 7px;
25 
    	font-weight:bold;
 30 
	font-weight: bold;
26 
    	font-size:14px;
 31 
	font-size: 14px;
27 
	}
 32 
}
- 
 
 33 
 
28 
	.form-group{
 34 
.form-group {
29 
		border-bottom: 1px solid #eff2f7;
 35 
	border-bottom: 1px solid #eff2f7;
30 
    	padding-bottom: 15px;
 36 
	padding-bottom: 15px;
31 
    	margin-bottom: 15px;
 37 
	margin-bottom: 15px;
32 
	}
 38 
}
- 
 
 39 
 
33 
	.right{
 40 
.right {
34 
		float:right;
 41 
	float: right;
35 
	}
 42 
}
- 
 
 43 
 
36 
	.form-control{
 44 
.form-control {
37 
		color:#373737;
 45 
	color: #373737;
38 
	}
 46 
}
- 
 
 47 
 
39 
.table-align-center{
 48 
.table-align-center {
40 
	text-align:center;
 49 
	text-align: center;
41 
}
 50 
}
42 
</style>
 51 
</style>
43 
 
 52 
 
44 
<script type="text/javascript">
 53 
<script type="text/javascript">
45 
	var cartItemIndex = 0;
 54 
	var cartItemIndex = 0;
46 
	accessoriesDeals = $accessoriesDeals;
 55 
	accessoriesDeals = $accessoriesDeals;
- 
 
 56 
	pendingPOCustomer = $pendingPOCustomer;
- 
 
 57 
	pendingPO = $pendingPO;
- 
 
 58 
	console.log(typeof pendingPOCustomer)
- 
 
 59 
	if (pendingPOCustomer != null) {
- 
 
 60 
		$('input.search-phone').val(pendingPOCustomer.mobileNumber).change()
- 
 
 61 
				.attr('readonly', true);
- 
 
 62 
		var mobileNumber = $('.search-phone').val();
- 
 
 63 
		console.log(mobileNumber)
47
64 
 
- 
 
 65 
		writeOldCustomerDetailsByMobileNumber(mobileNumber);
48
66 
	}
49 
	$(function() {
 67 
	$(function() {
50 
	 var date = new Date();
 68 
		var date = new Date();
51 
		var currentMonth = date.getMonth();
 69 
		var currentMonth = date.getMonth();
52 
		var currentDate = date.getDate();
 70 
		var currentDate = date.getDate();
53 
		var currentYear = date.getFullYear();
 71 
		var currentYear = date.getFullYear();
54 
    	$('input[name="dateOfBirth"]').daterangepicker(
 72 
		$('input[name="dateOfBirth"]').daterangepicker(
55
73 
 
56 
    	 {
 74 
		{
57
75 
 
58 
    	 maxDate: new Date(currentYear-18, currentMonth, currentDate),
 76 
			maxDate : new Date(currentYear - 18, currentMonth, currentDate),
59 
         startDate: new Date(currentYear-18, currentMonth, currentDate),
 77 
			startDate : new Date(currentYear - 18, currentMonth, currentDate),
60
78 
 
61 
         singleDatePicker: true},
 79 
			singleDatePicker : true
62 
    	 dateRangeCallback);
 80 
		}, dateRangeCallback);
63
81 
 
64 
    	$('input[name="dgmfgdate"]').daterangepicker({
 82 
		$('input[name="dgmfgdate"]').daterangepicker({
65 
            minDate: new Date(currentYear, currentMonth-6, currentDate),
 83 
			minDate : new Date(currentYear, currentMonth - 6, currentDate),
66 
			maxDate: new Date(currentYear, currentMonth, currentDate),
 84 
			maxDate : new Date(currentYear, currentMonth, currentDate),
67
85 
 
68 
    	   singleDatePicker: true,
 86 
			singleDatePicker : true,
69 
    	  },function (start, end) {
 87 
		}, function(start, end) {
70
88 
 
71 
    		startMoment = start;
 89 
			startMoment = start;
72 
			mfgDate = start.format(moment.HTML5_FMT.DATETIME_LOCAL_SECONDS);
 90 
			mfgDate = start.format(moment.HTML5_FMT.DATETIME_LOCAL_SECONDS);
73
91 
 
74 
		});
 92 
		});
75 
    	formLoaded();
 93 
		formLoaded();
76 
	});
 94 
	});
77 
</script>
 95 
</script>
78 
 
 96 
 
79 
<section class="wrapper">
 97 
<section class="wrapper">
80 
<div class="row">
 98 
	<div class="row">
81 
		<div class="col-lg-12">
 99 
		<div class="col-lg-12">
- 
 
 100 
			<h3 class="page-header">
82 
			<h3 class="page-header"><i class="icon_table"></i>Order</h3>
 101 
				<i class="icon_table"></i>Order
- 
 
 102 
			</h3>
83 
			<ol class="breadcrumb">
 103 
			<ol class="breadcrumb">
- 
 
 104 
				<li><i class="fa fa-home"></i><a
84 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
 105 
					href="${rc.contextPath}/dashboard">Home</a></li>
85 
				<li><i class="icon_table"></i>ORDER</li>
106 
				<li><i class="icon_table"></i>ORDER</li>
86 
			</ol>
 107 
			</ol>
87 
		</div>
 108 
		</div>
88 
</div>
 - 
 
89 
<form id="cd">
 - 
 
90 
 
 - 
 
91 
<div id="order-details" style="padding:10px">
 - 
 
92 
#if($cartItems.size()==0)
 - 
 
93 
	<div class="card row"
 - 
 
94 
		<p>Your Cart is Empty.</p>
- 
 
95 
	</div>
 109 
	</div>
- 
 
 110 
	<form id="cd">
- 
 
 111 
 
- 
 
 112 
		<div id="order-details" style="padding: 10px">
- 
 
 113 
			#if($cartItems.size()==0)
- 
 
 114 
			<div class="card row"
- 
 
 115 
				<p>Your Cart is Empty.</p>
- 
 
 116 
			</div>
96 
#else
 117 
			#else
97 
<div class = "row">
 118 
			<div class="row">
98 
	<div class="table-responsive col-lg-8" style="background-color:white">
 119 
				<div class="table-responsive col-lg-8"
- 
 
 120 
					style="background-color: white">
99 
		<div class="row">
 121 
					<div class="row">
100 
			<h4 class="modelHeaderCustom" style="font-size:22px;">Product Information</h4>
 122 
						<h4 class="modelHeaderCustom" style="font-size: 22px;">Product
- 
 
 123 
							Information</h4>
101 
	  		<table id="order-items" class="table table-condensed">
 124 
						<table id="order-items" class="table table-condensed">
102 
	    		<tr>
 125 
							<tr>
103 
	    			<th style="width:25%">Description</th>
 126 
								<th style="width: 25%">Description</th>
104 
	    			<th style="width:10%">Quantity</th>
 127 
								<th style="width: 10%">Quantity</th>
105 
	    			<th style="width:15%">Serial Number</th>
 128 
								<th style="width: 15%">Serial Number</th>
106 
	    			<th style="width:12%">Unit Price</th>
 129 
								<th style="width: 12%">Unit Price</th>
107 
	    			<th style="width:15%">Mobile Insurance</th>
 130 
								<th style="width: 15%">Mobile Insurance</th>
108 
	    			<!--<th><h4 class="grnProductInfo modelHeaderCustom table-align-center">Discount</h4></th>-->
 131 
								<!--<th><h4 class="grnProductInfo modelHeaderCustom table-align-center">Discount</h4></th>-->
109 
	    			<th style="width:12%">Total Price</th>
 132 
								<th style="width: 12%">Total Price</th>
110 
	    		</tr>
 133 
							</tr>
111
134 
 
112 
	    		#foreach ($cartItem in $cartItems)
 135 
							#foreach ($cartItem in $cartItems) #set($mrp="MRP")
113 
	    			#set($mrp="MRP")
 - 
 
114 
	    			#if($mopPriceMap.get($cartItem.getItemId()).getMrp()!=0)
 136 
							#if($mopPriceMap.get($cartItem.getItemId()).getMrp()!=0)
115 
		    			#set($mrp="$mopPriceMap.get($cartItem.getItemId()).getMrp()(MRP)")
 137 
							#set($mrp="$mopPriceMap.get($cartItem.getItemId()).getMrp()(MRP)")
116 
	    			#end
 138 
							#end #set($placeHolder =
117
- 
 
118 
					#set($placeHolder = "$mopPriceMap.get($cartItem.getItemId()).getPrice() - $mrp")
 139 
							"$mopPriceMap.get($cartItem.getItemId()).getPrice() - $mrp")
- 
 
 140 
							#set($dp =
119 
					#set($dp = $mopPriceMap.get($cartItem.getItemId()).getPurchasePrice())
 141 
							$mopPriceMap.get($cartItem.getItemId()).getPurchasePrice())
120 
					#if($accessoriesDeals && $cartItem.getItemType() =="NON_SERIALIZED")
 142 
							#if($accessoriesDeals && $cartItem.getItemType()
- 
 
 143 
							=="NON_SERIALIZED") #set($placeHolder =
121 
						#set($placeHolder = "$mopPriceMap.get($cartItem.getItemId()).getPurchasePrice()(DP) - $mopPriceMap.get($cartItem.getItemId()).getPrice()(MOP) - $mrp")
 144 
							"$mopPriceMap.get($cartItem.getItemId()).getPurchasePrice()(DP) -
122 
					#end
 - 
 
123 
					#if($cartItem.getItemType() =="SERIALIZED")
 145 
							$mopPriceMap.get($cartItem.getItemId()).getPrice()(MOP) - $mrp")
124 
						#set($start = 1)
 146 
							#end #if($cartItem.getItemType() =="SERIALIZED") #set($start = 1)
125 
						#set($end   = $cartItem.getQuantity())
 147 
							#set($end = $cartItem.getQuantity()) #set($range =
126 
						#set($range = [$start..$end])
 - 
 
127
- 
 
128 
						#foreach ($index in $range)
 148 
							[$start..$end]) #foreach ($index in $range)
129 
							<tr>
 149 
							<tr>
130 
								<td>$cartItem.getDisplayName()</td>
 150 
								<td>$cartItem.getDisplayName()</td>
131 
	    						<td class = "table-align-center">1</td>
 151 
								<td class="table-align-center">1</td>
- 
 
 152 
								<td class="table-align-center"><input readonly type="text"
- 
 
 153 
									itemId="$cartItem.getItemId()"
- 
 
 154 
									itemType="$cartItem.getItemType()" name="serialNumber"
- 
 
 155 
									class="serialNumber input-sm form-control"></td>
- 
 
 156 
								<td class="table-align-center"><input type="number"
- 
 
 157 
									class="unitPrice form-control input-sm" name="unitPrice"
- 
 
 158 
									quantity="1" itemId="$cartItem.getItemId()"
- 
 
 159 
									mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()"
- 
 
 160 
									dp="$dp"
- 
 
 161 
									mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()"
- 
 
 162 
									placeholder="$placeHolder"></td>
132 
								<td class = "table-align-center">
 163 
								<td class="table-align-center">
- 
 
 164 
									<div class="input-group">
- 
 
 165 
										<input type="number" itemId="$cartItem.getItemId()" value="0"
- 
 
 166 
											name="insuranceamount"
- 
 
 167 
											class="insuranceamount form-control input-sm" readonly>
- 
 
 168 
										<input type="hidden" itemId="$cartItem.getItemId()" value="0"
- 
 
 169 
											name="insuranceid" class="insuranceid"> <input
- 
 
 170 
											type="hidden" itemId="$cartItem.getItemId()" name="ram"
- 
 
 171 
											class="ram"> <input type="hidden"
133 
									<input readonly type="text" itemId="$cartItem.getItemId()" itemType="$cartItem.getItemType()" name="serialNumber" class="serialNumber input-sm form-control">
 172 
											itemId="$cartItem.getItemId()" name="memory" class="memory">
- 
 
 173 
										<input type="hidden" itemId="$cartItem.getItemId()"
- 
 
 174 
											name="mfgdate" class="mfgdate">
- 
 
 175 
										<div class="input-group-btn">
- 
 
 176 
											<button type="button"
- 
 
 177 
												class="btn btn-sm btn-default mk_check_plans"
- 
 
 178 
												data-mop="$mopPriceMap.get($cartItem.getItemId()).getPrice()">
- 
 
 179 
												Check Plans</button>
- 
 
 180 
										</div>
- 
 
 181 
									</div>
134 
								</td>
 182 
								</td>
135 
								<td class = "table-align-center">
 183 
								<td class="table-align-center"><input name="totalPrice"
136 
									<input type="number" class="unitPrice form-control input-sm" name="unitPrice" quantity="1" itemId="$cartItem.getItemId()"
- 
 
137 
									mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()" dp="$dp" mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()" placeholder="$placeHolder">
 - 
 
138 
								</td>
 - 
 
139 
								<td class = "table-align-center">
 184 
									class="totalPrice input-sm  form-control"
140 
		    						<div class="input-group">
 - 
 
141 
	    								<input type="number" itemId="$cartItem.getItemId()" value = "0" name="insuranceamount" class="insuranceamount form-control input-sm" readonly>
 - 
 
142 
	    								<input type="hidden" itemId="$cartItem.getItemId()" value = "0" name="insuranceid" class="insuranceid">
 - 
 
143 
	    								<input type="hidden" itemId="$cartItem.getItemId()" name="ram" class="ram">
 - 
 
144 
	    								<input type="hidden" itemId="$cartItem.getItemId()"  name="memory" class="memory">
 185 
									itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
145 
	    								<input type="hidden" itemId="$cartItem.getItemId()"  name="mfgdate" class="mfgdate">
 - 
 
146 
				    					<div class="input-group-btn">
 - 
 
147 
					    					<button type="button" class="btn btn-sm btn-default mk_check_plans"
- 
 
148 
					    							data-mop="$mopPriceMap.get($cartItem.getItemId()).getPrice()">
 - 
 
149 
					    						Check Plans
 - 
 
150 
					    					</button>
 - 
 
151 
			    						</div>
 - 
 
152 
			    					</div>
 - 
 
153 
		    					</td>
 - 
 
154 
								<td class = "table-align-center"><input name="totalPrice" class="totalPrice input-sm  form-control" itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
 - 
 
155 
							</tr>
 186 
							</tr>
156 
						#end
 - 
 
157 
					#else
 187 
							#end #else
158 
						<tr>
 188 
							<tr>
159 
							<td>$cartItem.getDisplayName()</td>
 189 
								<td>$cartItem.getDisplayName()</td>
160 
							<td class = "table-align-center">$cartItem.getQuantity()</td>
 190 
								<td class="table-align-center">$cartItem.getQuantity()</td>
161 
							<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>
 191 
								<td class="table-align-center"><div class="input-group">
- 
 
 192 
										<input type="text" itemId="$cartItem.getItemId()"
- 
 
 193 
											name="serialNumber" itemType="$cartItem.getItemType()"
- 
 
 194 
											class="serialNumber form-control input-sm" readonly>
- 
 
 195 
									</div></td>
162 
							<td class = "table-align-center">
 196 
								<td class="table-align-center"><input type="number"
- 
 
 197 
									class="unitPrice input-sm form-control" dp="$dp"
163 
								<input type="number" class="unitPrice input-sm form-control" dp="$dp" name="unitPrice" quantity="$cartItem.getQuantity()" itemId="$cartItem.getItemId()"
198 
									name="unitPrice" quantity="$cartItem.getQuantity()"
- 
 
 199 
									itemId="$cartItem.getItemId()"
164 
									mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()" mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()" placeholder="$placeHolder" />
 200 
									mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()"
- 
 
 201 
									mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()"
165 
							</td>
 202 
									placeholder="$placeHolder" /></td>
166 
							<td>Not Applicable</td>
 203 
								<td>Not Applicable</td>
- 
 
 204 
								<td class="table-align-center"><input name="totalPrice"
- 
 
 205 
									class="totalPrice input-sm form-control"
167 
							<td class = "table-align-center"><input name="totalPrice" class="totalPrice input-sm form-control" itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
 206 
									itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
168 
						</tr>
 207 
							</tr>
169 
	    			#end
 208 
							#end #end
170 
	    		#end
 - 
 
171 
	  		</table>
 209 
						</table>
172 
	  	</div>
 210 
					</div>
173 
  		<div class="row">
 211 
					<div class="row">
174 
  			<div class="row">
 212 
						<div class="row">
175 
  				<div class="col-lg-3">
 213 
							<div class="col-lg-3">
176 
					<h4 class="modelHeaderCustom" style="font-size:22px;">Customer Information
 214 
								<h4 class="modelHeaderCustom" style="font-size: 22px;">Customer
177 
					</h4>
 215 
									Information</h4>
178 
				</div>
 216 
							</div>
179 
				<div class="col-lg-3" style="margin-top:15px">
217 
							<div class="col-lg-3" style="margin-top: 15px">
180 
					<input placeholder="Search Mobile" type="number" name="mobile" class="form-control search-phone input-sm">
 218 
								<input placeholder="Search Mobile" type="number" name="mobile"
- 
 
 219 
									class="form-control search-phone input-sm">
181 
				</div>
 220 
							</div>
182 
			</div>
 221 
						</div>
183 
			<div class="row customerinfo">
 222 
						<div class="row customerinfo">
184 
				<div class="col-lg-2 form-group">
 223 
							<div class="col-lg-2 form-group">
185 
					<input placeholder="Mobile Number" type="number" name="mobile" class="form-control phone input-sm" readonly>
 224 
								<input placeholder="Mobile Number" type="number" name="mobile"
- 
 
 225 
									class="form-control phone input-sm" readonly>
186 
				</div>
 226 
							</div>
187 
				<div class="col-lg-3 form-group">
 227 
							<div class="col-lg-3 form-group">
188 
				   	<input placeholder="First Name" name="firstName" type="text" value="" class="form-control input-sm firstName" required>
 228 
								<input placeholder="First Name" name="firstName" type="text"
- 
 
 229 
									value="" class="form-control input-sm firstName" required>
189 
				</div>
 230 
							</div>
190 
				<div class="col-lg-3 form-group">
 231 
							<div class="col-lg-3 form-group">
191 
				   	<input placeholder="Last Name" name="lastName" type="text" value="" class="form-control input-sm lastName">
 232 
								<input placeholder="Last Name" name="lastName" type="text"
- 
 
 233 
									value="" class="form-control input-sm lastName">
192 
				</div>
 234 
							</div>
193 
				<div class="col-lg-2 form-group">
 235 
							<div class="col-lg-2 form-group">
194 
				   	<input id="emailId" name="emailId" type="email" value="" class="form-control input-sm email" placeholder="Email(xyz@gmail.com)">
 236 
								<input id="emailId" name="emailId" type="email" value=""
- 
 
 237 
									class="form-control input-sm email"
- 
 
 238 
									placeholder="Email(xyz@gmail.com)">
195 
				</div>
 239 
							</div>
196 
				<div class="col-lg-2 form-group">
 240 
							<div class="col-lg-2 form-group">
- 
 
 241 
								<button type="button"
197 
				   	<button type="button" class="btn btn-block btn-primary mk_add_customer" style="display:none">Add customer</button>
 242 
									class="btn btn-block btn-primary mk_add_customer"
- 
 
 243 
									style="display: none">Add customer</button>
- 
 
 244 
								<button type="button"
198 
				   	<button type="button" class="btn btn-block btn-primary mk_add_email" style="display:none">Update Customer</button>
 245 
									class="btn btn-block btn-primary mk_add_email"
- 
 
 246 
									style="display: none">Update Customer</button>
199 
				</div>
 247 
							</div>
200 
  			</div>
 248 
						</div>
201 
  		</div>
 249 
					</div>
202 
  		<div class="row billinginfo" style="display:none">
 250 
					<div class="row billinginfo" style="display: none">
203 
  			<div class="row">
 251 
						<div class="row">
204 
  				<div class="col-lg-3">
 252 
							<div class="col-lg-3">
205 
					<h4 class="modelHeaderCustom" style="font-size:22px;">Billing Address</h4>
 253 
								<h4 class="modelHeaderCustom" style="font-size: 22px;">Billing
- 
 
 254 
									Address</h4>
206 
				</div>
 255 
							</div>
207 
				<div class="col-lg-3">
 256 
							<div class="col-lg-3">
- 
 
 257 
								<button type="button"
208 
					<button type="button" class="btn btn-block btn-primary new-address-btn">New Address</button>
 258 
									class="btn btn-block btn-primary new-address-btn">New
- 
 
 259 
									Address</button>
- 
 
 260 
							</div>
- 
 
 261 
						</div>
- 
 
 262 
						<div class="row">
- 
 
 263 
							<div class="col-lg-3 form-group">
- 
 
 264 
								<input placeholder="GST Number" id="gstNumber" name="gstNumber"
- 
 
 265 
									type="text" value="" class="form-control input-sm">
- 
 
 266 
							</div>
- 
 
 267 
						</div>
- 
 
 268 
						<div class="row" id="customer-address">
- 
 
 269 
							<table class="table table-bordered">
- 
 
 270 
								<thead>
- 
 
 271 
									<tr>
- 
 
 272 
										<th>Name</th>
- 
 
 273 
										<th>Address Lines</th>
- 
 
 274 
										<th>City</th>
- 
 
 275 
										<th>State</th>
- 
 
 276 
										<th>Pin</th>
- 
 
 277 
										<th>Mobile</th>
- 
 
 278 
										<th>Action</th>
- 
 
 279 
									</tr>
- 
 
 280 
								</thead>
- 
 
 281 
								<tbody id="address-body">
- 
 
 282 
								</tbody>
- 
 
 283 
							</table>
- 
 
 284 
						</div>
- 
 
 285 
					</div>
- 
 
 286 
					<div>
- 
 
 287 
						<div class="row">
- 
 
 288 
							<h4 class="modelHeaderCustom" style="font-size: 22px;">Insurance
- 
 
 289 
								Information</h4>
- 
 
 290 
						</div>
- 
 
 291 
					</div>
- 
 
 292 
					<div class="row mk_insurance_row" style="display: none">
- 
 
 293 
						<div class="col-lg-3 form-group">
- 
 
 294 
							<label for="gender">Gender</label> <select
- 
 
 295 
								class="form-control input-sm" id="gender" name="gender"
- 
 
 296 
								placeholder="Gender">
- 
 
 297 
								<option value="" disabled selected>Gender</option>
- 
 
 298 
								<option value="1" selected>Male</option>
- 
 
 299 
								<option value="2" selected>Female</option>
- 
 
 300 
							</select>
- 
 
 301 
						</div>
- 
 
 302 
						<div class="col-lg-3 form-group">
- 
 
 303 
							<label for="dateOfBirth">Date Of Birth</label> <input
- 
 
 304 
								placeholder="Date Of Birth" id="dateOfBirth" name="dateOfBirth"
- 
 
 305 
								type="text" value="" class="form-control">
- 
 
 306 
						</div>
- 
 
 307 
					</div>
209 
				</div>
 308 
				</div>
- 
 
 309 
				<div class="col-lg-4 row">
- 
 
 310 
					<div class="col-lg-1"></div>
- 
 
 311 
					<div id="payment-details"
- 
 
 312 
						style="background: white; background-color: white;"
- 
 
 313 
						class="col-lg-10">
- 
 
 314 
						<h4 class="modelHeaderCustom" style="font-size: 22px;">Payment
- 
 
 315 
							Details</h4>
- 
 
 316 
						<div class="row">
- 
 
 317 
							<div class="col-lg-7">
- 
 
 318 
								<h4>Total Amount :</h4>
- 
 
 319 
							</div>
- 
 
 320 
							<div class="col-lg-5">
- 
 
 321 
								<input type="number"
- 
 
 322 
									class="netPayableAmount form-control input-sm" name=""
- 
 
 323 
									value="0" readonly>
- 
 
 324 
							</div>
- 
 
 325 
						</div>
- 
 
 326 
						<div id="payment-option-id-amount-container"
- 
 
 327 
							paymentOptionSize=$paymentOptions.size()>
- 
 
 328 
							#set($a = 0) #set($b = $paymentOptions.size() - 1) #set($range =
- 
 
 329 
							[$a..$b]) #foreach($index in $range)
- 
 
 330 
							<div class="row">
- 
 
 331 
								#set($paymentOption = $paymentOptions[$index])
- 
 
 332 
								#if($paymentOption.getName() == 'ONLINE')
- 
 
 333 
								<div class="col-lg-7">
- 
 
 334 
									<h4>$paymentOption.getName() :</h4>
- 
 
 335 
								</div>
- 
 
 336 
								<div class="col-lg-5">
- 
 
 337 
									<input type="number" id="paymentOptionIdAmount${index}"
- 
 
 338 
										name="paymentOptionIdAmount${index}"
- 
 
 339 
										class="form-control paymentOptionAmount amount input-sm"
- 
 
 340 
										value="$pendingOrderItem.getSellingPrice()"
- 
 
 341 
										paymentOptionId="$paymentOption.getId()" readonly>
- 
 
 342 
								</div>
- 
 
 343 
								#else
- 
 
 344 
								<div class="col-lg-7">
- 
 
 345 
									<h4>$paymentOption.getName() :</h4>
- 
 
 346 
								</div>
- 
 
 347 
								<div class="col-lg-5">
- 
 
 348 
									<input type="number" id="paymentOptionIdAmount${index}"
- 
 
 349 
										name="paymentOptionIdAmount${index}"
- 
 
 350 
										class="form-control paymentOptionAmount amount input-sm"
- 
 
 351 
										value="" paymentOptionId="$paymentOption.getId()">
- 
 
 352 
								</div>
- 
 
 353 
								#end
- 
 
 354 
							</div>
- 
 
 355 
							#end
210 
			</div>
 356 
						</div>
211 
			<div class = "row">
 357 
						<div class="row">
212 
				<div class="col-lg-3 form-group">
 358 
							<div class="form-group col-lg-10">
- 
 
 359 
								#if($pendingOrder.getId()) <input type="hidden"
- 
 
 360 
									value="$pendingOrder.getId()" id="poid" /> <input
213 
					<input placeholder="GST Number" id="gstNumber" name="gstNumber" type="text"  value="" class="form-control input-sm">
 361 
									type="hidden" value="$pendingOrderItem.getId()" id="poItemId" />
- 
 
 362 
								#else <input type="hidden" value="0" id="poid" /> <input
- 
 
 363 
									type="hidden" value="0" id="poItemId" /> #end
- 
 
 364 
 
- 
 
 365 
								<button class="btn btn-block btn-primary order-checkout"
- 
 
 366 
									type="submit">Create Order</button>
- 
 
 367 
							</div>
- 
 
 368 
						</div>
- 
 
 369 
					</div>
214 
				</div>
 370 
				</div>
215 
			</div>
 371 
			</div>
216 
			<div class="row" id="customer-address">
 - 
 
217 
				<table class="table table-bordered">
 - 
 
218 
					<thead>
 - 
 
219 
						<tr>
 - 
 
220 
							<th>Name</th>
 - 
 
221 
							<th>Address Lines</th>
 - 
 
222 
							<th>City</th>
 - 
 
223 
							<th>State</th>
 - 
 
224 
							<th>Pin</th>
 - 
 
225 
							<th>Mobile</th>
 - 
 
226 
							<th>Action</th>
 - 
 
227 
						</tr>
 - 
 
228 
					</thead>
 - 
 
229 
					<tbody id="address-body">
 - 
 
230 
					</tbody>
 - 
 
231 
				</table>
 - 
 
232 
			</div>
 - 
 
233 
		</div>
 372 
		</div>
234 
  		<div>
 - 
 
235 
  			<div class="row">
 - 
 
236 
				<h4 class="modelHeaderCustom" style="font-size:22px;">Insurance Information</h4>
 - 
 
237 
			</div>
 373 
		#end
238 
		</div>
 374 
		</div>
- 
 
 375 
	</form>
- 
 
 376 
</section>
239 
	     	<div class="row mk_insurance_row" style="display:none">
 377 
<div class="modal modal-lg row" id="mobilePlansModal" tabindex="-1"
- 
 
 378 
	role="dialog">
240 
				<div class="col-lg-3 form-group">
 379 
	<div class="modal-dialog modal-lg" role="document">
241 
				 <label for="gender">Gender</label>
 380 
		<div class="modal-content">
242 
					<select class="form-control input-sm" id="gender" name ="gender" placeholder="Gender">
 381 
			<div class="modal-header">
243 
						<option value="" disabled selected>Gender</option>
 382 
				<button type="button" class="close" data-dismiss="modal"
244 
						<option value="1" selected>Male</option>
 383 
					aria-label="Close">
245 
						<option value="2" selected>Female</option>
 384 
					<span aria-hidden="true">&times;</span>
246 
	                </select>
 - 
 
247 
				</div>
 385 
				</button>
248 
				<div class="col-lg-3 form-group">
 386 
				<h4 class="modal-title">Choose from plans</h4>
249 
				 <label for="dateOfBirth">Date Of Birth</label>
 - 
 
250 
					<input placeholder = "Date Of Birth" id="dateOfBirth" name="dateOfBirth" type="text" value="" class="form-control">
 - 
 
251 
				</div>
 - 
 
252 
			</div>
 387 
			</div>
253 
     	</div>
 - 
 
254 
     	<div class="col-lg-4 row">
 388 
			<div class="modal-body">
255 
			<div class="col-lg-1"></div>
 389 
				<div class="row itemdetails">
256 
			<div id="payment-details" style="background:white;background-color:white;" class="col-lg-10">
 - 
 
257 
				<h4 class="modelHeaderCustom" style="font-size:22px;">Payment Details</h4>
 - 
 
258 
				<div class="row">
 390 
					<div class="row col-lg-3">
259 
					<div class="col-lg-7">
 391 
						<div class="col-lg-6">
260 
						<h4>Total Amount :</h4>
 392 
							<h4>*Ram(GB):</h4>
261 
					</div>
 393 
						</div>
262 
					<div class="col-lg-5">
 394 
						<div class="col-lg-6 form-group">
263 
						<input type="number" class="netPayableAmount form-control input-sm" name="" value="0" readonly>
 395 
							<input type="number" class="dgram form-control input-sm"
- 
 
 396 
								name="ram" value="0">
- 
 
 397 
						</div>
264 
					</div>
 398 
					</div>
265 
				</div>
 - 
 
266 
				<div id="payment-option-id-amount-container" paymentOptionSize = $paymentOptions.size()>
 - 
 
267 
				#set($a = 0)
 - 
 
268 
				#set($b = $paymentOptions.size() - 1)
 - 
 
269 
				#set($range = [$a..$b])
 - 
 
270
- 
 
271 
				#foreach($index in $range)
 - 
 
272 
					<div class="row">
 399 
					<div class="row col-lg-4">
273 
						#set($paymentOption = $paymentOptions[$index])
 - 
 
274 
						<div class="col-lg-7">
 400 
						<div class="col-lg-6">
275 
							<h4>$paymentOption.getName() :</h4>
 401 
							<h4>*Memory(GB):</h4>
276 
						</div>
 402 
						</div>
277 
						<div class="col-lg-5">
 403 
						<div class="col-lg-5 form-group">
278 
							<input type="number" id="paymentOptionIdAmount${index}" name="paymentOptionIdAmount${index}"
404 
							<input type="number" class="dgmemory form-control input-sm"
279 
							class="form-control paymentOptionAmount amount input-sm" value="0" paymentOptionId="$paymentOption.getId()">
 405 
								name="memory" value="0">
280 
						</div>
 406 
						</div>
281 
					</div>
 407 
					</div>
- 
 
 408 
					<div class="col-lg-4">
- 
 
 409 
						<div class="col-lg-3">
282 
				#end
 410 
							<h4>*Mfg Date:</h4>
283 
				</div>
 411 
						</div>
284 
				<div class="row">
 412 
						<div class="col-lg-6 form-group">
285 
					<div class="form-group col-lg-10">
 413 
							<input placeholder="Mfg Date" id="dgmfgdate" name="dgmfgdate"
286 
						<button class="btn btn-block btn-primary order-checkout" type="submit">Create Order</button>
414 
								type="text" value="" class="form-control input-sm dgmfgdate">
- 
 
 415 
						</div>
287 
					</div>
 416 
					</div>
288 
				</div>
 417 
				</div>
- 
 
 418 
				<div class="row insurancedetails"></div>
289 
			</div>
 419 
			</div>
290 
		</div>
 420 
		</div>
291 
	</div>
 421 
	</div>
292 
</div>
 422 
</div>
293 
#end
 - 
 
294 
</div>
 - 
 
295 
</form>
 - 
 
296 
</section>
 - 
 
297 
<div class="modal modal-lg row" id="mobilePlansModal" tabindex="-1" role="dialog">
 - 
 
298 
  <div class="modal-dialog modal-lg" role="document">
 - 
 
299 
    <div class="modal-content">
 - 
 
300 
      <div class="modal-header">
 - 
 
301 
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 - 
 
302 
        <h4 class="modal-title">Choose from plans</h4>
 - 
 
303 
      </div>
 - 
 
304 
      <div class="modal-body">
 - 
 
305 
      	<div class="row itemdetails">
 - 
 
306 
      		<div class="row col-lg-3">
 - 
 
307 
				<div class="col-lg-6">
 - 
 
308 
					<h4>*Ram(GB):</h4>
 - 
 
309 
				</div>
 - 
 
310 
				<div class="col-lg-6 form-group">
 - 
 
311 
					<input type="number" class="dgram form-control input-sm" name="ram" value="0">
 - 
 
312 
				</div>
 - 
 
313 
			</div>
 - 
 
314 
      		<div class="row col-lg-4">
 - 
 
315 
				<div class="col-lg-6">
 - 
 
316 
					<h4>*Memory(GB):</h4>
 - 
 
317 
				</div>
 - 
 
318 
				<div class="col-lg-5 form-group">
 - 
 
319 
					<input type="number" class="dgmemory form-control input-sm" name="memory" value="0">
 - 
 
320 
				</div>
 - 
 
321 
			</div>
 - 
 
322 
			<div class="col-lg-4">
 - 
 
323 
				<div class="col-lg-3">
 - 
 
324 
					<h4>*Mfg Date:</h4>
 - 
 
325 
				</div>
 - 
 
326 
				<div class="col-lg-6 form-group">
 - 
 
327 
					<input placeholder = "Mfg Date" id="dgmfgdate" name="dgmfgdate" type="text" value="" class="form-control input-sm dgmfgdate" >
 - 
 
328 
				</div>
 - 
 
329 
			</div>
 - 
 
330 
      	</div>
 - 
 
331 
      	<div class="row insurancedetails">
 - 
 
332 
      	</div>
- 
 
333 
	  </div>
 - 
 
334 
    </div>
 - 
 
335 
  </div>
 - 
 
336 
</div>
 - 
 
337 
 
 423 
 
338 
<div class="modal modal-lg row" id="newaddressModal" tabindex="-1" role="dialog">
 424 
<div class="modal modal-lg row" id="newaddressModal" tabindex="-1"
- 
 
 425 
	role="dialog">
339 
	<div class="modal-dialog modal-lg" role="document">
 426 
	<div class="modal-dialog modal-lg" role="document">
340 
		<div class="modal-content">
 427 
		<div class="modal-content">
341 
			<div class="modal-header">
 428 
			<div class="modal-header">
342 
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 429 
				<button type="button" class="close" data-dismiss="modal"
- 
 
 430 
					aria-label="Close">
- 
 
 431 
					<span aria-hidden="true">&times;</span>
- 
 
 432 
				</button>
343 
		        <h4 class="modal-title">New Address</h4>
 433 
				<h4 class="modal-title">New Address</h4>
344 
      		</div>
 434 
			</div>
345 
			<div class="modal-body" id="newaddress">
 435 
			<div class="modal-body" id="newaddress">
346 
		      	<div class = "row">
 436 
				<div class="row">
347 
					<div class="col-lg-4 form-group">
 437 
					<div class="col-lg-4 form-group">
348 
					   	<input placeholder="First Name" id="firstName" name="firstName" type="text" value="" class="form-control input-sm">
 438 
						<input placeholder="First Name" id="firstName" name="firstName"
- 
 
 439 
							type="text" value="" class="form-control input-sm">
349 
					</div>
 440 
					</div>
350 
					<div class="col-lg-4 form-group">
 441 
					<div class="col-lg-4 form-group">
351 
					   	<input placeholder="Last Name" id="lastName" name="lastName" type="text" value="" class="form-control input-sm">
 442 
						<input placeholder="Last Name" id="lastName" name="lastName"
- 
 
 443 
							type="text" value="" class="form-control input-sm">
352 
					</div>
 444 
					</div>
353 
					<div class="col-lg-4 form-group">
 445 
					<div class="col-lg-4 form-group">
354 
						<input placeholder="Mobile Number" id="alternatePhone" name="alternatePhone" type="text"  value="" class="form-control input-sm">
 446 
						<input placeholder="Mobile Number" id="alternatePhone"
- 
 
 447 
							name="alternatePhone" type="text" value=""
- 
 
 448 
							class="form-control input-sm">
355 
					</div>
 449 
					</div>
356 
				</div>
 450 
				</div>
357 
				<div class = "row">
 451 
				<div class="row">
358 
					<div class="col-lg-4 form-group">
 452 
					<div class="col-lg-4 form-group">
- 
 
 453 
						<input placeholder="Address Line 1" id="line1" name="line1"
359 
					 	<input placeholder="Address Line 1" id="line1" name="line1" type="text" size="50" value="" class="form-control input-sm">
 454 
							type="text" size="50" value="" class="form-control input-sm">
360 
					</div>
 455 
					</div>
361 
					<div class="col-lg-4 form-group">
 456 
					<div class="col-lg-4 form-group">
362 
						<input placeholder="Address Line 2" id="line2" name="line2" type="text" value="" class="form-control input-sm">
 457 
						<input placeholder="Address Line 2" id="line2" name="line2"
- 
 
 458 
							type="text" value="" class="form-control input-sm">
363 
					</div>
 459 
					</div>
364 
					<div class="col-lg-4 form-group">
 460 
					<div class="col-lg-4 form-group">
365 
						<input placeholder="Landmark" id="landmark" name="landmark" type="text" value="" class="form-control input-sm">
 461 
						<input placeholder="Landmark" id="landmark" name="landmark"
- 
 
 462 
							type="text" value="" class="form-control input-sm">
366 
					</div>
 463 
					</div>
367 
				</div>
 464 
				</div>
368 
				<div class = "row">
 465 
				<div class="row">
369 
					<div class="col-lg-3 form-group">
 466 
					<div class="col-lg-3 form-group">
370 
						<input placeholder="Pin Code" id="pinCode" name="pinCode" type="number" value="" class="form-control input-sm">
 467 
						<input placeholder="Pin Code" id="pinCode" name="pinCode"
- 
 
 468 
							type="number" value="" class="form-control input-sm">
371 
					</div>
 469 
					</div>
372 
					<div class="col-lg-3 form-group">
 470 
					<div class="col-lg-3 form-group">
373 
						<input placeholder="City" id="city" name="city" type="text" value="" class="form-control input-sm">
 471 
						<input placeholder="City" id="city" name="city" type="text"
- 
 
 472 
							value="" class="form-control input-sm">
374 
					</div>
 473 
					</div>
375 
					<div class="col-lg-3 form-group">
 474 
					<div class="col-lg-3 form-group">
376 
						<select class="form-control input-sm" id = "state" name = "state" placeholder="State">
 475 
						<select class="form-control input-sm" id="state" name="state"
- 
 
 476 
							placeholder="State">
377 
							<option value="" disabled selected>State</option>
 477 
							<option value="" disabled selected>State</option>
378 
							#foreach($stateName in $stateNames)
 478 
							#foreach($stateName in $stateNames) #if($retailerStateName ==
379 
								#if($retailerStateName == $stateName)
 479 
							$stateName)
380 
									<option value="$stateName" selected>$stateName</option>
 480 
							<option value="$stateName" selected>$stateName</option> #else
381 
								#else
 - 
 
382 
									<option value="$stateName">$stateName</option>
 481 
							<option value="$stateName">$stateName</option> #end #end
383 
								#end
 - 
 
384 
							#end
 482 
 
385
- 
 
386 
			            </select>
 483 
						</select>
387 
					</div>
 484 
					</div>
388 
			 	</div>
 485 
				</div>
389 
			</div>
 486 
			</div>
390 
			<div class="modal-footer">
 487 
			<div class="modal-footer">
391 
				<button type="button" class="btn btn-primary btn-add-address">Add Address</button>
 488 
				<button type="button" class="btn btn-primary btn-add-address">Add
- 
 
 489 
					Address</button>
392 
			</div>
 490 
			</div>
393 
		</div>
 491 
		</div>
394 
	</div>
 492 
	</div>
395 
</div>
 493 
</div>
396 
<script type=text/javascript">
 494 
<script type=text/javascript">
397 
	if(typeof pendingPO != "undefined") {
 - 
 
398 
		$('input.search-phone').val(pendingPOCustomer.mobileNumber).change().attr('readonly', true);
 - 
 
399 
	}
 495
400 
</script>
 496 
</script>
401 

            497