muadzmi02
/
allo
bifurqué depuis SwissLink/allo
Suivre 1
Ajouter aux favoris 0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
357 Révisions
6 Branches
Aborescence: 4fb719d673
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '4fb719d673'
${ noResults }
allo/resources/views/sales/form/business_preview.blade.php

business_preview.blade.php 30KB
Brut Annotations Historique

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642 
  1. <!DOCTYPE html>

  2. <html>

  3. <head>

  4. 	<style id="stndz-style"></style>

  5. 	<meta charset="UTF-8">

  6. 	<meta name="viewport" content="width=device-width, initial-scale=1">

  7. 	<style type="text/css">

  8. 	.step {

  9. 		height: 15px;

  10. 		width: 15px;

  11. 		margin: 0 2px;

  12. 		background-color: #bbbbbb;

  13. 		border: none;  

  14. 		border-radius: 50%;

  15. 		display: inline-block;

  16. 		opacity: 0.5;

  17. 	}

  18. 	</style>

  19. 	<link rel="profile" href="http://gmpg.org/xfn/11">

  20. 	<link rel="pingback" href="https://citybroadband.my/xmlrpc.php">

  21. 	<link href="https://fonts.googleapis.com/css?family=Open+Sans|Oswald:400,500|Signika:400,600" rel="stylesheet">

  22. 	<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>

  23. 	 

  24. 	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

  25. 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker3.css">

  26. 	<title>Business Application</title>

  27. 

  28. 	<link rel="dns-prefetch" href="//fonts.googleapis.com">

  29. 	<link rel="dns-prefetch" href="//s.w.org">

  30. 	<link rel="alternate" type="application/rss+xml" title="Cyberjaya Broadband » Feed" href="https://citybroadband.my/feed/">

  31. 	<link rel="alternate" type="application/rss+xml" title="Cyberjaya Broadband » Comments Feed" href="https://citybroadband.my/feed/">

  32. 		

  33. 	<link rel="icon" href="https://citybroadband.my/wp-content/uploads/2018/09/favicon-2.png" type="image/gif">

  34. 	<link rel="icon" href="https://citybroadband.my/wp-content/uploads/2018/09/favicon-3.png" type="image/png">

  35. 	<link rel="apple-touch-icon" href="https://citybroadband.my/wp-content/uploads/2018/09/favicon-4.png">

  36. 		

  37. 	<link rel="stylesheet" href="{{url('css/bootstrap.min.css')}}" type="text/css">

  38. 	<link rel="stylesheet" href="{{url('css/style.css')}}" type="text/css">

  39. 	

  40. 	<!-- Custom Signature files -->

  41. 	<!--<link rel="stylesheet" href="../include/plugins/signature_pad/docs/css/signature-pad.css">-->

  42. 	

  43. 	<!-- Font Awesome -->

  44. 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">

  45. 	

  46. 	<script type="text/javascript">

  47. 		var _gaq = _gaq || [];

  48. 		_gaq.push(['_setAccount', 'UA-39365077-1']);

  49. 		_gaq.push(['_trackPageview']);

  50. 		(function() {

  51. 		  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

  52. 		  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

  53. 		  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

  54. 		})();

  55. 	</script>

  56. 	<style type="text/css">

  57. 		input[type="text"], .tab-pane input[type="search"], input[type="email"], input[type="tel"], input[type="file"] {

  58. 		    height: 40px !important;

  59. 		    border: 1px solid #ccc !important;

  60. 		    border-radius: 4px;

  61. 		    margin-bottom: 0px;

  62. 		    background: #f5f5f5;

  63. 		}

  64. 	    footer {

  65. 		    padding: 40px 0 !important;

  66. 		}

  67. 

  68. 		.inner-pane-white{

  69. 			background-color: #fff !important;

  70. 			border: 1px solid #ccc;

  71. 			padding: 20px;

  72. 		}

  73. 		#preview{

  74. 			padding: 0px !important;

  75. 		}

  76. 	</style>

  77. </head>

  78. <body>

  79. 	<div id="page" class="site">

  80. 		<a class="skip-link screen-reader-text" href="#content">Skip to content</a>

  81. 

  82. 

  83. 		<header id="masthead" class="site-header" role="banner">

  84. 			<div class="fixed-portal-login"><a href="http://userportal.citybroadband.my/login" target="_blank">User Portal Login</a></div></div>

  85. 

  86. 			<div class="nav-container">

  87. 				<nav id="site-navigation" class="main-navigation" role="navigation">

  88. 					<div class="container nav-bar">

  89. 						<div class="row">

  90. 							<div class="module left site-title-container">

  91. 								<a href="https://citybroadband.my">

  92. 									<img class="bigLogo" src="{{ url('assets/logo.png') }}" width="106" height="auto">

  93. 									<img class="smallLogo" src="{{ url('assets/logo.png') }}" width="106" height="auto">

  94. 								</a>

  95. 							</div>

  96. 							<div class="bigLogo module widget-handle search-widget-handle right hidden-xs">

  97. 								<div class="search">

  98. 									<form role="search" method="get" class="search-form" action="https://citybroadband.my/">

  99. 										<input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:" />

  100. 									</form>

  101. 								</div>

  102. 

  103. 							</div>

  104. 							<div class="module widget-handle mobile-toggle right visible-xs">

  105. 								<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">

  106. 									<span class="sr-only">Toggle navigation</span>

  107. 									<span class="icon-bar"></span>

  108. 									<span class="icon-bar"></span>

  109. 									<span class="icon-bar"></span>

  110. 								</button>

  111. 							</div>

  112. 							<div style="clear: both;" class="module-group right menuholder">

  113. 								<div class="module left">

  114. 									<div class="collapse navbar-collapse navbar-ex1-collapse">

  115. 										<ul id="menu" class="menu">

  116. 											<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>

  117. 											<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>

  118. 											<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>

  119. 											<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>

  120. 											<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>

  121. 											<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>

  122. 										</ul>

  123. 									</div>

  124. 								</div>

  125. 								<div class="smallLogo module right">

  126. 									<form role="search" method="get" class="search-form" action="https://citybroadband.my/">

  127. 										<input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:" />

  128. 									</form>

  129. 								</div>

  130. 								<!--end of menu module-->

  131. 							</div>

  132. 							<!--end of module group-->

  133. 						</div>

  134. 					</div>

  135. 				</nav><!-- #site-navigation -->

  136. 			</div>

  137. 		</header><!-- #masthead -->

  138. 

  139. 		<div id="content" class="main-container">

  140. 			<section class="content-area">

  141. 				<div id="main" role="main">

  142. 					<div class="bg-white splash-text" style="padding-bottom: 0">

  143. 						<div class="container">

  144. 							<h1 class="black text-center">Business Application</h1>

  145. 							<p class="text-center">

  146. 								Please follow the steps below to complete your application. We will get back to you shortly.

  147. 							</p>

  148. 						</div>

  149. 					</div>

  150. 					<div class="container">

  151. 						<div class="row">

  152. 							<div class="col-md-8 col-md-offset-2">

  153. 								<section class="form-box">

  154. 									<div class="row">

  155. 										<div class="col-md-12">

  156. 

  157. 											<!--      Wizard container        -->

  158. 											<div class="wizard-container">

  159. 

  160. 												<div class="card wizard-card">

  161. 													<div class="wizard-navigation">

  162. 														<div>

  163. 															<ul class="nf-breadcrumbs nav nav-pills">

  164. 																<li style="width: 25%;"><a href="#address" class="nf-breadcrumb" data-toggle="tab" data-index="0" aria-expanded="true">Installation Address</a></li>

  165. 																<li style="width: 25%;"><a href="#information" class="nf-breadcrumb" data-toggle="tab" data-index="1">Application Information</a></li>

  166. 																<li style="width: 25%;"><a href="#service" class="nf-breadcrumb" data-toggle="tab" data-index="2">Service and Package Details</a></li>

  167. 																<li class="active" style="width: 25%;"><a href="#signaturess" class="nf-breadcrumb" data-toggle="tab" data-index="3">Preview</a></li>

  168. 															</ul>

  169. 														</div>

  170. 													</div>

  171. 

  172. 													@foreach($data as $a)

  173. 													<form method="post" action="{{ url('/business/application-form/store') }}" enctype="multipart/form-data" name="registerForm" novalidate="novalidate">

  174. 

  175. 														<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">

  176. 														<input type="hidden" name="coverage" value="{{$a['coverage']}}">

  177. 														<input type="hidden" name="unit" value="{{$a['unit']}}">

  178. 														<input type="hidden" name="street" value="{{$a['street']}}">

  179. 														<input type="hidden" name="package" value="{{ $a['package'] }}">

  180. 														<input type="hidden" name="application" value="{{$a['application']}}">

  181. 														<input type="hidden" name="company_name" value="{{$a['company_name']}}">

  182. 														<input type="hidden" name="company_register" value="{{$a['company_register']}}">

  183. 														<input type="hidden" name="company_number" value="{{$a['company_number']}}">

  184. 														<input type="hidden" name="company_fax" value="{{$a['company_fax']}}">

  185. 														<input type="hidden" name="full_name" value="{{$a['full_name']}}">

  186. 														<input type="hidden" name="nric_passport" value="{{$a['nric_passport']}}">

  187. 														<input type="hidden" name="designation" value="{{$a['designation']}}">

  188. 														<input type="hidden" name="contact_primary" value="{{$a['contact_primary']}}">

  189. 														<input type="hidden" name="contact_secondary" value="{{$a['contact_secondary']}}">

  190. 														<input type="hidden" name="email" value="{{$a['email']}}">

  191. 														<input type="hidden" name="subscription" value="{{$a['subscription']}}">

  192. 														<input type="hidden" name="voice" value="{{$a['voice']}}">

  193. 														<input type="hidden" name="ip" value="{{$a['ip']}}">

  194. 														<input type="hidden" name="ip_tax" value="{{ $a['ip_tax'] }}">

  195. 														<input type="hidden" name="rfs" value="{{$a['thedate']}}">

  196. 														<input type="hidden" name="postcode" value="{{ $coverage->postcode }}">

  197. 														<input type="hidden" name="city" value="{{ $coverage->city }}">

  198. 														<input type="hidden" name="state" value="{{ $coverage->state }}">

  199. 														<input type="hidden" name="deposit" value="{{ $deposit }}">

  200. 														<input type="hidden" name="otc" value="{{ $otc_st }}">

  201. 														<input type="hidden" name="gst" value="{{ $gst }}">

  202. 														<input type="hidden" name="total_monthly" value="{{ $total_monthly }}">

  203. 														

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

  205. 													

  206. 														<div>

  207. 															<div class="inner-pane-white">

  208. 																<!-- Preview -->

  209. 																<div class="row">

  210. 																	<div class="col-md-12">

  211. 																		<div id="preview">

  212. 																			<label><b>Subscription Details</b></label>

  213. 																			<table class="table table-sm table-bordered">

  214. 																				<tbody>

  215. 																					<tr><th width="50%">Application Type</th>

  216. 																						<td>{{$a['application']}}</td>

  217. 																					</tr>

  218. 																					<tr><th width="50%">Package</th>

  219. 																						<td>City Broadband Business {{$a['package']}}</td>

  220. 																					</tr>

  221. 																					<tr><th width="50%">Contract Term</th>

  222. 																						<td>{{$a['subscription']}} Months</td>

  223. 																					</tr>

  224. 																					<tr><th width="50%">Preferred Installation Date</th>

  225. 																						<td>{{$a['thedate']}}</td>

  226. 																					</tr>

  227. 																				</tbody>

  228. 																			</table>

  229. 																			<hr><label><b>Add-On(s)</b></label>

  230. 																			<table class="table table-sm table-bordered">

  231. 																				<tbody>

  232. 																					<tr><th width="50%">Business Voice Plan and Dect Phone</th>

  233. 																					@if($a['package'] != '50Mbps') 

  234. 																						<td>Free</td>

  235. 																					@else

  236. 																						<td>{{$a['voice']}}</td>

  237. 																					@endif

  238. 																					</tr>

  239. 																					<tr><th width="50%">Fixed IP</th>

  240. 																					@if($a['ip'] == '') 

  241. 																						<td>No</td>

  242. 																					@else

  243. 																						<td>{{$a['ip']}}</td>

  244. 																					@endif

  245. 																					</tr>

  246. 																				</tbody>

  247. 																			</table>

  248. 																			<hr><label><b>Personal Details</b></label>

  249. 																			<table class="table table-sm table-bordered">

  250. 																				<tbody>

  251. 																					<tr><th width="50%">Full Name</th>

  252. 																						<td>{{$a['full_name']}}</td>

  253. 																					</tr>

  254. 																					<tr><th width="50%">MyKad/Passport</th>

  255. 																						<td>{{$a['nric_passport']}}</td>

  256. 																					</tr>

  257. 																					<tr><th width="50%">Designation</th>

  258. 																						<td>{{$a['designation']}}</td>

  259. 																					</tr>

  260. 																					<tr><th width="50%">Primary Phone Number</th>

  261. 																						<td>{{$a['contact_primary']}}</td>

  262. 																					</tr>

  263. 																					<tr><th width="50%">Secondary Phone Number</th>

  264. 																						<td>{{$a['contact_secondary']}}</td>

  265. 																					</tr>

  266. 																					<tr><th width="50%">Email Address</th>

  267. 																						<td>{{$a['email']}}</td>

  268. 																					</tr>

  269. 																				</tbody>

  270. 																			</table>

  271. 																			<hr><label><b>Service Installation Address</b></label>

  272. 																			<table class="table table-sm table-bordered">

  273. 																				<tbody>

  274. 																					<tr><th width="50%">Unit Number</th>

  275. 																						<td>{{$a['unit']}}</td>

  276. 																					</tr>

  277. 																					<tr><th width="50%">Building</th>

  278. 																						<td>{{$coverage->building_name}}</td>

  279. 																					</tr>

  280. 																					<tr><th width="50%">Street</th>

  281. 																						<td>{{ucwords($a['street'])}}</td>

  282. 																					</tr>

  283. 																					<tr><th width="50%">Postcode</th>

  284. 																						<td>{{$coverage->postcode}}</td>

  285. 																					</tr>

  286. 																					<tr><th width="50%">City</th>

  287. 																						<td>{{$coverage->city}}</td>

  288. 																					</tr>

  289. 																					<tr><th width="50%">State</th>

  290. 																						<td>{{$coverage->state}}</td>

  291. 																					</tr>

  292. 																				</tbody>

  293. 																			</table>

  294. 																			<hr><label><b>Monthly Recurring Charges</b></label>

  295. 																			<table class="table table-sm table-bordered">

  296. 																				<tbody>

  297. 																					<tr>

  298. 																						<th>Description</th>

  299. 																						<th>Price exclude ST</th>

  300. 																						<th>Total*</th>

  301. 																					</tr>

  302. 																					<tr><th>City Broadband Business - {{$a['package']}}</th>

  303. 																						<td>RM{{ $product->retail_price }}</td>

  304. 																						<td>RM{{ $gst }}</td>

  305. 																					</tr>

  306. 																					@if($a['voice']=='Yes')

  307. 																					<tr><th>Business Voice Plan</th>

  308. 																						<td>

  309. 																							RM20

  310. 																						</td>

  311. 																						<td>

  312. 																							RM21.20

  313. 																						</td>

  314. 																					</tr>

  315. 																					@endif

  316. 																					@if($a['ip'] == '1 Fixed IP RM200/1P/Month')  

  317. 																					<tr>

  318. 																						<th>Fixed IP</th>

  319. 																						<td>RM {{$a['ip_fee']}}</td>

  320. 																						<td>RM {{$a['ip_tax']}}</td>

  321. 																					</tr>

  322. 																					@endif

  323. 																					<tr><th colspan="2">Total Charges</th>

  324. 																						<td><b>RM{{ $total_monthly }}</b></td>

  325. 																					</tr>

  326. 																				</tbody>

  327. 																			</table>

  328. 																			<small>*Price subject to 6% Service Tax (if applicable).</small><br>

  329. 																			@if ($upfront_total != '0')

  330. 																			<hr><label><b>Upfront Charges</b></label>

  331. 																			<table class="table table-sm table-bordered">

  332. 																				<tbody>

  333. 																					<tr>

  334. 																						<th>Description</th>

  335. 																						<th>Price exclude ST</th>

  336. 																						<th>Total*</th>

  337. 																					</tr>

  338. 																					@if ($otc_st != '0')

  339. 																					<tr><th>One Time Charges</th>

  340. 																						<td>RM {{ $otc }}</td>

  341. 																						<td>RM {{ $otc_st }}</td>

  342. 																					</tr>

  343. 																					@endif

  344. 																					@if ($deposit != '0')

  345. 																					<tr><th colspan="2">Deposit</th></th>

  346. 																						<td>RM {{ $deposit}}</td>

  347. 																					</tr>

  348. 																					@endif

  349. 																					<tr><th colspan="2">Total Charges</th>

  350. 																						<td><b>RM{{ $upfront_total }}</b></td>

  351. 																					</tr>

  352. 																				</tbody>

  353. 																			</table>

  354. 																			<small>*Price subject to 6% Service Tax (if applicable).</small><br>

  355. 																			<small>All upfront charges will need to be paid prior installation. You will receive an email once your application has been processed.</small>

  356. 																			@endif

  357. 																		</div>

  358. 																	</div>

  359. 																</div>

  360. 															</div>

  361. 															

  362. 															<!-- Document -->

  363. 																

  364. 															<div class="inner-pane">

  365. 																<h3>Declaration and Signature</h3>

  366. 																<div class="row">

  367. 																	<div class="col-md-12" id="document">

  368. 																		<label><b>Document &amp; Declaration </b><small style="color: red">*</small></label>

  369. 																		<div class="form-group">

  370. 																			<div class="checkbox">

  371. 																				<label>

  372. 																					<input type="checkbox" name="photocopy" id="photocopy" value="24" required /> <p>Photocopy of MyKad (front and back) or passport for Non-Malaysian (minimum 12 months validity)</p>

  373. 																				</label>

  374. 																			</div>

  375. 																			<div class="checkbox">

  376. 																				<label>

  377. 																					<input type="checkbox" name="formss" id="formss" value="24" required /> <p>Local Registered Company<br>Photocopy of Form 9/Form 13/Notice of Registration (Section 15)/Certificate of Incorporation (Section 17)/Section 28/Certificateof Practice issued by the relevant authority (NGO/Association /Cooperative)

  378. 																					<br>Foreign Registered Company<br>Form 79/Form 80/Form 80a/Form 83/Form 83a/Section 562(1)</p>

  379. 																				</label>

  380. 																			</div>

  381. 																			<div class="checkbox">

  382. 																				<label>

  383. 																					<input type="checkbox" name="consent" id="consent" value="24" required /> <p>I hereby consent to the collection, use,

  384. 																						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>

  385. 																				</label>

  386. 																			</div>

  387. 																			<div class="checkbox">

  388. 																				<label>

  389. 																					<input type="checkbox" name="declare" id="declare" value="24" required /> <p>I hereby declare that the above information, documents, and

  390. 																						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 & Condition</a> </b>

  391. 																						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

  392. 																						to refuse any application  at any given time should any of the information is incorrect.

  393. 																					</p>

  394. 																				</label>

  395. 																			</div>

  396. 																		</div>

  397. 																	</div>

  398. 																</div>

  399. 

  400. 																<h3>Upload Documents</h3>

  401. 																<small><b>Acceptable formats: jpg , jpeg , png, pdf</b></small>

  402. 																<div class="row">

  403. 

  404. 																	<div class="col-md-6">

  405. 																		<div class="form-group">

  406. 																			<label>MyKad / Passport (Front) <small style="color: red">*</small></label>

  407. 																			<input type="file" id="front_ic" name="front_ic" multiple onchange="validateImage1()" class="form-control" required />

  408. 																		</div>

  409. 																	</div>

  410. 																	<div class="col-md-6">

  411. 																		<div class="form-group">

  412. 																			<label>MyKad/ Passport (Back)<small style="color: red">*</small></label>

  413. 																			<input type="file" id="back_ic" name="back_ic" multiple onchange="validateImage2()" class="form-control" required />

  414. 																		</div>

  415. 																	</div>

  416. 

  417. 																	<div class="col-md-12">

  418. 																		<div class="form-group">

  419. 																			<label>Local Registered Company<br>Form 9/Form 13/Notice of Registration (Section 15)/Certificate of Incorporation (Section 17)/Section 28/Certificateof Practice issued by the relevant authority (NGO/Association /Cooperative)<small style="color: red"> *</small><br>

  420. 																			Foreign Registered Company<br>Form 79/Form 80/Form 80a/Form 83/Form 83a/Section 562(1)<small style="color: red"> *</small></label>

  421. 																			<input type="file" id="form9" name="form9" multiple onchange="validateImage3()" class="form-control" required />

  422. 																		</div>

  423. 																	</div>

  424. 																</div>

  425. 															</div>

  426. 														</div>

  427. 

  428. 														<!-- Wizard Footer -->

  429. 														<div class="wizard-footer height-wizard">

  430. 															<div class="wizard-footer-inner">

  431. 																<div class="pull-right">

  432. 																	<!-- <a href="{{url('Residential/form2')}}"> -->

  433. 																	<!-- <button type="submit" class="btn btn-next" name="next" value="Next" style="background-color: orangered; display: inline-block;">Next</button> -->

  434. 																	<!-- <input type="button" id="save-data" class="btn btn-finish" data-loading-text="Please Wait..." name="finish" value="Submit" style="display: none;"> -->

  435. 																	<div id="showB">

  436. 																		<input type="submit" class="btn btn-finish" data-loading-text="Please Wait..." name="finish" value="Submit" style="display: none;">

  437. 																		<!-- </a> -->

  438. 																	</div>

  439. 																</div>

  440. 																	

  441. 																	<!-- <div class="pull-left">

  442. 																		<a href="{{url('/application-form/residential/address/step1')}}">

  443. 																			<input type="button" class="btn btn-previous" name="previous" value="Previous" style="background-color: grey;">

  444. 																		</a>

  445. 																	</div> -->

  446. 																<div class="clearfix"></div>

  447. 															</div>

  448. 														</div>

  449. 													</form>

  450. 													@endforeach

  451. 												</div>

  452. 											</div>

  453. 										</div>

  454. 									</div>	

  455. 								</section>

  456. 							</div>

  457. 						</div>

  458. 					</div>

  459. 					<div class="nonstick-footer padding bg-blue" align="center">

  460. 						<span class="medium-title text-centeryellow" style="color: yellow;">Got A Question?</span>

  461. 						<div align="center">

  462. 							<a class="nomargin btn btn-default" href="#" style="width: 230px;">

  463. 								Read FAQ

  464. 							</a>

  465. 							<a style="width:230px" href="#" class="nomargin btn btn-default">

  466. 								Write to us

  467. 							</a>

  468. 						</div>

  469. 					</div>

  470. 				</div>

  471. 			</section>

  472. 		</div>

  473. 	<div class="footer-callout"></div>

  474. 		<footer id="colophon" class="site-footer footer" role="contentinfo">

  475. 		<div class="container footer-inner">

  476. 			<div class="row">

  477. 				<div class="footer-widget-area">

  478. 					<div class="col-md-6 col-md-3 footer-widget" role="complementary">

  479. 						<div class="widget widget_nav_menu" id="nav_menu-3">

  480. 							<h2 class="widget-title">Overview</h2>

  481. 							<div class="menu-main-container">

  482. 								<ul id="menu-main" class="menu">

  483. 									<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16">

  484. 										<a href="https://citybroadband.my/residential/">Residential</a>

  485. 									</li>

  486. 									<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15">

  487. 										<a href="https://citybroadband.my/business/">Business</a>

  488. 									</li>

  489. 									<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14">

  490. 										<a href="https://citybroadband.my/our-story/">Our Story</a>

  491. 									</li>

  492. 									<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13">

  493. 										<a href="https://citybroadband.my/support/">Support</a>

  494. 									</li>

  495. 									<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13">

  496. 										<a href="https://citybroadband.my/support/coverage-map/">Coverage Map</a>

  497. 									</li>

  498. 									<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12">

  499. 										<a href="https://citybroadband.my/contact-us/">Contact Us</a>

  500. 									</li>

  501. 								</ul>

  502. 							</div>

  503. 						</div>

  504. 					</div>

  505. 					<div class="col-md-3 col-sm-6 footer-widget" role="complementary">

  506. 						<div id="nav_menu-2" class="widget widget_nav_menu">

  507. 							<h2 class="widget-title">Legal</h2>

  508. 							<div class="menu-footer-2-container">

  509. 								<ul id="menu-footer-2" class="menu">

  510. 									<li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22">

  511. 										<a href="https://citybroadband.my/terms-conditions/">Terms &amp; Conditions</a>

  512. 									</li>

  513. 									<li id="menu-item-373" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-373">

  514. 										<a href="https://citybroadband.my/privacy-policy/">Privacy Policy</a>

  515. 									</li>

  516. 									<li id="menu-item-373" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-373">

  517. 										<a href="https://citybroadband.my/refund-policy/">Refund Policy</a>

  518. 									</li>

  519. 								</ul>

  520. 							</div>

  521. 						</div>

  522. 					</div>

  523. 					<div class="col-md-3 col-sm-6 footer-widget" role="complementary">

  524. 						<div id="text-2" class="widget widget_text">

  525. 							<h2 class="widget-title">Hotline</h2>			

  526. 							<div class="textwidget"><span class="number-big yellow">1300-38-8000</span></div>

  527. 						</div>	

  528. 					</div>

  529. 					<div class="col-md-3 col-sm-6 footer-widget" role="complementary">

  530. 						<div id="text-4" class="widget widget_text">

  531. 							<h2 class="widget-title">We Accept</h2>	

  532. 							<div class="textwidget"><img src="https://citybroadband.my/wp-content/themes/cb1g/assets/images/weaccept.png"></div>

  533. 						</div>

  534. 					</div>

  535. 				</div>

  536. 			</div>

  537. 		</div>

  538. 		<div class="container">

  539. 			<div class="lowerfooter">

  540. 				<img width="50px" src="{{url('assets/logo/footerlogo.png')}}" align="left">

  541. 				<span class="lower-disclaimer">Copyright © 2019 Allo Technology Sdn Bhd. All rights reserved.</span>

  542. 			</div>

  543. 			<a class="btn btn-sm fade-half back-to-top inner-link" href="#top"><i class="fa fa-angle-up"></i></a>

  544. 		</div>

  545. 	</footer>

  546. 	<script type="text/javascript" src="{{url('js/navigation.js')}}"></script>

  547. 	<script type="text/javascript" src="{{url('js/skip-link-focus.js')}}"></script>

  548. 	

  549. 	<!-- Boostrap Wizard -->

  550. 	<script src="{{url('js/jquery.bootstrap.wizard.js')}}" type="text/javascript"></script>

  551. 	<!--  Plugin for the Wizard -->

  552. 	<script src="{{url('js/gsdk.bootstrap.wizard.js')}}" type="text/javascript"></script>

  553. 	<script src="{{url('js/jquery.validate.min.js')}}" type="text/javascript"></script>

  554. 	<!-- DatePicker -->

  555. 	<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js" type="text/javascript"></script>

  556. 	<!-- Signature -->

  557. 	<script src="{{url('js/signature_pad.ums.js')}}" type="text/javascript"></script>

  558. 	<script type="text/javascript">

  559. 

  560. 		function validateImage1() {

  561. 			var formData = new FormData();

  562. 			 

  563. 			var file = document.getElementById("front_ic").files[0];

  564. 			 

  565. 			formData.append("Filedata", file);

  566. 			var t = file.type.split('/').pop().toLowerCase();

  567. 			if (t != "jpeg" && t != "jpg" && t != "pdf" && t != "png") {

  568. 				alert('Accept jpeg, jpg, pdf and png only.');

  569. 				document.getElementById("front_ic").value = '';

  570. 				return false;

  571. 			}

  572. 			return true;

  573. 		}

  574. 		

  575. 		function validateImage2() {

  576. 			var formData = new FormData();

  577. 			var file = document.getElementById("back_ic").files[0];

  578. 			 

  579. 			formData.append("Filedata", file);

  580. 			var t = file.type.split('/').pop().toLowerCase();

  581. 			if (t != "jpeg" && t != "jpg" && t != "pdf" && t != "png") {

  582. 				alert('Accept jpeg, jpg, pdf and png only.');

  583. 				document.getElementById("back_ic").value = '';

  584. 				return false;

  585. 			}

  586. 			return true;

  587. 		}

  588. 		

  589. 		function validateImage3() {

  590. 			var formData = new FormData();

  591. 			 

  592. 			var file = document.getElementById("form9").files[0];

  593. 			 

  594. 			formData.append("Filedata", file);

  595. 			var t = file.type.split('/').pop().toLowerCase();

  596. 			if (t != "jpeg" && t != "jpg" && t != "pdf" && t != "png") {

  597. 				alert('Accept jpeg, jpg, pdf and png only.');

  598. 				document.getElementById("form9").value = '';

  599. 				return false;

  600. 			}

  601. 			return true;

  602. 		}

  603. 

  604. 	</script>

  605. 

  606. </body>

  607. </html>

  608. <script type="text/javascript">

  609. 	$(window).scroll(function() {    

  610. 		var scroll = $(window).scrollTop();

  611. 		if (scroll >= 150) {

  612. 			$(".site-header").addClass("smallHeader");

  613. 		}

  614. 		else {

  615. 			$(".site-header").removeClass("smallHeader");

  616. 		}

  617. 

  618. 	});

  619. 	$(".header-blue100,.header-blue500,.header-pink, .header-blue-10, .header-blue-30, .header-blue-50, .header-blue-100, .header-blue-500").hover(function () {

  620. 		$(this).toggleClass("expanded-column");

  621. 	 

  622. 	});

  623. 	$(window).on("scroll touchmove",function() {

  624. 	    if($('body').height() <= ($(window).height() + $(window).scrollTop())) {

  625. 		   $('footer').addClass('reached-bottom');

  626. 	    } else {

  627. 			$('footer').removeClass('reached-bottom');   

  628. 		}

  629. 	});

  630. </script>

  631. <style>

  632. 	select {

  633. 		height: 40px !important;

  634. 	}

  635. 	#nf-field-21-wrap .nf-field-label {

  636. 		padding-left: 5px;

  637. 	}

  638. 	.nf-field-element p {margin:0;}

  639. 	div#nf-field-22-container {

  640. 		margin: 0;

  641. 	} 

  642. </style>