Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

invoiceb.blade.php 21KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476
  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="https://ci3.googleusercontent.com/proxy/H-jt-LAAcEmrF_E4i8y0xFtkGdnyB_OysXADhYCxVxslD4-en-suZa3IB0Z4tG2QvEpp9c8acd7nTYaxPG6ZWEQg5V1UtWZi36PLLF6wjWo9UOFepywhfhqDceYNmsqTYFSkZ50fNzi1gT16WO4zVYs9VxA=s0-d-e1-ft#http://cbb.swisslink.com.my/v2/application-form/include/assets/images/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. <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>
  145. </td>
  146. </tr>
  147. </tbody>
  148. </table>
  149. </td>
  150. </tr>
  151. </tbody>
  152. </table>
  153. </td>
  154. </tr>
  155. <tr>
  156. <td valign="top" bgcolor="#fff" align="center">
  157. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  158. <tbody>
  159. <tr>
  160. <td style="padding:0px 25px" valign="top" align="center">
  161. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  162. <tbody>
  163. <tr>
  164. <td style="padding:0px 20px" valign="middle" align="left" bgcolor="#652D90">
  165. <h1 style="font-family:Signika,Helvetica,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:bold;color:#fc0">Subscription Details</h1>
  166. </td>
  167. </tr>
  168. <tr style="font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;color:rgb(51,51,51)">
  169. <td valign="middle" align="center" bgcolor="#fff">
  170. <table width="100%" cellspacing="0" cellpadding="0" border="1" align="center" style="border:1px solid #fff">
  171. <tbody>
  172. <tr>
  173. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  174. <b>Type Application</b>
  175. <p>{{ $form->type_service }}</p>
  176. </td>
  177. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  178. <b>Broadband Package</b>
  179. @if($form->type_application == 'R')
  180. <p>Residential Package - {{ $product->package_name }}</p>
  181. @elseif($form->type_application == 'B')
  182. <p>City Broadband Business Package - {{ $product->package_name }}</p>
  183. @endif
  184. </td>
  185. </tr>
  186. <tr>
  187. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  188. <b>Contract Term</b>
  189. <p>{{ $form->PackageDetail->contract}} Months</p>
  190. </td>
  191. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  192. <b>Preferred Installation Date</b>
  193. <p>{{ $form->PackageDetail->rfs }}</p>
  194. </td>
  195. </tr>
  196. @if ($form->PackageDetail->contract == '24' && $form->PackageDetail->name != '1')
  197. <tr>
  198. <td colspan="2" style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  199. <b>Promotion</b>
  200. <p>RM10 off for 24 months</p>
  201. </td>
  202. </tr>
  203. @endif
  204. <tr>
  205. <td colspan="1" style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  206. <b> Business Voice Plan</b>
  207. @if($product->package_name != '50Mbps')
  208. <p>Free</p>
  209. @else
  210. <p>{{$form->PackageDetail->voice_fee}}</p>
  211. @endif
  212. </td>
  213. <td colspan="1" style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  214. <b> IP</b>
  215. <p>{{$form->PackageDetail->ip}}</p>
  216. </td>
  217. </tr>
  218. <tr>
  219. <td colspan="2" style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  220. <b>Service Installation Address</b>
  221. <p>{{ $form->Subscriber->unit_no }}, {{ ucwords($form->Subscriber->street) }}, {{ $form->Subscriber->postcode }}, {{ $form->Subscriber->city }}, {{ $form->Subscriber->state }}</p>
  222. </td>
  223. </tr>
  224. </tbody>
  225. </table>
  226. </td>
  227. </tr>
  228. </tbody>
  229. </table>
  230. </td>
  231. </tr>
  232. <tr>
  233. <td style="padding:0px 25px" valign="top" align="center">
  234. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  235. <tbody>
  236. <tr>
  237. <td style="padding: 0px 20px;" valign="middle" align="left" bgcolor="#652D90">
  238. <h1 style="font-family:Signika, Helvetica, Arial, sans-serif;font-size:16px;font-style:normal;font-weight:bold;color:#fc0;">Company Details</h1>
  239. </td>
  240. </tr>
  241. <tr style="font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; color: rgb(51, 51, 51);">
  242. <td valign="middle" align="center" bgcolor="#fff">
  243. <table width="100%" cellspacing="0" cellpadding="0" border="1" align="center" style="border:2px solid #fff;">
  244. <tbody>
  245. <tr>
  246. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  247. <b>Company Name</b>
  248. <p>{{ ucwords($form->Subscriber->company_name) }}</p>
  249. </td>
  250. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  251. <b>Company Reg.No</b>
  252. <p>{{ $form->Subscriber->company_reg }}</p>
  253. </td>
  254. </tr>
  255. <tr>
  256. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  257. <b>Company Contact No.</b>
  258. <p>{{ $form->Subscriber->company_name }}</p>
  259. </td>
  260. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  261. <b>Company Fax No.</b>
  262. <p>{{ $form->Subscriber->company_num }}</p>
  263. </td>
  264. </tr>
  265. <tr>
  266. <td colspan="2" style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  267. <b>Company Address</b>
  268. <p>Same as Service Installation Address</p>
  269. </td>
  270. </tr>
  271. </tbody>
  272. </table>
  273. </td>
  274. </tr>
  275. </tbody>
  276. </table>
  277. </td>
  278. </tr>
  279. <tr>
  280. <td style="padding:0px 25px" valign="top" align="center">
  281. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  282. <tbody>
  283. <tr>
  284. <td style="padding: 0px 20px;" valign="middle" align="left" bgcolor="#652D90">
  285. <h1 style="font-family:Signika, Helvetica, Arial, sans-serif;font-size:16px;font-style:normal;font-weight:bold;color:#fc0;">Technical Contact Person</h1>
  286. </td>
  287. </tr>
  288. <tr style="font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; color: rgb(51, 51, 51);">
  289. <td valign="middle" align="center" bgcolor="#fff">
  290. <table width="100%" cellspacing="0" cellpadding="0" border="1" align="center" style="border:2px solid #fff;">
  291. <tbody>
  292. <tr>
  293. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  294. <b>Full Name</b>
  295. <p>{{ $form->Subscriber->name }}</p>
  296. </td>
  297. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  298. <b>MyKad/Passport</b>
  299. <p>{{ $form->Subscriber->ic }}</p>
  300. </td>
  301. </tr>
  302. <tr>
  303. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  304. <b>Designation</b>
  305. <p>{{ $form->Subscriber->designation }}</p>
  306. </td>
  307. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  308. <b>Email Address</b>
  309. <p>{{ $form->Subscriber->email }}</p>
  310. </td>
  311. </tr>
  312. <tr>
  313. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  314. <b>Primary Phone Number</b>
  315. <p>{{ $form->Subscriber->phone1 }}</p>
  316. </td>
  317. <td style="padding: 10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  318. <b>Secondary Phone Number</b>
  319. <p>{{ $form->Subscriber->phone2 }}</p>
  320. </td>
  321. </tr>
  322. </tbody>
  323. </table>
  324. </td>
  325. </tr>
  326. </tbody>
  327. </table>
  328. </td>
  329. </tr>
  330. <tr>
  331. <td style="padding:0px 25px" valign="top" align="center">
  332. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  333. <tbody>
  334. <tr>
  335. <td style="padding:0px 20px" valign="middle" align="left" bgcolor="#652D90">
  336. <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>
  337. </td>
  338. </tr>
  339. <tr style="font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;color:rgb(51,51,51)">
  340. <td valign="middle" align="center" bgcolor="#fff">
  341. <table width="100%" cellspacing="0" cellpadding="0" border="1" align="center" style="border:2px solid #fff">
  342. <tbody>
  343. <tr>
  344. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  345. <b>Upfront Payment</b>
  346. <p>RM {{ $form->PackageDetail->upfront_payment }}</p>
  347. </td>
  348. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  349. <b>Deposit</b>
  350. <p>RM {{ $form->PackageDetail->deposit }}</p>
  351. </td>
  352. </tr>
  353. <tr>
  354. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  355. <b>Voice Fee (incl. ST)</b>
  356. @if($form->PackageDetail->voice_fee == 'Yes')
  357. <p>RM 21.20</p>
  358. @else
  359. <p>RM 0</p>
  360. @endif
  361. </td>
  362. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  363. <b>IP (incl. ST)</b>
  364. <p>RM {{$form->PackageDetail->ip_tax}}</p>
  365. </td>
  366. </tr>
  367. <tr>
  368. <td colspan='2' style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  369. <b>Monthly Broadband Fee (incl. ST)</b>
  370. <p>RM {{ $form->PackageDetail->montly_fee }}</p>
  371. </td>
  372. </tr>
  373. </tbody>
  374. </table>
  375. </td>
  376. </tr>
  377. </tbody>
  378. </table>
  379. </td>
  380. </tr>
  381. </tbody>
  382. </table>
  383. </td>
  384. </tr>
  385. <tr>
  386. <td valign="top" bgcolor="#fff" align="center">
  387. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  388. <tbody>
  389. <tr>
  390. <td style="padding:25px" valign="top" align="center">
  391. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  392. <tbody>
  393. <tr style="font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;color:rgb(51,51,51)">
  394. <td style="padding:0px 10px" valign="top" align="left">
  395. <p>Price(s) subject to Service Tax where applicable.</p>
  396. </td>
  397. </tr>
  398. </tbody>
  399. </table>
  400. </td>
  401. </tr>
  402. </tbody>
  403. </table>
  404. </td>
  405. </tr>
  406. <tr>
  407. <td valign="top" bgcolor="#fff" align="center">
  408. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  409. <tbody>
  410. <tr>
  411. <td style="padding:0px 25px 25px 25px" valign="top" align="center">
  412. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  413. <tbody>
  414. <tr>
  415. <td bgcolor="#f6f7f8" style="padding:15px 10px;border-bottom:1px solid #ccc;border-top:1px solid #ccc" valign="middle" align="center">
  416. <a href="{{ url('application-form/verify-email').'/'.$form->Subscriber->subscriber_id }}" style="font-size:18px;background:#d85100;border:0;font-family:Signika,Helvetica,Arial,sans-serif;padding:10px 25px;font-weight:400;min-width:150px;text-transform:uppercase;border-radius:4px;text-align:center;color:#fff;text-decoration:none" rel="nofollow" target="_blank" data-saferedirecturl="">
  417. VERIFY EMAIL
  418. </a>
  419. </td>
  420. </tr>
  421. </tbody>
  422. </table>
  423. </td>
  424. </tr>
  425. </tbody>
  426. </table>
  427. </td>
  428. </tr>
  429. <tr>
  430. <td style="padding:20px 30px" valign="top" bgcolor="#464646" align="center">
  431. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  432. <tbody>
  433. <tr>
  434. <td style="padding-bottom:10px" valign="top" align="center">
  435. <table cellspacing="0" cellpadding="0" border="0" align="center">
  436. <tbody>
  437. <tr>
  438. <td valign="top" align="center">
  439. <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>
  440. </td>
  441. </tr>
  442. </tbody>
  443. </table>
  444. </td>
  445. </tr>
  446. <tr>
  447. <td style="font-family:Open Sans,Arial,sans-serif;font-size:11px;line-height:18px;color:#999999" valign="middle" align="center">
  448. Copyright © 2019 Allo Technology Sdn Bhd. All rights reserved.
  449. </td>
  450. </tr>
  451. </tbody>
  452. </table>
  453. </td>
  454. </tr>
  455. <tr>
  456. <td style="padding:15px" class="m_865302645540207826ydpecad4ebayiv6858063027em_padd" valign="top" bgcolor="#EFEFEF" align="center"></td>
  457. </tr>
  458. </tbody>
  459. </table>
  460. </td>
  461. </tr>
  462. </tbody>
  463. </table>
  464. </body>
  465. </html>