Subversion Repositories SmartDukaan

Rev

Rev 22214 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
20864 amit.gupta 1 
<script type="text/javascript" src="/js/checkout.js?v=<?php echo $staticversion;?>"></script>
2 
<script type="text/javascript" src="/js/jquery-ui.min.js "></script>
17959 manish.sha 3 
<script type="text/javascript">
4 
$(document).ready(function(){
19036 naman 5 
	var alpad = " "+($('#footer').height()-45)+"px";
6 
	$('#addresslist').css("margin-bottom",alpad);
19039 naman 7 
 
20826 amit.gupta 8 
	/*if($('.myaddress').hasClass('addressselect')){
19039 naman 9 
			var pin_val = $('.addressselect').data('pinval');
10 
			$.ajax({
11 
	            method: "GET",
12 
	            url:  "<?php echo $base_url;?>shippings/getstate/"+pin_val,
13 
	        },'json')
14 
	        .done(function(msg){
15 
	        	msg = eval('('+msg+')');
16 
	        	if(msg['state'].trim() == "Delhi")
17 
	        	{
18 
	        		$(".taxbanner").removeClass('hidden');
19 
	        	}
20 
	        });
20826 amit.gupta 21 
		}*/
19039 naman 22 
 
17959 manish.sha 23 
	var cart_details = localStorage.getItem("cart_details");
24 
	if(cart_details == undefined){
25 
		$('span#totalPayable').text(' ₹ 0');
26 
		$('button.confirmcheckout').prop( "disabled", true );
17967 manish.sha 27 
		$('.confirmprepaid').addClass('confirmprepaidDisabled').removeClass('confirmprepaid');
18633 manish.sha 28 
		$('button.confirmcredit').prop( "disabled", true );
18718 manish.sha 29 
		$('button.confirmcod').prop( "disabled", true );
18819 manish.sha 30 
		$('span#CreditError').html('');
17959 manish.sha 31 
	}else{
32 
		$('button.confirmcheckout').prop( "disabled", false );
17967 manish.sha 33 
		$('.confirmprepaidDisabled').addClass('confirmprepaid').removeClass('confirmprepaidDisabled');
18633 manish.sha 34 
		$('button.confirmcredit').prop( "disabled", false );
18718 manish.sha 35 
		$('button.confirmcod').prop( "disabled", false );
17959 manish.sha 36 
	}
20864 amit.gupta 37 
	totalPayable = <?php echo $totalPayable;?>;
38 
	walletAmount = <?php echo $walletAmount;?>;
39 
	walletPayable = Math.min(totalPayable, walletAmount);
40 
	walletUsed = 0;
18768 manish.sha 41 
	localStorage.removeItem('totalPayable');
42 
	localStorage.setItem('totalPayable', totalPayable);
20864 amit.gupta 43 
	localStorage.removeItem('walletAmount');
44 
	localStorage.setItem('walletAmount', walletAmount);
18718 manish.sha 45 
 
46 
	if (window.history && window.history.pushState) {
47 
		$(window).on('popstate', function() {
48 
        	$('#myModal').modal('hide');
49 
            $("#cartloader").addClass('hidden');
50 
            if(typeof history.checkoutForm != "undefined"){
51 
                history.checkoutForm.submit();
52 
            }
53 
        });
54 
    }
17959 manish.sha 55 
});
56 
</script>
18718 manish.sha 57 
<link rel="stylesheet" href="/css/hexdots.css" type="text/css">
17794 naman 58 
<style>
17840 manish.sha 59 
#footer {
60 
	position: fixed;
61 
	/*height:50px;*/
62 
	/*background-color:red;*/
63 
	bottom: 0px;
64 
	left: 0px;
65 
	right: 0px;
66 
	margin-bottom: 0px;
17794 naman 67 
}
68 
 
17840 manish.sha 69 
#message,#message_success {
70 
	position: fixed;
71 
	/*height:50px;*/
72 
	/*background-color:red;*/
73 
	/*background-color: white;*/
74 
	top: 0px;
75 
	left: 0px;
76 
	right: 0px;
77 
	margin-top: 0px;
78 
	z-index: 10;
17794 naman 79 
}
80 
 
