muadzmi02
/
allo
複製自 SwissLink/allo


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513
							<!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://citybroadband.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>Business 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://citybroadband.my/feed/">
	<link rel="alternate" type="application/rss+xml" title="Cyberjaya Broadband » Comments Feed" href="https://citybroadband.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;
		}
	</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://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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">Business 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 class="active" style="width: 25%;"><a href="#service" class="nf-breadcrumb" data-toggle="tab" data-index="2">Service and Package Details</a></li>
																<li 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 action="{{url('/business/'.$a['package'].'/application-form/upload_preview')}}" method="post" ectype="multipart/form-data" name="registerForm" novalidate="novalidate">
														<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
														<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="company_name" value="{{$a['company_name']}}">
														<input type="hidden" name="company_register" value="{{$a['company_register']}}">
														<input type="hidden" name="company_number" value="{{$a['company_number']}}">
														<input type="hidden" name="company_fax" value="{{$a['company_fax']}}">
														<input type="hidden" name="application" value="{{$a['application']}}">
														<input type="hidden" name="full_name" value="{{$a['full_name']}}">
														<input type="hidden" name="nric_passport" value="{{$a['nric_passport']}}">
														<input type="hidden" name="designation" value="{{$a['designation']}}">
														<input type="hidden" name="contact_primary" value="{{$a['contact_primary']}}">
														<input type="hidden" name="contact_secondary" value="{{$a['contact_secondary']}}">
														<input type="hidden" name="email" value="{{$a['email']}}">

														<div class="tracking-process" ></div>

														<div>
															<div class="inner-pane">
																<div class="row">
																	<div class="col-md-12">
																		<label>You have selected:</label>
																		<p>City Broadband Business - {{ $pg }}</p>
																	</div>
																</div>

																<!-- Contract -->
																<div class="row">
																	<div class="col-md-12">
																		<div class="form-group">
																			<label><b>Subscription / Contract Period </b> <small style="color: red">*</small></label>

																			<div>
																				<label class="radio-inline">
																					<input type="radio" id="subscription1" name="subscription" value="12">12 Months <br>
																					@if ($pg == "50Mbps")
																						<small id="OTC" style="color:red; display:none">A one-time charge of RM300 applies for 12 months subscription.</small>
																					@else
																						<small id="OTC" style="color:red; display:none">A one-time charge of RM400 applies for 12 months subscription.</small>
																					@endif
																				</label> 
																				<label class="radio-inline">
																					<input type="radio" id="subscription2" name="subscription" value="24" checked="">24 Months <br>
																					<small id="OTC-side" style="color:red; display:none">.</small>
																				</label>
																				@if ($pg != "1Gbps")
																				<label class="radio-inline">
																					<input type="checkbox" id="10off" checked="">   <small id="10off1">Year End Promotion (RM10 off for 24 months)</small>
																				</label>
																				@endif
																			</div>
																		</div>
																	</div>
																</div>

																<!-- Voice -->
																<div class="row">
																	<div class="col-md-12">
																		<div class="form-group">
																			<div class="checkbox">
																				@if ($pg == "50Mbps")
																				<label>
																					<input type="checkbox" name="voice" id="voice" value="Yes"> <p style="margin-bottom: 0px !important">Add on Business Voice Plan and 1 Dect Phone at RM20/month ? <br><small id="otcVoice" style="color:red; display:none"> A one-time-charge of RM100 is required for new voice activation tied to 12 months contract.</small></p>
																				</label>
																				@else
																				<label>
																					<input type="checkbox" name="voice" id="voice" value="No" checked> <p style="margin-bottom: 0px !important">Free Business Voice Plan and 1 Dect Phone </p>
																				</label>
																				@endif
																			</div>
																		</div>
																	</div>
																</div>

																<div class="row">
																	<div class="col-md-12">
																		<div class="form-group">
																			<div class="checkbox">
																				@if ($pg == "1Gbps")
																				<label>
																					<input type="checkbox" name="ip" id="ip" value="Free 3 Fixed IP" checked> <p style="margin-bottom: 0px !important">Free 3 Fixed IP</p>
																				</label>
																				@else
																				<label>
																					<p>Add on subscribtion for Fixed IP?</p>
																				</label>
																				<select name="ip" id="ip" class="form-control" onchange="yesnoCheck(this);">
																					<option value="" >Please Select</option>
																					<option value="1 Fixed IP RM200/1P/Month">1 Fixed IP RM200/1P/Month</option>
																					<!-- <option value="5 Fixed IP RM400/1P/Month">5 Fixed IP RM400/1P/Month</option> -->
																				</select>
																				@endif
																			</div>
																		</div>
																	</div>
																</div>

																<!-- RFS -->
																<div class="row">
																	<div class="col-md-12">
																		<div class="form-group">
																			<label><b>Preferred appointment date</b> <small style="color: red">*</small></label>

																			<div class="input-group date" id="sDate">
																				<input type="text" name="thedate" id="thedate" class="form-control" required="" aria-required="true">
																				<span class="input-group-addon">
																					<i class="fas fa-calendar-alt"></i>
																				</span>
																			</div>
																		</div>
																	</div>
																</div>

																<!-- Important -->
																<div class="row">
																	<div class="col-md-12">
																		<div class="important_notes">
																			<label><b>Notes: </b></label>
																			<div class="text">
																				<p class="text">1. Standard contract period is 24 months unless otherwise stated.</p>
																				<p class="text">2. Preferred appointment date is subject to the availability of required infrastructure and/ or equipment.</p>
																				<p class="text">3. Early termination will subject to RM500 penalty.</p>
																				<p class="text">4. Separate penalty charge for broadband and Business Voice Plan.</p>
																			</div>
																		</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;">
																		<!-- </a> -->
																	</div>
																	
																	<div class="pull-left">
																	<a href="javascript:history.back()">
																		<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>
												<!--    End  Wizard container        -->
											</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://citybroadband.my/residential/">Residential</a>
											</li>
											<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15">
												<a href="https://citybroadband.my/business/">Business</a>
											</li>
											<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14">
												<a href="https://citybroadband.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://citybroadband.my/support/">Support</a>
											</li>
											<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13">
												<a href="https://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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() {
					$('#sDate').datepicker({
						format: 'dd-mm-yyyy',
						startDate: '+3d',
						daysOfWeekDisabled: "0,6"
					});
				});
			</script>
		</body>
		</html>
		<script type="text/javascript">
			function yesnoCheck(that) {
				if (that.value == "custom") {
					document.getElementById("custom").style.display = "block";
					$('#custom').prop('required', true);
				} else{
					document.getElementById("custom").style.display = "none";
					$('#custom').prop('required', false);
				}
			}

			$('#fixed_ip').click(function(){
	            if($(this).prop("checked") == true){
	            	$('#ip').prop('required', true);
	            }
	            else if($(this).prop("checked") == false){
	                $('#ip').prop('required', false);
	            }
	        });

			$(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');   
				}
			});

			$('#subscription1').change(function(){
				if(document.getElementById('subscription1').checked){
					$('#OTC').show();
					$('#OTC-side').show();
					$('#otcVoice').show();
					document.getElementById('10off').checked = false;
					$('#10off').hide();
					$('#10off1').hide();
				}
			});
			$('#subscription2').change(function(){
				if(document.getElementById('subscription2').checked){
					$('#OTC').hide();
					$('#OTC-side').hide();
					$('#otcVoice').show();
					document.getElementById('10off').checked = true;
					$('#10off').show();
					$('#10off1').show();
				}
			});
		</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>