<!DOCTYPE html>
<html>
<head>
	<style id="stndz-style"></style>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style type="text/css">
	.step {
		height: 15px;
		width: 15px;
		margin: 0 2px;
		background-color: #bbbbbb;
		border: none;  
		border-radius: 50%;
		display: inline-block;
		opacity: 0.5;
	}
	</style>
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="pingback" href="https://cbb.allo.my/xmlrpc.php">
	<link href="https://fonts.googleapis.com/css?family=Open+Sans|Oswald:400,500|Signika:400,600" rel="stylesheet">
	<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	 
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker3.css">
	<title>Residential Application</title>

	<link rel="dns-prefetch" href="//fonts.googleapis.com">
	<link rel="dns-prefetch" href="//s.w.org">
	<link rel="alternate" type="application/rss+xml" title="Cyberjaya Broadband » Feed" href="https://cbb.allo.my/feed/">
	<link rel="alternate" type="application/rss+xml" title="Cyberjaya Broadband » Comments Feed" href="https://cbb.allo.my/feed/">
		
	<link rel="icon" href="https://citybroadband.my/wp-content/uploads/2018/09/favicon-2.png" type="image/gif">
	<link rel="icon" href="https://citybroadband.my/wp-content/uploads/2018/09/favicon-3.png" type="image/png">
	<link rel="apple-touch-icon" href="https://citybroadband.my/wp-content/uploads/2018/09/favicon-4.png">
		
	<link rel="stylesheet" href="{{url('css/bootstrap.min.css')}}" type="text/css">
	<link rel="stylesheet" href="{{url('css/style.css')}}" type="text/css">
	
	<!-- Custom Signature files -->
	<!--<link rel="stylesheet" href="../include/plugins/signature_pad/docs/css/signature-pad.css">-->
	
	<!-- Font Awesome -->
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">
	
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-39365077-1']);
		_gaq.push(['_trackPageview']);
		(function() {
		  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
	</script>
	<style type="text/css">
		input[type="text"], .tab-pane input[type="search"], input[type="email"], input[type="tel"], input[type="file"] {
		    height: 40px !important;
		    border: 1px solid #ccc !important;
		    border-radius: 4px;
		    margin-bottom: 0px;
		    background: #f5f5f5;
		}
	    footer {
		    padding: 40px 0 !important;
		}

		.inner-pane-white{
			background-color: #fff !important;
			border: 1px solid #ccc;
			padding: 20px;
		}
		#preview{
			padding: 0px !important;
		}
	</style>
</head>
<body>
	<div id="page" class="site">
		<a class="skip-link screen-reader-text" href="#content">Skip to content</a>


		<header id="masthead" class="site-header" role="banner">
			<div class="fixed-portal-login"><a href="http://userportal.citybroadband.my/login" target="_blank">User Portal Login</a></div></div>

			<div class="nav-container">
				<nav id="site-navigation" class="main-navigation" role="navigation">
					<div class="container nav-bar">
						<div class="row">
							<div class="module left site-title-container">
								<a href="https://cbb.allo.my">
									<img class="bigLogo" src="{{ url('assets/logo.png') }}" width="106" height="auto">
									<img class="smallLogo" src="{{ url('assets/logo.png') }}" width="106" height="auto">
								</a>
							</div>
							<div class="bigLogo module widget-handle search-widget-handle right hidden-xs">
								<div class="search">
									<form role="search" method="get" class="search-form" action="https://cbb.allo.my/">
										<input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:" />
									</form>
								</div>

							</div>
							<div class="module widget-handle mobile-toggle right visible-xs">
								<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>
							<div style="clear: both;" class="module-group right menuholder">
								<div class="module left">
									<div class="collapse navbar-collapse navbar-ex1-collapse">
										<ul id="menu" class="menu">
											<li id="menu-item-16" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16"><a title="Residential" href="https://cbb.allo.my/residential/">Residential</a></li>
											<li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15"><a title="Business" href="https://cbb.allo.my/business/">Business</a></li>
											<li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14"><a title="Our Story" href="https://cbb.allo.my/our-story/">Our Story</a></li>
											<li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13"><a title="Support" href="https://cbb.allo.my/support/">Support</a></li>
											<li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12"><a title="Coverage Map" href="https://cbb.allo.my/support/coverage-map/">Coverage Map</a></li>
											<li id="menu-item-12" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11"><a title="Contact Us" href="https://cbb.allo.my/contact-us/">Contact Us</a></li>
										</ul>
									</div>
								</div>
								<div class="smallLogo module right">
									<form role="search" method="get" class="search-form" action="https://cbb.allo.my/">
										<input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:" />
									</form>
								</div>
								<!--end of menu module-->
							</div>
							<!--end of module group-->
						</div>
					</div>
				</nav><!-- #site-navigation -->
			</div>
		</header><!-- #masthead -->

		<div id="content" class="main-container">
			<section class="content-area">
				<div id="main" role="main">
					<div class="bg-white splash-text" style="padding-bottom: 0">
						<div class="container">
							<h1 class="black text-center">Residential Application</h1>
							<p class="text-center">
								Please follow the steps below to complete your application. We will get back to you shortly.
							</p>
						</div>
					</div>
					<div class="container">
						<div class="row">
							<div class="col-md-8 col-md-offset-2">
								<section class="form-box">
									<div class="row">
										<div class="col-md-12">

											<!--      Wizard container        -->
											<div class="wizard-container">

												<div class="card wizard-card">
													<div class="wizard-navigation">
														<div>
															<ul class="nf-breadcrumbs nav nav-pills">
																<li style="width: 25%;"><a href="#address" class="nf-breadcrumb" data-toggle="tab" data-index="0" aria-expanded="true">Installation Address</a></li>
																<li style="width: 25%;"><a href="#information" class="nf-breadcrumb" data-toggle="tab" data-index="1">Application Information</a></li>
																<li style="width: 25%;"><a href="#service" class="nf-breadcrumb" data-toggle="tab" data-index="2">Service and Package Details</a></li>
																<li class="active" style="width: 25%;"><a href="#signaturess" class="nf-breadcrumb" data-toggle="tab" data-index="3">Preview</a></li>
															</ul>
														</div>
													</div>

													@foreach($data as $a)
													<form method="post" action="{{ url('/residential/application-form/store/'.$a['dealer_id']) }}" enctype="multipart/form-data" name="registerForm" novalidate="novalidate">

														<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
														<input type="hidden" name="dealer_id" value="{{ $a['dealer_id'] }}">
														<input type="hidden" name="coverage" value="{{$a['coverage']}}">
														<input type="hidden" name="unit" value="{{$a['unit']}}">
														<input type="hidden" name="street" value="{{$a['street']}}">
														<input type="hidden" name="package" value="{{ $a['package'] }}">
														<input type="hidden" name="application" value="{{$a['application']}}">
														<input type="hidden" name="name" value="{{$a['name']}}">
														<input type="hidden" name="nric_passport" value="{{$a['nric_passport']}}">
														<input type="hidden" name="race" value="{{$a['race']}}">
														<input type="hidden" name="contact_primary" value="{{$a['contact_primary']}}">
														<input type="hidden" name="contact_secondary" value="{{$a['contact_secondary']}}">
														<input type="hidden" name="citizenship" value="{{$a['citizenship']}}">
														<input type="hidden" name="email" value="{{$a['email']}}">
														<input type="hidden" name="gender" value="{{$a['gender']}}">
														<input type="hidden" name="subscription" value="{{$a['subscription']}}">
														<input type="hidden" name="voice" value="{{$a['voice']}}">
														<input type="hidden" name="rfs" value="{{$a['thedate']}}">
														<input type="hidden" name="postcode" value="{{ $coverage->postcode }}">
														<input type="hidden" name="city" value="{{ $coverage->city }}">
														<input type="hidden" name="state" value="{{ $coverage->state }}">
														<input type="hidden" name="deposit" value="{{ $deposit }}">
														<input type="hidden" name="otc" value="{{ $otc_st }}">
														<input type="hidden" name="gst" value="{{ $gst }}">
														<input type="hidden" name="promo_st" value="{{ $promo_st }}">
														<input type="hidden" name="total_monthly" value="{{ $total_monthly }}">

														<div class="tracking-process"></div>
													
														<div>
															<div class="inner-pane-white">
																<!-- Preview -->
																<div class="row">
																	<div class="col-md-12">
																		<div id="preview">
																			<label><b>Subscription Details</b></label>
																			<table class="table table-sm table-bordered">
																				<tbody>
																					<tr><th width="50%">Application Type</th>
																						<td>{{$a['application']}}</td>
																					</tr>
																					<tr><th width="50%">Package</th>
																						<td>City Broadband Residential {{$a['package']}}</td>
																					</tr>
																					@if ($a['subscription']==24 && ($a['package']=='50Mbps' || $a['package']=='100Mbps' || $a['package']=='300Mbps' || $a['package']=='500Mbps'))
																					<tr><th width="50%">Promotion</th>
																						<td>RM10 off for 24 months</td>
																					</tr>
																					@endif
																					<tr><th width="50%">Contract Term</th>
																						<td>{{$a['subscription']}} Months</td>
																					</tr>
																					<tr><th width="50%">Preferred Installation Date</th>
																						<td>{{$a['thedate']}}</td>
																					</tr>
																				</tbody>
																			</table>
																			<hr><label><b>Add-On(s)</b></label>
																			<table class="table table-sm table-bordered">
																				<tbody>
																					<tr><th width="50%">Home Voice Plan</th>
																						<td>{{$a['voice']}}</td>
																					</tr>
																				</tbody>
																			</table>
																			<hr><label><b>Personal Details</b></label>
																			<table class="table table-sm table-bordered">
																				<tbody>
																					<tr><th width="50%">Full Name</th>
																						<td>{{$a['name']}}</td>
																					</tr>
																					<tr><th width="50%">MyKad/Passport</th>
																						<td>{{$a['nric_passport']}}</td>
																					</tr>
																					<tr><th width="50%">Gender</th>
																						<td>{{ucfirst($a['gender'])}}</td>
																					</tr>
																					<tr><th width="50%">Nationality</th>
																						<td>{{$a['citizenship']}}</td>
																					</tr>
																					<tr><th width="50%">Primary Phone Number</th>
																						<td>{{$a['contact_primary']}}</td>
																					</tr>
																					<tr><th width="50%">Secondary Phone Number</th>
																						<td>{{$a['contact_secondary']}}</td>
																					</tr>
																					<tr><th width="50%">Email Address</th>
																						<td>{{$a['email']}}</td>
																					</tr>
																				</tbody>
																			</table>
																			<hr><label><b>Service Installation Address</b></label>
																			<table class="table table-sm table-bordered">
																				<tbody>
																					<tr><th width="50%">Unit Number</th>
																						<td>{{$a['unit']}}</td>
																					</tr>
																					<tr><th width="50%">Building</th>
																						<td>{{$coverage->building_name}}</td>
																					</tr>
																					<tr><th width="50%">Street</th>
																						<td>{{ucwords($a['street'])}}</td>
																					</tr>
																					<tr><th width="50%">Postcode</th>
																						<td>{{$coverage->postcode}}</td>
																					</tr>
																					<tr><th width="50%">City</th>
																						<td>{{$coverage->city}}</td>
																					</tr>
																					<tr><th width="50%">State</th>
																						<td>{{$coverage->state}}</td>
																					</tr>
																				</tbody>
																			</table>
																			<hr><label><b>Monthly Recurring Charges</b></label>
																			<table class="table table-sm table-bordered">
																				<tbody>
																					<tr>
																						<th>Description</th>
																						<th>Price exclude ST</th>
																						<th>Total*</th>
																					</tr>
																					<tr><th>City Broadband Residential - {{$a['package']}}</th>
																					@if($a['package']!='1Gbps' && $a['subscription']=='24')
																						<td><span style="text-decoration: line-through;">RM{{ $product->retail_price }}</span>  RM{{ $promo_price}}</td>
																						<td>RM{{ $promo_st }}</td>
																					@else
																						<td>RM{{ $product->retail_price }}</td>
																						<td>RM{{ $gst }}</td>
																					@endif
																					</tr>
																					@if($a['voice']=='Yes')
																					<tr><th>Home Voice Plan</th>
																						<td>
																							RM20
																						</td>
																						<td>
																							RM21.20
																						</td>
																					</tr>
																					@endif
																					<tr><th colspan="2">Total Charges</th>
																						<td><b>RM{{ $total_monthly }}</b></td>
																					</tr>
																				</tbody>
																			</table>
																			<small>*Price subject to 6% Service Tax (if applicable).</small><br>
																			@if ($upfront_total != 0)
																			<hr><label><b>Upfront Charges</b></label>
																			<table class="table table-sm table-bordered">
																				<tbody>
																					<tr>
																						<th>Description</th>
																						<th>Price exclude ST</th>
																						<th>Total*</th>
																					</tr>
																					@if ($otc_st != 0)
																					<tr><th>One Time Charges</th>
																						<td>RM{{ $otc }}</td>
																						<td>RM{{ $otc_st }}</td>
																					</tr>
																					@endif
																					@if ($deposit != 0)
																					<tr><th colspan="2">Deposit</th></th>
																						<td>RM{{ $deposit}}</td>
																					</tr>
																					@endif
																					<tr><th colspan="2">Total Charges</th>
																						<td><b>RM{{ $upfront_total }}</b></td>
																					</tr>
																				</tbody>
																			</table>
																			<small>*Price subject to 6% Service Tax (if applicable).</small><br>
																			<small>All upfront charges will need to be paid prior installation. You will receive an email once your application has been processed.</small>
																			@endif
																		</div>
																	</div>
																</div>
															</div>
															
															<!-- Document -->
																
															<div class="inner-pane">
																<h3>Declaration and Signature</h3>
																<div class="row">
																	<div class="col-md-12" id="document">
																		<label><b>Document &amp; Declaration </b><small style="color: red">*</small></label>
																		<div class="form-group">
																			<div class="checkbox">
																				<label>
																					<input type="checkbox" name="photocopy" id="photocopy" value="24" required="" aria-required="true"> <p>Photocopy of MyKad(both side) or passport minimum (12 months validity) and visa minimum 6 months validity)</p>
																				</label>
																			</div>
																			<div class="checkbox">
																				<label>
																					<input type="checkbox" name="consent" id="consent" value="24" required="" aria-required="true"> <p>I hereby consent to the collection, use,
																						disclosure of my personal information in accordance with the <b> <a href="https://www.citybroadband.my/privacy-policy-2/" >Privacy Policy</a> </b> available on www.citybroadband.my.</p>
																				</label>
																			</div>
																			<div class="checkbox">
																				<label>
																					<input type="checkbox" name="declare" id="declare" value="24" required="" aria-required="true"> <p>I hereby declare that the above information, documents, and
																						any appendices attached are true and valid. I have read and understood the contents of this form and agreed to be bound by <b> <a href="https://www.citybroadband.my/terms-conditions/">Terms &amp; Condition </a> </b>
																						as stated on the next page of this form which accompany the subscription of product(s) and/ or service(s). Allo Technology Sdn Bhd reserve the rights
																						to refuse any application  at any given time should any of the information is incorrect.
																					</p>
																				</label>
																			</div>
																		</div>
																	</div>
																</div>

																<h3>Upload Documents</h3>
																<small><b>Acceptable formats: jpg , jpeg , png , pdf</b></small>
																<div class="row">
																	<div class="col-md-12">
																		<div class="form-group">
																			<label><b>MyKad/Passport (Front)</b> <small style="color: red">*</small></label>
																			<input type="file" id="front_ic" accept="image/*" capture="camera" name="front_ic" multiple="" onchange="validateImage1()" class="form-control" required="" aria-required="true">
																		</div>
																	</div>
																	<div class="col-md-12">
																		<div class="form-group">
																			<label><b>MyKad/Passport (Back)</b> <small style="color: red">*</small></label>
																			<input type="file"  id="back_ic" accept="image/*" capture="camera" name="back_ic" multiple="" onchange="validateImage2()" class="form-control" required="" aria-required="true">
																		</div>
																	</div>
																	<div class="col-md-12">
																		<div class="form-group">
																			<label><b>Visa (Front)</b> <small style="color: red">* Non-Malaysian</small></label>
																			<input type="file"  id="visaF" accept="image/*" capture="camera" name="visaF" multiple="" onchange="validateImage3()" class="form-control" aria-required="true">
																		</div>
																	</div>
																	<div class="col-md-12">
																		<div class="form-group">
																			<label><b>Visa (Back)</b> <small style="color: red">* Non-Malaysian</small></label>
																			<input type="file"  id="visaB" accept="image/*" capture="camera" name="visaB" multiple="" onchange="validateImage4()" class="form-control" aria-required="true">
																		</div>
																	</div>
																	<div class="col-md-12">
																		<div class="form-group">
																			<label><b>Upfront Payment Receipt</b></label>
																			<input type="file"  id="payment_receipt" accept="image/*" capture="camera" name="payment_receipt" multiple="" onchange="validateImage5()" class="form-control">
																		</div>
																	</div>
																	<div class="col-md-12">
																		<div class="form-group">
																			<label><b>Service Order Form</b></label>
																			<input type="file"  id="so_form" accept="image/*" capture="camera" name="so_form" multiple="" onchange="validateImage6()" class="form-control">
																		</div>
																	</div>
																</div>

																<!-- Signature -->
																<div class="row">
																	<div class="col-md-12">
																		<div class="form-group">
																			<label><b>Signature </b><small style="color: red">*</small></label>
																			<small>After you save your signature, the submit button will automatic be display.</small>
																			<div class="wrapper">
																				<canvas id="signature-pad" class="signature-pad" width="885" height="375" style="touch-action: none;"></canvas>
																			</div>
																			<div class="signature-pad--footer">
																				<center>
																					<div class="description">Sign above</div>
																				</center>
																				<div class="signature-pad--actions">
																					<div>
																						<center><button type="button" class="btn btn-clear" id="clear">Clear</button></center>
																						<center><button type="button" class="btn btn-clear" id="save-signature">Save Signature</button></center>
																					</div>
																				</div>
																			</div>
																			<input type="text" name="cuss_signature" value="" id="cuss_signature" style="display:none" required>
																		</div>
																	</div>
																</div>
															</div>
														</div>

														<!-- Wizard Footer -->
														<div class="wizard-footer height-wizard">
															<div class="wizard-footer-inner">
																<div class="pull-right">
																	<!-- <a href="{{url('Residential/form2')}}"> -->
																	<!-- <button type="submit" class="btn btn-next" name="next" value="Next" style="background-color: orangered; display: inline-block;">Next</button> -->
																	<!-- <input type="button" id="save-data" class="btn btn-finish" data-loading-text="Please Wait..." name="finish" value="Submit" style="display: none;"> -->
																	<div id="showB">
																		<input type="submit" class="btn btn-finish" data-loading-text="Please Wait..." name="finish" value="Submit" style="display: none;">
																		<!-- </a> -->
																	</div>
																</div>
																	
																	<!-- <div class="pull-left">
																		<a href="{{url('/application-form/residential/address/step1')}}">
																			<input type="button" class="btn btn-previous" name="previous" value="Previous" style="background-color: grey;">
																		</a>
																	</div> -->
																<div class="clearfix"></div>
															</div>
														</div>
													</form>
													@endforeach
												</div>
											</div>
										</div>
									</div>	
								</section>
							</div>
						</div>
					</div>
					<div class="nonstick-footer padding bg-blue" align="center">
						<span class="medium-title text-centeryellow" style="color: yellow;">Got A Question?</span>
						<div align="center">
							<a class="nomargin btn btn-default" href="#" style="width: 230px;">
								Read FAQ
							</a>
							<a style="width:230px" href="#" class="nomargin btn btn-default">
								Write to us
							</a>
						</div>
					</div>
				</div>
			</section>
		</div>
	<div class="footer-callout"></div>
		<footer id="colophon" class="site-footer footer" role="contentinfo">
		<div class="container footer-inner">
			<div class="row">
				<div class="footer-widget-area">
					<div class="col-md-6 col-md-3 footer-widget" role="complementary">
						<div class="widget widget_nav_menu" id="nav_menu-3">
							<h2 class="widget-title">Overview</h2>
							<div class="menu-main-container">
								<ul id="menu-main" class="menu">
									<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16">
										<a href="https://cbb.allo.my/residential/">Residential</a>
									</li>
									<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15">
										<a href="https://cbb.allo.my/business/">Business</a>
									</li>
									<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14">
										<a href="https://cbb.allo.my/our-story/">Our Story</a>
									</li>
									<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13">
										<a href="https://cbb.allo.my/support/">Support</a>
									</li>
									<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13">
										<a href="https://cbb.allo.my/support/coverage-map/">Coverage Map</a>
									</li>
									<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12">
										<a href="https://cbb.allo.my/contact-us/">Contact Us</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 footer-widget" role="complementary">
						<div id="nav_menu-2" class="widget widget_nav_menu">
							<h2 class="widget-title">Legal</h2>
							<div class="menu-footer-2-container">
								<ul id="menu-footer-2" class="menu">
									<li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22">
										<a href="https://cbb.allo.my/terms-conditions/">Terms &amp; Conditions</a>
									</li>
									<li id="menu-item-373" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-373">
										<a href="https://cbb.allo.my/privacy-policy/">Privacy Policy</a>
									</li>
									<li id="menu-item-373" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-373">
										<a href="https://cbb.allo.my/refund-policy/">Refund Policy</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 footer-widget" role="complementary">
						<div id="text-2" class="widget widget_text">
							<h2 class="widget-title">Hotline</h2>			
							<div class="textwidget"><span class="number-big yellow">1300-38-8000</span></div>
						</div>	
					</div>
					<div class="col-md-3 col-sm-6 footer-widget" role="complementary">
						<div id="text-4" class="widget widget_text">
							<h2 class="widget-title">We Accept</h2>	
							<div class="textwidget"><img src="https://cbb.allo.my/wp-content/themes/cb1g/assets/images/weaccept.png"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="lowerfooter">
				<img width="50px" src="{{url('assets/logo/footerlogo.png')}}" align="left">
				<span class="lower-disclaimer">Copyright © 2019 Allo Technology Sdn Bhd. All rights reserved.</span>
			</div>
			<a class="btn btn-sm fade-half back-to-top inner-link" href="#top"><i class="fa fa-angle-up"></i></a>
		</div>
	</footer>
	<script type="text/javascript" src="{{url('js/navigation.js')}}"></script>
	<script type="text/javascript" src="{{url('js/skip-link-focus.js')}}"></script>
	
	<!-- Boostrap Wizard -->
	<script src="{{url('js/jquery.bootstrap.wizard.js')}}" type="text/javascript"></script>
	<!--  Plugin for the Wizard -->
	<script src="{{url('js/gsdk.bootstrap.wizard.js')}}" type="text/javascript"></script>
	<script src="{{url('js/jquery.validate.min.js')}}" type="text/javascript"></script>
	<!-- DatePicker -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
	<!-- Signature -->
	<script src="{{url('js/signature_pad.ums.js')}}" type="text/javascript"></script>
	<script type="text/javascript">