17840 manish.sha 81 
.addressselect {
82 
	background-color: #D9FACF;
17794 naman 83 
}
17840 manish.sha 84 
 
17794 naman 85 
input[type=radio].css-checkbox {
17840 manish.sha 86 
	position: absolute;
87 
	z-index: -1000;
88 
	left: -1000px;
89 
	overflow: hidden;
90 
	clip: rect(0, 0, 0, 0);
91 
	height: 1px;
92 
	width: 1px;
93 
	margin: -1px;
94 
	padding: 0;
95 
	border: 0;
96 
}
17794 naman 97 
 
17840 manish.sha 98 
input[type=radio].css-checkbox+label.css-label {
99 
	padding-left: 21px;
18718 manish.sha 100 
	padding-bottom: 10px;
17840 manish.sha 101 
	height: 16px;
102 
	display: inline-block;
103 
	line-height: 16px;
104 
	background-repeat: no-repeat;
105 
	background-position: 0 0;
106 
	/*font-size:16px;*/
107 
	vertical-align: middle;
108 
	cursor: pointer;
109 
}
17794 naman 110 
 
17840 manish.sha 111 
input[type=radio].css-checkbox:checked+label.css-label {
112 
	background-position: 0 -16px;
113 
}
17794 naman 114 
 
17840 manish.sha 115 
label.css-label {
116 
	background-image: url(../img/radio.png);
117 
	-webkit-touch-callout: none;
118 
	-webkit-user-select: none;
119 
	-khtml-user-select: none;
120 
	-moz-user-select: none;
121 
	-ms-user-select: none;
122 
	user-select: none;
17794 naman 123 
}
17882 naman 124 
 
18718 manish.sha 125 
.custom_class {
126 
	color: red;
127 
}
128 
#cartloader{
129 
    position:absolute;
130 
    /*top:40%;*/
131 
    left:50%;
132 
    z-index:2001;
133 
}
17794 naman 134 
</style>
17882 naman 135 
<?php
18718 manish.sha 136 
if($message != null){?>
137 
<script>
17882 naman 138 
            $(document).ready(function(){
139 
                 $('#message').empty();
140 
                 $('#message').append("Location is not serviceable...");
141 
                 $('#message').removeClass('hidden');
142 
 
143 
                 setTimeout(function() {
144 
                    $('#message').addClass('hidden');
145 
                }, 2000);
146 
            });
147 
        </script>
148 
<?php }?>
149 
<div class="modal fade" id="loadingModal">
18718 manish.sha 150 
	<div class="modal-dialog">
151 
		<div class="modal-content">
152 
			<div class="modal-body">
153 
				<div class="text-center">
154 
					<img src="/img/ajax-loader.gif" />
155 
				</div>
156 
			</div>
157 
		</div>
158 
		<!-- /.modal-content -->
159 
	</div>
160 
	<!-- /.modal-dialog -->
17882 naman 161 
</div>
18718 manish.sha 162 
<div
163 
	class="alert alert-danger hidden" id="message"></div>
164 
<div
165 
	class="alert alert-success hidden" id="message_success"></div>
17794 naman 166 
 
18718 manish.sha 167 
<div class="text-center hidden" id="cartloader">
168 
	<br><br>
169 
    <div class="hexdots-loader"></div>
170 
</div>
19036 naman 171 
<div class='container' style='margin-bottom: 50px;' id ="addresslist">
172 
 
18718 manish.sha 173 
	<div class='row' style="padding-bottom: 55px;">
19039 naman 174 
	<?php //if($stateres == "Delhi"):?>
19219 amit.gupta 175 
	<div class="taxbanner hidden" style="margin-top: 5px;"><a href="/tins"><img src = "../img/vat-tax.gif" width="100%"></a></div>
19039 naman 176 
	<?php //endif;?>
17794 naman 177 
 
18718 manish.sha 178 
		<div class='row'>
179 
			<div class='col-xs-12'
180 
				style="background-color: white; margin-top: 5px;">
18734 manish.sha 181 
 
18718 manish.sha 182 
				<h4>
183 
					Shipping Address: <a
184 
						href="<?php echo $base_url;?>shippings/add/<?php echo $user_name.'/'.$user_contact;?>"
