Subversion Repositories SmartDukaan

Rev

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

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

            525