function validateImage1() {
			var formData = new FormData();
			 
			var file = document.getElementById("front_ic").files[0];
			 
			formData.append("Filedata", file);
			var t = file.type.split('/').pop().toLowerCase();
			if (t != "jpeg" && t != "jpg" && t !="png" && t != "pdf") {
				alert('Accept jpg, jpeg, png and pdf only');
				document.getElementById("front_ic").value = '';
				return false;
			}
			return true;
		}
		
		function validateImage2() {
			var formData = new FormData();
			 
			var file = document.getElementById("back_ic").files[0];
			 
			formData.append("Filedata", file);
			var t = file.type.split('/').pop().toLowerCase();
			if (t != "jpeg" && t != "jpg" && t !="png" && t != "pdf") {
				alert('Accept jpg, jpeg, png and pdf only');
				document.getElementById("back_ic").value = '';
				return false;
			}
			return true;
		}

		function validateImage3() {
			var formData = new FormData();
			 
			var file = document.getElementById("visaF").files[0];
			 
			formData.append("Filedata", file);
			var t = file.type.split('/').pop().toLowerCase();
			if (t != "jpeg" && t != "jpg" &&  t !="png" && t != "pdf") {
				alert('Accept jpg, jpeg, png and pdf only');
				document.getElementById("visaF").value = '';
				return false;
			}
			return true;
		}

		function validateImage4() {
			var formData = new FormData();
			 
			var file = document.getElementById("visaB").files[0];
			 
			formData.append("Filedata", file);
			var t = file.type.split('/').pop().toLowerCase();
			if (t != "jpeg" && t != "jpg" &&t !="png" && t != "pdf") {
				alert('Accept jpg, jpeg, png and pdf only');
				document.getElementById("visaB").value = '';
				return false;
			}
			return true;
		}

		function validateImage5() {
			var formData = new FormData();
			 
			var file = document.getElementById("payment_receipt").files[0];
			 
			formData.append("Filedata", file);
			var t = file.type.split('/').pop().toLowerCase();
			if (t != "jpeg" && t != "jpg" && t !="png" && t != "pdf") {
				alert('Accept jpg, jpeg, png and pdf only');
				document.getElementById("payment_receipt").value = '';
				return false;
			}
			return true;
		}

		function validateImage6() {
			var formData = new FormData();
			 
			var file = document.getElementById("soorm").files[0];
			 
			formData.append("Filedata", file);
			var t = file.type.split('/').pop().toLowerCase();
			if (t != "jpeg" && t != "jpg" && t !="png" && t != "pdf") {
				alert('Accept jpg, jpeg, png and pdf only');
				document.getElementById("so_form").value = '';
				return false;
			}
			return true;
		}

		$(document).ready(function(){

			var needV = "{{ $a['citizenship'] }}";
			if(needV == 'Malaysia'){
				$("input[name='citizenship']").prop('required',false);
			}else{
				$("input[name='citizenship']").prop('required',true);
			}

			var subscription = '';
			
			var canvas = document.getElementById('signature-pad');

			// Adjust canvas coordinate space taking into account pixel ratio,
			// to make it look crisp on mobile devices.
			// This also causes canvas to be cleared.
			function resizeCanvas() {
				// When zoomed out to less than 100%, for some very strange reason,
				// some browsers report devicePixelRatio as less than 1
				// and only part of the canvas is cleared then.
				var ratio = Math.max(window.devicePixelRatio || 1, 1);
				canvas.width = canvas.offsetWidth * ratio;
				canvas.height = canvas.offsetHeight * ratio;
				canvas.getContext("2d").scale(ratio, ratio);
			}

			window.onresize = resizeCanvas;
			var signaturePad;

			/**** Signature ****/
			resizeCanvas();

			var signaturePad = new SignaturePad(canvas, {
				backgroundColor: 'rgb(255, 255, 255)'
			});

			var clearButton = document.getElementById('clear');
			var saveButton = document.getElementById('save-data');
			var saveSignature = document.getElementById('save-signature');

			clearButton.addEventListener("click", function (event) {
				signaturePad.clear();
			});

			$("#showB").hide();
			/**** Button click For Resident ****/
			saveSignature.addEventListener("click", function (event) {
				if (signaturePad.isEmpty()) {
					alert("Please provide a signature first.");
				}else {
					var dataUrl = signaturePad.toDataURL("image/jpeg");
					document.getElementById('cuss_signature').value = dataUrl;

					$("#showB").show();
				}
			});

			// saveButton.addEventListener("click", function (event) {
			// 	if (signaturePad.isEmpty()) {
			// 		alert("Please provide a signature first.");
			// 	} else {

			// 		var $this = $(this);
			// 		$this.button('loading');

			// 		/*** Store to Database ***/
			// 		var dataUrl = signaturePad.toDataURL("image/jpeg");
			// 		document.getElementById('cuss_signature').value = dataUrl;
			// 		var registerForm = new FormData(document.forms["registerForm"]);
			// 		if(document.getElementById('declare').checked && document.getElementById('consent').checked && document.getElementById('photocopy').checked
			// 			&& document.getElementById("front_ic").files.length == 0 && document.getElementById("back_ic").files.length == 0) {

						// var xhr = new XMLHttpRequest();
						// xhr.open('POST','upload_resident.php',true);
						// xhr.upload.onprogress = function(e) {
						// 	if (e.lengthComputable){}
						// }

						// xhr.onreadystatechange = function() {
						// 	if(xhr.readyState == 4 && xhr.status == 200) {
						// 		var return_data = xhr.responseText;
						// 		$this.button('reset');
						// 		window.location.href = "http://cbb.swisslink.com.my/v2/application-form/residential/success-submit.php";
						// 	}/*else {
						// 		alert("Your Residential form already cant be submitted. Please call 1300-38-8000");
						// 	}*/
						// }
						// xhr.send(registerForm);

			// 		} else {
			// 			$this.button('reset');
			// 			alert("Please tick all the checkbox to proceed");
			// 		}
			// 	}
			// });
		});
	</script>

</body>
</html>
<script type="text/javascript">
	$(window).scroll(function() {    
		var scroll = $(window).scrollTop();
		if (scroll >= 150) {
			$(".site-header").addClass("smallHeader");
		}
		else {
			$(".site-header").removeClass("smallHeader");
		}

	});
	$(".header-blue100,.header-blue500,.header-pink, .header-blue-10, .header-blue-30, .header-blue-50, .header-blue-100, .header-blue-500").hover(function () {
		$(this).toggleClass("expanded-column");
	 
	});
	$(window).on("scroll touchmove",function() {
	    if($('body').height() <= ($(window).height() + $(window).scrollTop())) {
		   $('footer').addClass('reached-bottom');
	    } else {
			$('footer').removeClass('reached-bottom');   
		}
	});
</script>
<style>
	select {
		height: 40px !important;
	}
	#nf-field-21-wrap .nf-field-label {
		padding-left: 5px;
	}
	.nf-field-element p {margin:0;}
	div#nf-field-22-container {
		margin: 0;
	} 
</style>