muadzmi02
/
allo
atdalīts no SwissLink/allo
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Laidieni 0 Vikivietne Aktivitāte
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
352 Revīzijas
6 Atzari
Koks: c847d6a78f
Atzari Tagi
${ item.name }
Izveidot atzaru ${ searchTerm }
no 'c847d6a78f'
${ noResults }
allo/resources/views/sales/include/previewbusiness.blade.php

previewbusiness.blade.php 19KB
Neapstrādāts Vainot Vēsture

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458 
  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://www.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="http://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>Residential 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://www.citybroadband.my/feed/">

  31. 	<link rel="alternate" type="application/rss+xml" title="Cyberjaya Broadband » Comments Feed" href="https://www.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. </head>

  57. <body>

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

  59. 		<a class="skip-link screen-reader-text" href="#"></a>

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

  61. 			<div class="fixed-portal-login">

  62. 				<a href="#" target="_blank">User Portal Login</a>

  63. 			</div>

  64. 		</header>

  65. 	</div>

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

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

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

  69. 				<div class="row">

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

  71. 						<a href="#">

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

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

  74. 						</a>

  75. 					</div>

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

  77. 						<div class="search">

  78. 							<form role="search" method="get" class="search-form" action="#">

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

  80. 							</form>

  81. 						</div>

  82. 					</div>

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

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

  85. 							<span class="sr-only">Toggle Navigation</span>

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

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

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

  89. 						</button>

  90. 					</div>

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

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

  93. 							<ul id="menu" class="menu nav-menu" aria-expanded="false">

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

  95. 									<a title="Residential" href="#">Residential</a>

  96. 								</li>

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

  98. 									<a title="Business" href="#">Business</a>

  99. 								</li>

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

  101. 									<a title="Our Story" href="#">Our Story</a>

  102. 								</li>

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

  104. 									<a title="Support" href="#">Support</a>

  105. 								</li>

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

  107. 									<a href="#" title="Contact Us">Contact Us</a>

  108. 								</li>

  109. 							</ul>

  110. 						</div>

  111. 					</div>

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

  113. 						<form role="search" method="get" class="search-form" action="#">

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

  115. 						</form>

  116. 					</div>

  117. 				</div>

  118. 			</div>

  119. 		</nav>

  120. 	</div>

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

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

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

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

  125. 					<div class="container">

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

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

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

  129. 						</p>

  130. 					</div>

  131. 				</div>

  132. 				<div class="container">

  133. 					<div class="row">

  134. 						<div class="col-md-13">

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

  136. 								<div class="row">

  137. 									<div class="container">

  138. 										@foreach($data as $a)

  139. 										<form action method="post" ectype="multipart/form-data" name="registerForm" novalidate="novalidate">

  140. 											<div class="tracking-process" >

  141. 											</div>

  142. 											<div class="moving-tab" style="width: 180px; transition: transform 0s ease 0s;">

  143. 												Preview

  144. 											</div>

  145. 											<div class="tab-content">

  146. 												<div class="tab-pane active" id="signaturess">

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

  148. 														<!-- Preview -->

  149. 														<div class="row">

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

  151. 																<div id="preview">

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

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

  154. 																		<tbody>

  155. 																			<tr><th>Type Application</th>

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

  157. 																			</tr>

  158. 																			<tr><th>Residential Package</th>

  159. 																				<td>10Mbps</td>

  160. 																			</tr>

  161. 																			<tr><th>Contract Term</th>

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

  163. 																			</tr>

  164. 																			<tr><th>Prefered Appointment Date</th>

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

  166. 																			</tr>

  167. 																		</tbody>

  168. 																	</table>

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

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

  171. 																		<tbody>

  172. 																			<tr><th>Subscribe for Voice</th>

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

  174. 																			</tr>

  175. 																		</tbody>

  176. 																	</table>

  177. 																	<hr><label><b>Company Details</b></label>

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

  179. 																		<tbody>

  180. 																			<tr><th>Company Name</th>

  181. 																				<td>{{$a['company_name']}}</td>

  182. 																			</tr>

  183. 																			<tr><th>Business Reg.No</th>

  184. 																				<td>{{$a['company_register']}}</td>

  185. 																			</tr>

  186. 																			<tr><th>Company Contact No.</th>

  187. 																				<td>{{$a['company_number']}}</td>

  188. 																			</tr>

  189. 																			<tr><th>Company Fax No.</th>

  190. 																				<td>{{$a['company_fax']}}</td>

  191. 																			</tr>

  192. 																		</tbody>

  193. 																	</table>

  194. 																	<hr><label><b>Technical Contact Person</b></label>

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

  196. 																		<tbody>

  197. 																			<tr><th>Full Name</th>

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

  199. 																			</tr>

  200. 																			<tr><th>MyKad/Passport</th>

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

  202. 																			</tr>

  203. 																			<tr><th>Designation</th>

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

  205. 																			</tr>

  206. 																			<tr><th>Primary Phone Number</th>

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

  208. 																			</tr>

  209. 																			<tr><th>Secondary Phone Number</th>

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

  211. 																			</tr>

  212. 																			<tr><th>Email Address</th>

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

  214. 																			</tr>

  215. 																		</tbody>

  216. 																	</table>

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

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

  219. 																		<tbody>

  220. 																			<tr><th>Address</th>

  221. 																				<td>{{$a['caddress']}}</td>

  222. 																			</tr>

  223. 																			<tr><th>Postcode</th>

  224. 																				<td>{{$a['postcode']}}</td>

  225. 																			</tr>

  226. 																			<tr><th>City</th>

  227. 																				<td>{{$a['ccity']}}</td>

  228. 																			</tr>

  229. 																			<tr><th>State</th>

  230. 																				<td>{{$a['cstate']}}</td>

  231. 																			</tr>

  232. 																		</tbody>

  233. 																	</table>

  234. 																	<hr><label><b>Montly Recurring Fee</b></label>

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

  236. 																		<tbody>

  237. 																			<tr><th>Description</th><th>Price excl. ST</th><th>With ST (6%)</th>

  238. 																			</tr>

  239. 																			<tr><th>Broadband Fee</th>

  240. 																				<td>149</td>

  241. 																				<td>157.94</td>

  242. 																			</tr>

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

  244. 																				<td>149</td>

  245. 																			</tr>

  246. 																			<tr><th colspan="2">OTC</th>

  247. 																				<td>0.0</td>

  248. 																			</tr>

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

  250. 																				<td>306.94</td>

  251. 																			</tr>

  252. 																		</tbody>

  253. 																	</table>

  254. 																</div>

  255. 															</div>

  256. 														</div>

  257. 													</div>

  258. 

  259. 													<!-- Document -->

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

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

  262. 														<div class="row">

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

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

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

  266. 																	<div class="checkbox">

  267. 																		<label>

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

  269. 																		</label>

  270. 																	</div>

  271. 																	<div class="checkbox">

  272. 																		<label>

  273. 																			<input type="checkbox" name="formss" id="formss" value="24" required="" aria-required="true"> <p>Photocopy of Form 9, 24, 44 &amp; 49 </p>

  274. 																		</label>

  275. 																	</div>

  276. 																	<div class="checkbox">

  277. 																		<label>

  278. 																			<input type="checkbox" name="consent" id="consent" value="24" required="" aria-required="true"> <p>I hereby consent to the collection, use,

  279. 																				disclosure of my personal information in accordance with the <b> Privacy Policy </b> available one www.citybroadband.my.</p>

  280. 																			</label>

  281. 																		</div>

  282. 																		<div class="checkbox">

  283. 																			<label>

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

  285. 																					any appendices attached are true and valid. I have read and understood the contents of this form and agreed to be bound by <b> Terms &amp; Condition </b>

  286. 																					as stated on the next page of this form which accompany the subscription of product(s) and/ or service(s). Allo Haruman Technology Sdn Bhd reserve the rights

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

  288. 																				</p>

  289. 																			</label>

  290. 																		</div>

  291. 																		<input type="text" name="dealer_id" value="" id="dealer_id" style="display:none">

  292. 																		<input type="text" name="dealer_company" value="" id="dealer_company" style="display:none">

  293. 																		<input type="text" name="package" value="10" id="package" style="display:none">

  294. 																	</div>

  295. 																</div>

  296. 															</div>

  297. 														</div>

  298. 													</div>

  299. 												</div>

  300. 											</div>

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

  302. 											<div class="footer">

  303. 												<div class="footer-inner">

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

  305. 														<a href="">

  306. 															<input type="button" class="btn btn-next" name="next" value="Submit" style="background-color: orangered; display: inline-block;">

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

  308. 														</a>

  309. 													</div>

  310. 													<div class="pull-left">

  311. 														<a href="{{url('Residential/form3')}}">

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

  313. 														</a>

  314. 													</div>

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

  316. 												</div>

  317. 											</div>

  318. 										</div>

  319. 										</form>

  320. 										@endforeach

  321. 									</div>

  322. 								</div>	

  323. 							</section>

  324. 						</div>

  325. 					</div>

  326. 				</div>

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

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

  329. 					<div align="center">

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

  331. 							Read FAQ

  332. 						</a>

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

  334. 							Write to us

  335. 						</a>

  336. 					</div>

  337. 				</div>

  338. 			</div>

  339. 		</section>

  340. 	</div>

  341. 	<div class="footer-callout">

  342. 	</div>

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

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

  345. 			<div class="row">

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

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

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

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

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

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

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

  353. 										<a href="#">Residential</a>

  354. 									</li>

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

  356. 										<a href="#">Business</a>

  357. 									</li>

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

  359. 										<a href="#/">Our Story</a>

  360. 									</li>

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

  362. 										<a href="#">Support</a>

  363. 									</li>

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

  365. 										<a href="#">Contact Us</a>

  366. 									</li>

  367. 								</ul>

  368. 							</div>

  369. 						</div>

  370. 					</div>

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

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

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

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

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

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

  377. 										<a href="#">Terms &amp; Conditions</a>

  378. 									</li>

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

  380. 										<a href="#">Privacy Policy</a>

  381. 									</li>

  382. 								</ul>

  383. 							</div>

  384. 						</div>

  385. 					</div>

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

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

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

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

  390. 						</div>	

  391. 					</div>

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

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

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

  395. 							<div class="textwidget"><img src=""></div>

  396. 						</div>

  397. 					</div>

  398. 				</div>

  399. 			</div>

  400. 		</div>

  401. 		<div class="container">

  402. 			<div class="lowerfooter">

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

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

  405. 			</div>

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

  407. 		</div>

  408. 	</footer>

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

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

  411. 	

  412. 	<!-- Boostrap Wizard -->

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

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

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

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

  417. 	<!-- DatePicker -->

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

  419. 	<!-- Signature -->

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

  421. 

  422. </body>

  423. </html>

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

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

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

  427. 		if (scroll >= 150) {

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

  429. 		}

  430. 		else {

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

  432. 		}

  433. 

  434. 	});

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

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

  437. 	 

  438. 	});

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

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

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

  442. 	    } else {

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

  444. 		}

  445. 	});

  446. </script>

  447. <style>

  448. 	select {

  449. 		height: 40px !important;

  450. 	}

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

  452. 		padding-left: 5px;

  453. 	}

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

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

  456. 		margin: 0;

  457. 	} 

  458. </style>