185 
						class='btn btn-success btn-xs' style='float: right;'>Add New
186 
						Address</a>
187 
				</h4>
188 
				<br>
17882 naman 189 
 
18718 manish.sha 190 
			</div>
191 
		</div>
192 
		<div class='col-xs-12'
193 
			style='background-color: white; padding: 40px; padding: 3px 20px;'>
17882 naman 194 
 
18718 manish.sha 195 
			<div style='background-color: #f8f8f8; padding: 5px;'>
196 
			<?php
197 
			for($i=0;$i<count($firstshowaddress);$i++){?>
17794 naman 198 
 
18718 manish.sha 199 
			<?php if($i==3):?>
200 
				<div id='showmoreaddressdropdown' style='display: none;'>
201 
				<?php endif;?>
202 
				<?php //if(count($firstshowaddress)>$i):?>
203 
					<div style='min-height: 80px; padding: 4px;'
19039 naman 204 
						id="address<?php echo $address['addresses'][$firstshowaddress[$i]]['id'];?>" data-pinval="<?php echo $address['addresses'][$firstshowaddress[$i]]['pin']; ?>"
18718 manish.sha 205 
						class='myaddress <?php if($defaultselectedaddress == $address['addresses'][$firstshowaddress[$i]]['id']){echo "addressselect";}?>'>
17794 naman 206 
 
18718 manish.sha 207 
						<input type="radio" class="css-checkbox"
208 
							id='<?php echo $address['addresses'][$firstshowaddress[$i]]['id'];?>'
209 
							value='<?php echo $address['addresses'][$firstshowaddress[$i]]['id'];?>'
210 
							name="selectedaddress"
18745 manish.sha 211 
							<?php if($defaultselectedaddress == $address['addresses'][$firstshowaddress[$i]]['id']){echo "checked";}?>
20864 amit.gupta 212 
							credit_available="false">
17794 naman 213 
 
18718 manish.sha 214 
						<label
215 
							for="<?php echo $address['addresses'][$firstshowaddress[$i]]['id'];?>"
216 
							class="css-label radGroup2"
217 
							data-pin="<?php echo $address['addresses'][$firstshowaddress[$i]]['pin'];?>"
18777 manish.sha 218 
							data-id="<?php echo $address['addresses'][$firstshowaddress[$i]]['id'];?>"
20864 amit.gupta 219 
							credit_available="false">
18718 manish.sha 220 
							<?php
221 
							if(isset($address['addresses'][$firstshowaddress[$i]]['line1']) && !empty($address['addresses'][$firstshowaddress[$i]]['line1']))
222 
							{echo "Address: ",$address['addresses'][$firstshowaddress[$i]]['line1'];}
223 
							if(isset($address['addresses'][$firstshowaddress[$i]]['line2']) && !empty($address['addresses'][$firstshowaddress[$i]]['line2']))
224 
							{echo ",",$address['addresses'][$firstshowaddress[$i]]['line2'];}
225 
							if(isset($address['addresses'][$firstshowaddress[$i]]['city']) && !empty($address['addresses'][$firstshowaddress[$i]]['city']))
226 
							{echo "<br>",$address['addresses'][$firstshowaddress[$i]]['city'];}
227 
							if(isset($address['addresses'][$firstshowaddress[$i]]['state']) && !empty($address['addresses'][$firstshowaddress[$i]]['state']))
228 
							{echo ", ",$address['addresses'][$firstshowaddress[$i]]['state'];}
229 
							if(isset($address['addresses'][$firstshowaddress[$i]]['pin']) && !empty($address['addresses'][$firstshowaddress[$i]]['pin']))
230 
							{echo ",",$address['addresses'][$firstshowaddress[$i]]['pin'];}
18849 manish.sha 231 
							?>
18838 manish.sha 232 
							<br>
18768 manish.sha 233 
							<?php if($taxInvoiceEnabledUser):?>
18745 manish.sha 234 
							<?php if($address['addresses'][$firstshowaddress[$i]]['taxInvoiceAvailable']):?>
18838 manish.sha 235 
							<i class="glyphicon glyphicon-info-sign" style="font-size: 10px;color: #42A150;">
18768 manish.sha 236 
							<span style="color: #42A150;font-size: 10px;font-family: &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;">Tax Invoice Available</span>
18734 manish.sha 237 
							</i>
18745 manish.sha 238 
							<?php endif;?>
18768 manish.sha 239 
							<?php endif;?>
18849 manish.sha 240 
							</label>
17794 naman 241 
 
18718 manish.sha 242 
					</div>
243 
					<hr style='margin: 0px; padding: 0px; border-color: #58d936;'>
244 
					<?php //endif;?>
245 
 
246 
					<?php if($i>3 && $i==(count($firstshowaddress)-1)):?>
18633 manish.sha 247 
				</div>
18718 manish.sha 248 
				<!-- <center><button class='btn btn-default btn-xs' id='showmore'>Show More</button></center> -->
249 
				<?php endif;?>
250 
 
251 
				<?php }?>
