Subversion Repositories SmartDukaan

Rev

Rev 18438 | Rev 18734 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
17882 naman 1
<script type="text/javascript" src="/js/checkout.js?v=<?php echo $staticversion;?>"></script>
17794 naman 2
<script>
3
	$(document).ready(function(){
17960 manish.sha 4
		var cart_details = localStorage.getItem("cart_details");
5
		if(cart_details == undefined){
6
			$('span#totalPayable').text(' ₹ 0');
17966 manish.sha 7
			$('input.submit_check').prop( "disabled", true );
17960 manish.sha 8
		}else{
17966 manish.sha 9
			$('input.submit_check').prop( "disabled", false );
17960 manish.sha 10
		}
18718 manish.sha 11
		var totalPayable = <?php echo $totalPayable;?>;
12
		var creditLimit = <?php echo $creditLimit;?>;
13
		var creditTicketSize = <?php echo $creditTicketSize;?>;
14
 
15
		if(cart_details == undefined || creditTicketSize>totalPayable || totalPayable>=creditLimit){
16
			$("input.submit_check[data-name='credit']").prop( "disabled", true );
17
		}else{
18
			$("input.submit_check[data-name='credit']").prop( "disabled", false );
19
		}
20
 
21
		if (window.history && window.history.pushState) {
22
			$(window).on('popstate', function() {
23
	        	$('#myModal').modal('hide');
24
	            $("#cartloader").addClass('hidden');
25
	            if(typeof history.checkoutForm != "undefined"){
26
	                history.checkoutForm.submit();
27
	            }
28
	        });
29
	    }
17947 manish.sha 30
		var footertop = $(window).height();
31
		setInterval(function() {
32
			if(parseInt(footertop)!=parseInt($(window).height())){
33
				$("div#footer").hide();
34
			}else{
35
				$("div#footer").show();
36
			}
37
		},100);
17794 naman 38
		$("#state").val('<?php echo $getstateval;?>');
17843 naman 39
 
40
		 $('#pin').keyup(function(){
41
            var pin_val = $(this).val();
42
            if(pin_val.length == 6){
43
                $.ajax({
44
                    method: "GET",
45
                    url:  "<?php echo $base_url;?>shippings/getstate/"+pin_val,
46
                },'json')
47
                .done(function(msg){ 
48
                	msg = eval('('+msg+')');
49
                	if(msg=="{}")                  
50
                	{
51
                		$("#cities").empty();
52
                		$("#state").val("");		
53
                	}
54
                	else
55
                	{
56
                		$("#state").val(msg['state']);
57
                		$("#cities").empty();
58
                		for(var i in msg['cities']){
59
                			var html = "<option value="+msg['cities'][i]+">"+msg['cities'][i]+"</option>"
60
                			$("#cities").append(html);
61
                		}	
62
                	}
63
 
64
                });                     
65
            } 
66
            else{
67
            	$("#cities").empty();
68
            	$("#state").val("");
69
            }
70
        });
71
 
72
 
17794 naman 73
 
17882 naman 74
 
17794 naman 75
 
76
 
77
	});
78
</script>
18718 manish.sha 79
<link rel="stylesheet" href="/css/hexdots.css" type="text/css">
17794 naman 80
<style>
81
 
17914 amit.gupta 82
.link {
83
     background:none!important;
17939 amit.gupta 84
     color:blue;
17914 amit.gupta 85
     border:none; 
86
     padding:0!important;
87
     font: inherit;
88
     /*border is optional*/
17939 amit.gupta 89
     border-bottom:1px solid blue; 
17914 amit.gupta 90
     cursor: pointer;
91
}
92
 
17794 naman 93
#footer{
94
    position:fixed;
95
    /*height:50px;*/
96
    /*background-color:red;*/
97
    bottom:0px;
98
    left:0px;
99
    right:0px;
100
    margin-bottom:0px;
101
}
102
 
103
* {
104
  padding: 0;
105
  margin: 0;
106
}
107
 
108
 
109
 
110
 
111
 
112
 
17843 naman 113
 
