Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  3. <head>
  4. <title>Confirm Subscription</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0 ">
  8. <meta name="format-detection" content="telephone=no">
  9. <!--[if !mso]><!-->
  10. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
  11. <!--<![endif]-->
  12. <style type="text/css">
  13. body {
  14. margin: 0 !important;
  15. padding: 0 !important;
  16. -webkit-text-size-adjust: 100% !important;
  17. -ms-text-size-adjust: 100% !important;
  18. -webkit-font-smoothing: antialiased !important;
  19. }
  20. img {
  21. border: 0 !important;
  22. outline: none !important;
  23. }
  24. p {
  25. Margin: 0px !important;
  26. Padding: 0px !important;
  27. }
  28. table {
  29. border-collapse: collapse;
  30. mso-table-lspace: 0px;
  31. mso-table-rspace: 0px;
  32. }
  33. td, a, span {
  34. border-collapse: collapse;
  35. mso-line-height-rule: exactly;
  36. }
  37. .ExternalClass * {
  38. line-height: 100%;
  39. }
  40. .em_defaultlink a {
  41. color: inherit !important;
  42. text-decoration: none !important;
  43. }
  44. span.MsoHyperlink {
  45. mso-style-priority: 99;
  46. color: inherit;
  47. }
  48. span.MsoHyperlinkFollowed {
  49. mso-style-priority: 99;
  50. color: inherit;
  51. }
  52. @media only screen and (min-width:481px) and (max-width:699px) {
  53. .em_main_table {
  54. width: 100% !important;
  55. }
  56. .em_wrapper {
  57. width: 100% !important;
  58. }
  59. .em_hide {
  60. display: none !important;
  61. }
  62. .em_img {
  63. width: 100% !important;
  64. height: auto !important;
  65. }
  66. .em_h20 {
  67. height: 20px !important;
  68. }
  69. .em_padd {
  70. padding: 20px 10px !important;
  71. }
  72. }
  73. @media screen and (max-width: 480px) {
  74. .em_main_table {
  75. width: 100% !important;
  76. }
  77. .em_wrapper {
  78. width: 100% !important;
  79. }
  80. .em_hide {
  81. display: none !important;
  82. }
  83. .em_img {
  84. width: 100% !important;
  85. height: auto !important;
  86. }
  87. .em_h20 {
  88. height: 20px !important;
  89. }
  90. .em_padd {
  91. padding: 20px 10px !important;
  92. }
  93. .em_text1 {
  94. font-size: 16px !important;
  95. line-height: 24px !important;
  96. }
  97. u + .em_body .em_full_wrap {
  98. width: 100% !important;
  99. width: 100vw !important;
  100. }
  101. }
  102. </style>
  103. </head>
  104. <body style="margin:0px; padding:0px; bgcolor:#EFEFEF">
  105. <table width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#EFEFEF" align="center">
  106. <tbody>
  107. <tr>
  108. <td valign="top" align="center">
  109. <table style="width:600px" width="600" cellspacing="0" cellpadding="0" border="0" align="center">
  110. <tbody>
  111. <tr>
  112. <td style="padding:15px" class="m_865302645540207826ydpecad4ebayiv6858063027em_padd" valign="top" bgcolor="#EFEFEF" align="center"></td>
  113. </tr>
  114. <tr>
  115. <td style="padding:3px" valign="top" bgcolor="#652D90" align="center">
  116. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  117. <tbody>
  118. <tr style="font-family:Open Sans,sans-serif;white-space:normal;font-weight:600;font-size:14px">
  119. <td valign="middle" align="center"><a href="https://citybroadband.my/" style="text-decoration:none;color:#fc0" rel="nofollow" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.citybroadband.my&amp;source=gmail&amp;ust=1552533576843000&amp;usg=AFQjCNHt8Qr_3UMu1h9XSjisgeibYnXdXA"><img src="{{ url('/assets/NEW-CBB-LOGO-white-text.png') }}" width="80" height="auto" class="CToWUd"></a></td>
  120. <td valign="middle" align="center"><a href="https://citybroadband.my/our-story/" style="text-decoration:none;color:#fc0" rel="nofollow" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.citybroadband.my/our-story/&amp;source=gmail&amp;ust=1552533576844000&amp;usg=AFQjCNFRqQa82myUsZ8plxND289aIkDLHA">Our Story</a></td>
  121. <td valign="middle" align="center"><a href="https://citybroadband.my/support/" style="text-decoration:none;color:#fc0" rel="nofollow" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.citybroadband.my/support/&amp;source=gmail&amp;ust=1552533576844000&amp;usg=AFQjCNH9xa-GEKgewfvz58PwU0ffC8Lb5g">Support</a></td>
  122. <td valign="middle" align="center"><a href="https://citybroadband.my/contact-us/" style="text-decoration:none;color:#fc0" rel="nofollow" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.citybroadband.my/contact-us/&amp;source=gmail&amp;ust=1552533576844000&amp;usg=AFQjCNESxMYRlxDKG-73W3dkwWOZ4IS7Ig">Contact Us</a></td>
  123. </tr>
  124. </tbody>
  125. </table>
  126. </td>
  127. </tr>
  128. <tr>
  129. <td valign="top" bgcolor="#fff" align="center">
  130. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  131. <tbody>
  132. <tr>
  133. <td style="padding:20px" valign="top" align="center">
  134. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  135. <tbody>
  136. <tr>
  137. <td valign="top" align="center">
  138. <h1 style="font-family:Signika,Helvetica,Arial,sans-serif;font-size:27px;font-style:normal;font-weight:normal;color:#333333">Thank you for your subscription!</h1>
  139. </td>
  140. </tr>
  141. <tr style="font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:rgb(51,51,51)">
  142. <td style="padding:0px 40px" valign="top" align="center">
  143. <p><b style="color:#652d90">Hello</b> {{ $form->Subscriber->name }}.</p>
  144. <br><p> </p>
  145. <p>Your world is about to get a little faster! We have received your City Broadband Plan application, and we are processing your request. Here are your new subscription details:</p>
  146. </td>
  147. </tr>
  148. </tbody>
  149. </table>
  150. </td>
  151. </tr>
  152. </tbody>
  153. </table>
  154. </td>
  155. </tr>
  156. <tr>
  157. <td valign="top" bgcolor="#fff" align="center">
  158. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  159. <tbody>
  160. <tr>
  161. <td style="padding:0px 25px" valign="top" align="center">
  162. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  163. <tbody>
  164. <tr>
  165. <td style="padding:0px 20px" valign="middle" align="left" bgcolor="#652D90">
  166. <h1 style="font-family:Signika,Helvetica,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:bold;color:#fc0">Subscription Details</h1>
  167. </td>
  168. </tr>
  169. <tr style="font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;color:rgb(51,51,51)">
  170. <td valign="middle" align="center" bgcolor="#fff">
  171. <table width="100%" cellspacing="0" cellpadding="0" border="1" align="center" style="border:1px solid #fff">
  172. <tbody>
  173. <tr>
  174. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  175. <b>Type Application</b>
  176. <p>{{ $form->type_service }}</p>
  177. </td>
  178. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  179. <b>Broadband Package</b>
  180. @if($form->type_application == 'R')
  181. <p>Residential Package - {{ $product->package_name }}</p>
  182. @elseif($form->type_application == 'B')
  183. <p>City Broadband Business Package - {{ $product->package_name }}</p>
  184. @endif
  185. </td>
  186. </tr>
  187. <tr>
  188. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  189. <b>Contract Term</b>
  190. <p>{{ $form->PackageDetail->contract}} Months</p>
  191. </td>
  192. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  193. <b>Preferred Installation Date</b>
  194. <p>{{ $form->PackageDetail->rfs }}</p>
  195. </td>
  196. </tr>
  197. <!-- @if ($form->PackageDetail->contract == '24' && $form->PackageDetail->name != '1')
  198. <tr>
  199. <td colspan="2" style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  200. <b>Promotion</b>
  201. <p>RM10 off for 24 months</p>
  202. </td>
  203. </tr>
  204. @endif -->
  205. <tr>
  206. <td colspan="1" style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  207. <b> Business Voice Plan</b>
  208. @if($product->package_name != '50Mbps')
  209. <p>Free</p>
  210. @else
  211. <p>{{$form->PackageDetail->voice_fee}}</p>
  212. @endif
  213. </td>
  214. <td colspan="1" style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  215. <b> IP</b>
  216. <p>{{$form->PackageDetail->ip}}</p>
  217. </td>
  218. </tr>
  219. <tr>
  220. <td colspan="2" style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  221. <b>Service Installation Address</b>
  222. <p>{{ $form->Subscriber->unit_no }}, {{ ucwords($form->Subscriber->street) }}, {{ $form->Subscriber->postcode }}, {{ $form->Subscriber->city }}, {{ $form->Subscriber->state }}</p>
  223. </td>
  224. </tr>
  225. </tbody>
  226. </table>
  227. </td>
  228. </tr>
  229. </tbody>
  230. </table>
  231. </td>
  232. </tr>
  233. <tr>
  234. <td style="padding:0px 25px" valign="top" align="center">
  235. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  236. <tbody>
  237. <tr>
  238. <td style="padding: 0px 20px;" valign="middle" align="left" bgcolor="#652D90">
  239. <h1 style="font-family:Signika, Helvetica, Arial, sans-serif;font-size:16px;font-style:normal;font-weight:bold;color:#fc0;">Company Details</h1>
  240. </td>
  241. </tr>
  242. <tr style="font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; color: rgb(51, 51, 51);">
  243. <td valign="middle" align="center" bgcolor="#fff">
  244. <table width="100%" cellspacing="0" cellpadding="0" border="1" align="center" style="border:2px solid #fff;">
  245. <tbody>
  246. <tr>
  247. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  248. <b>Company Name</b>
  249. <p>{{ ucwords($form->Subscriber->company_name) }}</p>
  250. </td>
  251. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  252. <b>Company Reg.No</b>
  253. <p>{{ $form->Subscriber->company_reg }}</p>
  254. </td>
  255. </tr>
  256. <tr>
  257. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  258. <b>Company Contact No.</b>
  259. <p>{{ $form->Subscriber->company_name }}</p>
  260. </td>
  261. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  262. <b>Company Fax No.</b>
  263. <p>{{ $form->Subscriber->company_num }}</p>
  264. </td>
  265. </tr>
  266. <tr>
  267. <td colspan="2" style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  268. <b>Company Address</b>
  269. <p>Same as Service Installation Address</p>
  270. </td>
  271. </tr>
  272. </tbody>
  273. </table>
  274. </td>
  275. </tr>
  276. </tbody>
  277. </table>
  278. </td>
  279. </tr>
  280. <tr>
  281. <td style="padding:0px 25px" valign="top" align="center">
  282. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  283. <tbody>
  284. <tr>
  285. <td style="padding: 0px 20px;" valign="middle" align="left" bgcolor="#652D90">
  286. <h1 style="font-family:Signika, Helvetica, Arial, sans-serif;font-size:16px;font-style:normal;font-weight:bold;color:#fc0;">Technical Contact Person</h1>
  287. </td>
  288. </tr>
  289. <tr style="font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; color: rgb(51, 51, 51);">
  290. <td valign="middle" align="center" bgcolor="#fff">
  291. <table width="100%" cellspacing="0" cellpadding="0" border="1" align="center" style="border:2px solid #fff;">
  292. <tbody>
  293. <tr>
  294. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  295. <b>Full Name</b>
  296. <p>{{ $form->Subscriber->name }}</p>
  297. </td>
  298. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  299. <b>MyKad/Passport</b>
  300. <p>{{ $form->Subscriber->ic }}</p>
  301. </td>
  302. </tr>
  303. <tr>
  304. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  305. <b>Designation</b>
  306. <p>{{ $form->Subscriber->designation }}</p>
  307. </td>
  308. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  309. <b>Email Address</b>
  310. <p>{{ $form->Subscriber->email }}</p>
  311. </td>
  312. </tr>
  313. <tr>
  314. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  315. <b>Primary Phone Number</b>
  316. <p>{{ $form->Subscriber->phone1 }}</p>
  317. </td>
  318. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  319. <b>Secondary Phone Number</b>
  320. <p>{{ $form->Subscriber->phone2 }}</p>
  321. </td>
  322. </tr>
  323. </tbody>
  324. </table>
  325. </td>
  326. </tr>
  327. </tbody>
  328. </table>
  329. </td>
  330. </tr>
  331. <tr>
  332. <td style="padding:0px 25px" valign="top" align="center">
  333. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  334. <tbody>
  335. <tr>
  336. <td style="padding:0px 20px" valign="middle" align="left" bgcolor="#652D90">
  337. <h1 style="font-family:Signika,Helvetica,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:bold;color:#fc0">Billing &amp; Payment Details</h1>
  338. </td>
  339. </tr>
  340. <tr style="font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;color:rgb(51,51,51)">
  341. <td valign="middle" align="center" bgcolor="#fff">
  342. <table width="100%" cellspacing="0" cellpadding="0" border="1" align="center" style="border:2px solid #fff">
  343. <tbody>
  344. <tr>
  345. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  346. <b>Upfront Payment</b>
  347. <p>RM {{ $form->PackageDetail->upfront_payment }}</p>
  348. </td>
  349. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  350. <b>Deposit</b>
  351. <p>RM {{ $form->PackageDetail->deposit }}</p>
  352. </td>
  353. </tr>
  354. <tr>
  355. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  356. <b>Voice Fee (incl. ST)</b>
  357. @if($form->PackageDetail->voice_fee == 'Yes')
  358. <p>RM 21.20</p>
  359. @else
  360. <p>RM 0</p>
  361. @endif
  362. </td>
  363. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  364. <b>IP (incl. ST)</b>
  365. <p>RM {{$form->PackageDetail->ip_tax}}</p>
  366. </td>
  367. </tr>
  368. <tr>
  369. <td colspan='2' style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  370. <b>Monthly Broadband Fee (incl. ST)</b>
  371. <p>RM {{ $form->PackageDetail->montly_fee }}</p>
  372. </td>
  373. </tr>
  374. </tbody>
  375. </table>
  376. </td>
  377. </tr>
  378. </tbody>
  379. </table>
  380. </td>
  381. </tr>
  382. </tbody>
  383. </table>
  384. </td>
  385. </tr>
  386. <tr>
  387. <td valign="top" bgcolor="#fff" align="center">
  388. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  389. <tbody>
  390. <tr>
  391. <td style="padding:25px" valign="top" align="center">
  392. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  393. <tbody>
  394. <tr style="font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;color:rgb(51,51,51)">
  395. <td style="padding:0px 10px" valign="top" align="left">
  396. <p>Price(s) subject to Service Tax where applicable.</p>
  397. </td>
  398. </tr>
  399. </tbody>
  400. </table>
  401. </td>
  402. </tr>
  403. </tbody>
  404. </table>
  405. </td>
  406. </tr>
  407. <tr>
  408. <td valign="top" bgcolor="#fff" align="center">
  409. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  410. <tbody>
  411. <tr>
  412. <td style="padding:0px 25px 25px 25px" valign="top" align="center">
  413. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  414. <tbody>
  415. <tr>
  416. <td bgcolor="#d85100" style="padding:15px 10px;border-bottom:1px solid #ccc;border-top:1px solid #ccc" valign="middle" align="center">
  417. <i style="color:white">Did we get your details right? Click the button below to verify your email address.</i> <br><p> </p><br>
  418. <a href="{{ url('application-form/verify-email').'/'.$form->Subscriber->subscriber_id }}" style="font-size:18px;background:#ffffff;border:0;font-family:Signika,Helvetica,Arial,sans-serif;padding:10px 25px;font-weight:400;min-width:150px;border-radius:4px;text-align:center;color:#d85100;text-decoration:none" rel="nofollow" target="_blank" data-saferedirecturl="">
  419. Verify Email
  420. </a>
  421. </td>
  422. </tr>
  423. </tbody>
  424. </table>
  425. </td>
  426. </tr>
  427. </tbody>
  428. </table>
  429. </td>
  430. </tr>
  431. <tr>
  432. <td style="padding:20px 30px" valign="top" bgcolor="#464646" align="center">
  433. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  434. <tbody>
  435. <tr>
  436. <td style="padding-bottom:10px" valign="top" align="center">
  437. <table cellspacing="0" cellpadding="0" border="0" align="center">
  438. <tbody>
  439. <tr>
  440. <td valign="top" align="center">
  441. <a href="https://www.citybroadband.my" style="text-decoration:none" rel="nofollow" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.citybroadband.my&amp;source=gmail&amp;ust=1552533576844000&amp;usg=AFQjCNFYHGNN3TqK4vE-H2MFDAGmXupC5A"><img src="https://ci6.googleusercontent.com/proxy/RF8nmYzg8oVk0fThz1EqPgAIh9fvDB3CCqU7ziHFIpYmAOFE3v1puiv9-6eOIegnF8euui9Ue1GB2ZXi0d-EE3LbaMkTR5-pMBN3sTAUpVKJeh3Ql0WgU3TH-TIck1ye8mBS=s0-d-e1-ft#https://www.citybroadband.my/wp-content/themes/cb1g/assets/images/footerlogo.png" alt="fb" style="display:block;font-family:Arial,sans-serif;font-size:14px;line-height:14px;color:#ffffff" width="100%" border="0" height="auto" class="CToWUd"></a>
  442. </td>
  443. </tr>
  444. </tbody>
  445. </table>
  446. </td>
  447. </tr>
  448. <tr>
  449. <td style="font-family:Open Sans,Arial,sans-serif;font-size:11px;line-height:18px;color:#999999" valign="middle" align="center">
  450. Copyright © 2019 Allo Technology Sdn Bhd. All rights reserved.
  451. </td>
  452. </tr>
  453. </tbody>
  454. </table>
  455. </td>
  456. </tr>
  457. <tr>
  458. <td style="padding:15px" class="m_865302645540207826ydpecad4ebayiv6858063027em_padd" valign="top" bgcolor="#EFEFEF" align="center"></td>
  459. </tr>
  460. </tbody>
  461. </table>
  462. </td>
  463. </tr>
  464. </tbody>
  465. </table>
  466. </body>
  467. </html>