252 
			</div>
253 
		</div>
254 
		<?php if(count($firstshowaddress)>3):?>
255 
		<center>
256 
			<div class='btn btn-default btn-xs' id='showmore'>Show More</div>
257 
		</center>
258 
		<?php endif;?>
259 
	</div>
260 
	<!-- End of address section -->
261 
 
262 
	<div class="modal fade" id="myModal">
263 
		<div class="modal-dialog">
264 
			<div class="modal-content"
265 
				style="background-color: #f0f0f0; color: #555;">
266 
				<div class="modal-body">
18768 manish.sha 267 
					<p id="confirmOrderText" addressId="" checkoutType="" style="color: #555;" class="text-center"></p>
18633 manish.sha 268 
				</div>
18718 manish.sha 269 
				<div class="modal-footer">
270 
					<button type="button" class="btn btn-md  pull-left" id="changeOption"
271 
						style="background-color: #58d936; color: #fff;">
272 
						<strong>Change Option<br>(विकल्प बदलें)</strong>
273 
					</button>
274 
					<button type="button" class="btn btn-md pull-right"
275 
						id="orderNow" style="background-color: #58d936; color: #fff;">
276 
						<strong>Order Now<br>(अभी खरीदें)</strong>
277 
					</button>
278 
				</div>
279 
			</div>
280 
			<!-- /.modal-content -->
281 
		</div>
282 
		<!-- /.modal-dialog -->
283 
	</div>
284 
	<!-- /.modal -->
18633 manish.sha 285 
 
18718 manish.sha 286 
	<!-- Cart section started -->
20864 amit.gupta 287 
	<div class="row" style="padding: 0px;" id="footer">
288 
		<div class="col-xs-12" style="background-color: white; padding: 10px 20px 20px 20px; width: 100%;">
289 
			<h5 style="margin: 0px; margin-bottom: 6px;">
290 
				Total payable Amount: <span style="color: #ff0000;" id="totalPayable"> &#8377;<?php echo number_format($totalPayable);?>
18718 manish.sha 291 
				</span>
20864 amit.gupta 292 
			</h5>
293 
			<?php if($walletAmount > 0):?>
294 
				<?php if($walletAmount < $totalPayable): ?>
295 
					<div style="margin: 0px; margin-bottom: 6px;">
296 
						<a href="javascript:void(0);" style="font-size: 12px;width:97px" class="usewallet btn btn-success btn-xs">
297 
							Use Wallet