17794 naman 114
select {
115
  width: 100%;
116
  appearance: none;
117
  -webkit-appearance: none;
118
  border: #58d936 solid 1px;
119
  color: #555555;
120
  border-radius: 6px;
121
  outline: none;
122
  padding: 4px;
123
  display: block;
124
  box-sizing: border-box;
125
  -webkit-box-sizing: border-box;
126
  -moz-box-sizing: border-box;
127
  /*font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;*/
128
  /*margin: 2px 0 8px 0;*/
129
  margin: 2px 0 0px 0;
130
  background: url('../images/dropdown.PNG') no-repeat 99% 16px, #ffffff;
131
  background-size: 20px, 100%;
132
}
133
.shipping-cont {
134
  margin:7px 2px;
135
  padding: 12px 7px;
136
  background: white;
137
}
138
.shipping-cont form {
139
  padding: 0px 0;
140
}
141
.shipping-cont form fieldset {
142
  border: none;
143
}
144
 
145
.shipping-cont label span {
146
  color: red;
147
}
148
/*.shipping-cont input[type="submit"] {
149
  float: left;
150
  width: 100%;
151
  margin: 10px 0;
152
  background: #ff7201;
153
  color: #ffffff;
154
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
155
  text-align: center;
156
  padding: 5px 0;
157
  text-transform: uppercase;
158
  appearance: none;
159
  -webkit-appearance: none;
160
  -moz-appearance: none;
161
  border: none;
162
}*/
163
 
164
label{
165
	margin:0px;
166
	padding:0px;
167
}
168
 
169
input[type="text"],
170
input[type="number"],
171
input[type="date"],
172
textarea {
173
  width: 100%;
174
  appearance: none;
175
  -webkit-appearance: none;
176
  -moz-appearance: none;
177
  border: #58d936 solid 1px;
178
  color: #555;
179
  border-radius: 6px;
180
  outline: none;
181
  padding: 5px;
17843 naman 182
  /*display: block;*/
17794 naman 183
  box-sizing: border-box;
184
  -webkit-box-sizing: border-box;
185
  -moz-box-sizing: border-box;
186
  font: normal 1.2em Helvetica, Arial, sans-serif;
187
  /*margin: 2px 0 8px 0;*/
188
   margin: 2px 0 0px 0;
189
}
190
 
191
textarea{
192
	resize: none;
193
}
194
 
195
.error_msg {
196
  padding: 5px 5px 5px 28px;
197
  display: block;
198
  border: #fc1f1f dashed 1px;
199
  color: #fc1f1f;
200
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
201
  margin: 0 5px;
202
  background-size: 20px;
203
  margin-bottom: 10px;
204
}
205
 
206
.form_submit{
207
	width:100%;
208
}
209
 
17998 naman 210
#message{
211
	position: fixed;
212
	top: 0px;
213
	left: 0px;
214
	right: 0px;
215
	margin-top: 0px;
216
	z-index: 10;
217
}
18718 manish.sha 218
#cartloader{
219
    position:absolute;
220
    /*top:40%;*/
221
    left:50%;
222
    z-index:2001;
223
}
17794 naman 224
</style>
17998 naman 225
<div class="alert alert-danger hidden" id="message"></div>
18718 manish.sha 226
<div class="text-center hidden" id="cartloader">
227
	<br><br>
228
    <div class="hexdots-loader"></div>         
229
</div>
17794 naman 230
<div class='container' style='margin-bottom:50px;'>
17914 amit.gupta 231
	<form method="post" action="#" name='form2' id='form2' class="address-form"> 
232
		<div class='row' style="padding-bottom:55px;">
233
			<div class='col-xs-12' style='padding:0px'>
234
				<div class="shipping-cont">
235
				<div id="error" class="error_msg" style="display:none">
17794 naman 236
       		</div>
17914 amit.gupta 237
			<fieldset>
238
				<h4>Add New Address:
239
				 <!-- <input type="submit"  name="submit" value="Save" class='btn btn-success' id='form_submit' style='float:right;'/> -->
240
				</h4>
241
 
242
				<!-- <label>Name<span>*</span></label> -->
243
				<input type="text" id="name" name="name" placeholder="Enter name*" value="<?php echo $user_name;?>" required/>
244
				<!-- <label>Address<span>*</span></label> -->
245
				<textarea rows="2" id="line1" name="line1" placeholder="Address*" required></textarea>
246
 
247
				<div class='row' style='padding-bottom:5px'> 
248
					<div class='col-xs-6' style='padding:0px 5px 0px 0px ;'>
249
						<datalist id="cities">
250
						</datalist>
251
						<input type="text" placeholder="City*" id="city" name="city" list="cities" required/>
252
 
253
						<!-- <label>Phone<span>*</span></label> -->
254
						<input type="text" id="phone" value="<?php echo $user_contact;?>" placeholder="Contact number*" name="phone" pattern="\d.{9,9}" required title="Invalid Phone number.."/>
17794 naman 255
					</div>
17914 amit.gupta 256
					<div class='col-xs-6' style='padding:0px 0px 0px 5px ;'>
18040 amit.gupta 257
						<!-- <label>Pincode<span>*</span></label> -->
258
						<input placeholder="Pincode*" required value='<?php echo $pinval;?>' type="text" id="pin" name="pin" pattern="\d.{5,5}" title="Invalid Pin" />
259
 
17914 amit.gupta 260
						<!-- <label>State<span>*</span></label> -->
261
						<select id="state" name="state" required>
262
							<option value="">Select State</option>
263
							<option value="Andaman &amp; Nicobar Island">Andaman &amp; Nicobar Island</option>
264
							<option value="Andhra Pradesh">Andhra Pradesh</option>
265
							<option value="Arunachal Pradesh">Arunachal Pradesh</option>
266
							<option value="Assam">Assam</option>
267
							<option value="Bihar">Bihar</option>
268
							<option value="Chandigarh">Chandigarh</option>
269
							<option value="Chattisgarh">Chattisgarh</option>
270
							<option value="Dadra &amp; Nagar Haveli">Dadra &amp; Nagar Haveli</option>
271
							<option value="Daman &amp; Diu">Daman &amp; Diu</option>
272
							<option value="Delhi">Delhi</option>
273
							<option value="Goa">Goa</option>
274
							<option value="Gujarat">Gujrat</option>
275
							<option value="Haryana">Haryana</option>
276
							<option value="Himachal Pradesh">Himachal Pradesh</option>
277
							<option value="Jammu &amp; Kashmir">Jammu &amp; Kashmir</option>
278
							<option value="Jharkhand">Jharkhand</option>
279
							<option value="Karnataka">Karnataka</option>
280
							<option value="Kerala">Kerala</option>
281
							<option value="Lakshadweep">Lakshadweep</option>
282
							<option value="Madhya Pradesh">Madhya Pradesh</option>
283
							<option value="Maharashtra">Maharashtra</option>s
284
							<option value="Manipur">Manipur</option>
285
							<option value="Meghalaya">Meghalaya</option>
286
							<option value="Mizoram">Mizoram</option>
287
							<option value="Nagaland">Nagaland</option>
288
							<option value="Orissa">Orissa</option>
289
							<option value="Pondicherry">Pondicherry</option>
290
							<option value="Punjab">Punjab</option>
291
							<option value="Rajasthan">Rajasthan</option>
292
							<option value="Sikkim">Sikkim</option>
293
							<option value="Tamil Nadu">Tamil Nadu</option>
294
							<option value="Telangana">Telangana</option>
295
							<option value="Tripura">Tripura</option>
296
							<option value="Uttar Pradesh">Uttar Pradesh</option>
297
							<option value="Uttarakhand">Uttarakhand</option>
298
							<option value="West Bengal">West Bengal</option>
299
						</select>
300
 
301
					</div>
302
				</div>
303
			</fieldset>
17794 naman 304
 
305
 
306
		</div>
307
	</div>
18718 manish.sha 308
 
309
	<div class="modal fade" id="myModal">
310
		<div class="modal-dialog">
311
			<div class="modal-content"
312
				style="background-color: #f0f0f0; color: #555;">
313
				<div class="modal-body">
314
					<p id="confirmOrderText" addressId="" checkoutType="" style="color: #ff0000;" class="text-center"></p>
315
				</div>
316
				<div class="modal-footer">
317
					<button type="button" class="btn btn-md  pull-left" id="changeOption"
318
						style="background-color: #58d936; color: #fff;">
319
						<strong>Change Option<br>(विकल्प बदलें)</strong>
320
					</button>
321
					<button type="button" class="btn btn-md pull-right"
322
						id="orderNow" style="background-color: #58d936; color: #fff;">