298 
						</a><span id="walletAmount">(&#8377;<?php echo number_format($walletAmount);?>)</span>
299 
					</div>
300 
					<h5 id="netpayable" style="margin: 0px; margin-bottom: 6px; visibility:hidden;">
301 
						Net payable Amount: <span style="color: #ff0000;padding-left:9px" id="totalPayable"> &#8377;<?php echo number_format($totalPayable - $walletAmount);?></span>
302 
					</h5>
303 
					<?php if($codAvailable):?>
22214 amit.gupta 304 
					<!--<a href="#" style="padding-right: 2px; color: blue; font-size: 15px;" class="confirmprepaid">
20864 amit.gupta 305 
						<u>Other Pay Option</u>
22214 amit.gupta 306 
					</a>-->
20864 amit.gupta 307 
					<button class="btn btn-success confirmcheckout pull-right">Confirm Order via COD</button>
308 
					<?php else:?>
309 
						<span style='padding-right: 2px; color: red; font-size: 15px;'>*COD Not Available</span>
22214 amit.gupta 310 
						<!--<button class="btn btn-success confirmprepaid pull-right">Other Pay Option</button>-->
20864 amit.gupta 311 
					<?php endif;?>
312 
				<?php else:?>
313 
					<?php if($codAvailable):?>
18718 manish.sha 314 
						<div class="col-xs-12" style="margin-left: 20px;">
22214 amit.gupta 315 
							<!--<div class="col-xs-4">
18718 manish.sha 316 
								<button type="button" class="btn btn-md confirmprepaid"
317 
									style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;">Other</button>
18825 manish.sha 318 
								<br>
319 
									<span style="font-size: 8px;">&nbsp;<span style="color:#ff0000;font-size:12px;"> &nbsp;</span></span>
22214 amit.gupta 320 
							</div>-->
321 
							<div class="col-xs-6">
18718 manish.sha 322 
								<button type="button" class="btn btn-md confirmcod"
323 
									style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;">COD</button>
18825 manish.sha 324 
								<br>
325 
									<span style="font-size: 8px;">&nbsp;<span style="color:#ff0000;font-size:12px;"> &nbsp;</span></span>
18718 manish.sha 326 
							</div>
22214 amit.gupta 327 
							<div class="col-xs-6" style="padding:0px;">
20864 amit.gupta 328 
								<button type="button" class="btn btn-md confirmwallet"
329 
									style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;">Use Wallet</button>
18718 manish.sha 330 
								<br>
20864 amit.gupta 331 
								<span style="font-size: 8px;">Wallet Amount<span style="color:#ff0000;font-size:12px;"> &#8377; <?php echo number_format($walletAmount);?></span></span>
18718 manish.sha 332 
							</div>
333 
						</div>
20864 amit.gupta 334 
					<?php else:?>
18718 manish.sha 335 
						<div class="col-xs-12" style="margin-left: 20px;">
336 
							<div class="col-xs-4">
337 
								<span
338 
									style='padding-right: 2px; color: red; font-size: 12px; " margin: 0px 10px 0px 0px;'>*COD
339 
									Not Available</span>
340 
							</div>
341 
							<div class="col-xs-4">
342 
								<button type="button" class="btn btn-md confirmprepaid"
343 
									style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;">Other</button>
344 
							</div>
345 
							<div class="col-xs-4" style="padding:0px;">
21207 amit.gupta 346 
								<button type="button" class="btn btn-md confirmwallet"
20864 amit.gupta 347 
									style="margin: 10px 20px 0px 0px; background-color: #5cb85c; color: #fff;padding-right: 30px;padding-left: 30px;">Wallet</button>
18718 manish.sha 348 
								<br>
20864 amit.gupta 349 
								<span style="font-size: 8px;">Wallet Amout<span style="color:#ff0000;font-size:12px;"> &#8377; <?php echo number_format($walletAmount);?></span></span>
18718 manish.sha 350 
							</div>
351 
						</div>
20864 amit.gupta 352 
					<?php endif;?>
353 
				<?php endif;?>
354 
			<?php else:?>
355 
				<div style="margin: 0px; margin-bottom: 6px;">
356 
					<?php if($codAvailable):?>
22467 amit.gupta 357 
						<!--<a href="#" style="padding-right: 2px; color: blue; font-size: 15px;" class="confirmprepaid">
20864 amit.gupta 358 
							<u>Other Pay Option</u>
22467 amit.gupta 359 
						</a>-->
20864 amit.gupta 360 
						<button class="btn btn-success confirmcheckout pull-right">Confirm Order via COD</button>
18718 manish.sha 361 
					<?php else:?>
20864 amit.gupta 362 
						<span style='padding-right: 2px; color: red; font-size: 15px;'>*COD Not Available</span>
22467 amit.gupta 363 
						<!--<button class="btn btn-success confirmprepaid pull-right">Other Pay Option</button>-->
18718 manish.sha 364 
					<?php endif;?>
20864 amit.gupta 365 
				</div>
18718 manish.sha 366 
			<?php endif;?>
367 
		</div>
368 
	</div>
369 
 
370 
	<!-- Cart section end -->
17794 naman 371 
</div>
372