323
						<strong>Order Now<br>(अभी खरीदें)</strong>
324
					</button>
325
				</div>
326
			</div>
327
			<!-- /.modal-content -->
328
		</div>
329
		<!-- /.modal-dialog -->
330
	</div>
331
	<!-- /.modal -->
17794 naman 332
 
333
 
17882 naman 334
	<div class='row' style='padding:0px;' id='footer'>
18438 manish.sha 335
		<div class='col-xs-12' style='background-color:white;padding: 10px 20px 20px 20px; width:100%;'>
336
			<h4 style="margin: 0px;margin-bottom: 8px;">Total payable Amount: <span style="color:#ff0000;" id="totalPayable"> &#8377; <?php echo number_format($totalPayable);?></span></h4>
18718 manish.sha 337
			<?php if($creditorAssociated):?>
338
				<h5>Confirm Order: Choose Option</h5>
339
				<?php if($creditTicketSize<=$totalPayable):?>
340
					<?php if($creditLimit>=$totalPayable):?>
341
						<?php if($codAvailable):?>
342
							<div class="col-xs-12" style="margin-left: 20px;">
343
								<div class="col-xs-4">
344
									<input type="submit" class="btn btn-md submit_check"
345
										style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;" data-name="other_option" value="Other"></input>
346
								</div>
347
								<div class="col-xs-4">
348
									<input type="submit" class="btn btn-md submit_check"
349
										style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;" data-name="codoption" value="COD"></input>
350
								</div>
351
								<div class="col-xs-4" style="padding:0px;">
352
									<input type="submit" class="btn btn-md submit_check"
353
										style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;padding-right: 30px;padding-left: 30px;" data-name="creditoption" value="Credit">Credit</input>
354
									<br>
355
									<span style="font-size: 8px;">Credit Limit<span style="color:#ff0000;font-size:12px;"> &#8377; <?php echo number_format($creditLimit);?></span></span>
356
								</div>
357
							</div>
358
						<?php else:?>
359
							<div class="col-xs-12" style="margin-left: 20px;">
360
								<div class="col-xs-4">
361
									<span
362
									style='padding-right: 2px; color: red; font-size: 12px; " margin: 0px 10px 0px 0px;'>*COD
363
									Not Available</span>
364
								</div>
365
								<div class="col-xs-4">
366
									<input type="submit" class="btn btn-md submit_check"
367
										style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;" data-name="other_option" value="Other"></input>
368
								</div>
369
								<div class="col-xs-4" style="padding:0px;">
370
									<input type="submit" class="btn btn-md submit_check"
371
										style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;padding-right: 30px;padding-left: 30px;" data-name="creditoption" value="Credit">Credit</input>
372
									<br>
373
									<span style="font-size: 8px;">Credit Limit<span style="color:#ff0000;font-size:12px;"> &#8377; <?php echo number_format($creditLimit);?></span></span>
374
								</div>
375
							</div>
376
						<?php endif;?>
377
					<?php else:?>
378
						<span style='color: red; font-size: 11px; " margin: 0px 10px 0px 0px;'>* Your Credit Limit is less than Order Amount. <br>* आपकी उपलब्ध क्रेडिट लिमिट आर्डर राशि से कम है। </span>
379
						<?php if($codAvailable):?>
380
							<div class="col-xs-12" style="margin-left: 20px;">
381
								<div class="col-xs-4">
382
									<input type="submit" class="btn btn-md submit_check"
383
										style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;" data-name="other_option" value="Other"></input>
384
								</div>
385
								<div class="col-xs-4">
386
									<input type="submit" class="btn btn-md submit_check"
387
										style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;" data-name="codoption" value="COD"></input>
388
								</div>
389
								<div class="col-xs-4" style="padding:0px;">
390
									<input type="submit" class="btn btn-md submit_check"
391
										style="margin: 10px 20px 0px 0px; background-color: #B4CAB4; color: #fff;padding-right: 30px;padding-left: 30px;" data-name="creditoption" value="Credit"></input>
392
									<br>
393
									<span style="font-size: 8px;">Credit Limit<span style="color:#ff0000;font-size:12px;"> &#8377; <?php echo number_format($creditLimit);?></span></span>
394
								</div>
395
							</div>
396
						<?php else:?>
397
							<div class="col-xs-12" style="margin-left: 20px;">
398
								<div class="col-xs-4">
399
									<span
400
									style='padding-right: 2px; color: red; font-size: 12px; " margin: 0px 10px 0px 0px;'>*COD
401
									Not Available</span>
402
								</div>
403
								<div class="col-xs-4">
404
									<input type="submit" class="btn btn-md submit_check"
405
										style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;" data-name="other_option" value="Other"></input>
406
								</div>
407
								<div class="col-xs-4" style="padding:0px;">
408
									<input type="submit" class="btn btn-md submit_check"
409
										style="margin: 10px 20px 0px 0px; background-color: #B4CAB4; color: #fff;padding-right: 30px;padding-left: 30px;" data-name="creditoption" value="Credit"></input>
410
									<br>
411
									<span style="font-size: 8px;">Credit Limit<span style="color:#ff0000;font-size:12px;"> &#8377; <?php echo number_format($creditLimit);?></span></span>
412
								</div>
413
							</div>
414
						<?php endif;?>
415
					<?php endif;?>
416
				<?php else:?>
417
						<span style='color: red; font-size: 11px; " margin: 0px 10px 0px 0px;'>* Minimum Order Amount Should be  &#8377; <?php echo number_format($creditTicketSize);?> for Credit <br>* क्रेडिट के लिए न्यूनतम आर्डर राशि  &#8377; <?php echo number_format($creditTicketSize);?> होनी चाहिए ।</span>
418
						<?php if($codAvailable):?>
419
							<div class="col-xs-12" style="margin-left: 20px;">
420
								<div class="col-xs-4">
421
									<input type="submit" class="btn btn-md submit_check"
422
										style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;" data-name="other_option" value="Other"></input>
423
								</div>
424
								<div class="col-xs-4">
425
									<input type="submit" class="btn btn-md submit_check"
426
										style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;" data-name="codoption" value="COD"></input>
427
								</div>
428
								<div class="col-xs-4" style="padding:0px;">
429
									<input type="submit" class="btn btn-md submit_check"
430
										style="margin: 10px 20px 0px 0px; background-color: #B4CAB4; color: #fff;padding-right: 30px;padding-left: 30px;" data-name="creditoption" value="Credit"></input>
431
									<br>
432
									<span style="font-size: 8px;">Credit Limit<span style="color:#ff0000;font-size:12px;"> &#8377; <?php echo number_format($creditLimit);?></span></span>
433
								</div>
434
							</div>
435
						<?php else:?>
436
							<div class="col-xs-12" style="margin-left: 20px;">
437
								<div class="col-xs-4">
438
									<span
439
									style='padding-right: 2px; color: red; font-size: 12px; " margin: 0px 10px 0px 0px;'>*COD
440
									Not Available</span>
441
								</div>
442
								<div class="col-xs-4">
443
									<input type="submit" class="btn btn-md submit_check"
444
										style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;" data-name="other_option" value="Other"></input>
445
								</div>
446
								<div class="col-xs-4" style="padding:0px;">
447
									<input type="submit" class="btn btn-md submit_check"
448
										style="margin: 10px 20px 0px 0px; background-color: #B4CAB4; color: #fff;padding-right: 30px;padding-left: 30px;" data-name="creditoption" value="Credit"></input>
449
									<br>
450
									<span style="font-size: 8px;">Credit Limit<span style="color:#ff0000;font-size:12px;"> &#8377; <?php echo number_format($creditLimit);?></span></span>
451
								</div>
452
							</div>
453
						<?php endif;?>
454
				<?php endif;?>
455
			<?php else:?>
456
				<?php if($codAvailable):?>
457
				<input type="submit" value="Other Pay Option" class="link submit_check" data-name="other_option"></input>
458
				<input type="submit" value="Confirm Order via COD" class="btn btn-success pull-right submit_check" data-name="cod"></input>
459
	            <?php else:?>
460
	            <span style='padding-right:2px;color:red;font-size:15px;'>*COD Not Available</span>
461
	            <input type="submit" value="Other Pay Option" class="btn btn-success pull-right submit_check" data-name="other_option"></input>
462
	            <?php endif;?>
463
			<?php endif;?>
17882 naman 464
		</div>
465
	</div>
17914 amit.gupta 466
	</form>
17794 naman 467
</div>