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.

invoice.blade.php 19KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428
  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:
  146. </p>
  147. </td>
  148. </tr>
  149. </tbody>
  150. </table>
  151. </td>
  152. </tr>
  153. </tbody>
  154. </table>
  155. </td>
  156. </tr>
  157. <tr>
  158. <td valign="top" bgcolor="#fff" align="center">
  159. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  160. <tbody>
  161. <tr>
  162. <td style="padding:0px 25px" valign="top" align="center">
  163. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  164. <tbody>
  165. <tr>
  166. <td style="padding:0px 20px" valign="middle" align="left" bgcolor="#652D90">
  167. <h1 style="font-family:Signika,Helvetica,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:bold;color:#fc0">Subscription Details</h1>
  168. </td>
  169. </tr>
  170. <tr style="font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;color:rgb(51,51,51)">
  171. <td valign="middle" align="center" bgcolor="#fff">
  172. <table width="100%" cellspacing="0" cellpadding="0" border="1" align="center" style="border:1px solid #fff">
  173. <tbody>
  174. <tr>
  175. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  176. <b>Application Type</b>
  177. <p>{{ $form->type_service }}</p>
  178. </td>
  179. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  180. <b>Service Package</b>
  181. @if($form->type_application == 'R')
  182. <p>City Broadband Residential Package - {{ $product->package_name }}</p>
  183. @elseif($form->type_application == 'B')
  184. <p>City Broadband Business Package - {{ $product-package_name }}</p>
  185. @endif
  186. </td>
  187. </tr>
  188. <tr>
  189. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  190. <b>Contract Term</b>
  191. <p>{{ $form->PackageDetail->contract}} Months</p>
  192. </td>
  193. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  194. <b>Preferred Installation Date</b>
  195. <p>{{ $form->PackageDetail->rfs }}</p>
  196. </td>
  197. </tr>
  198. <!-- @if ($form->PackageDetail->contract == '24' && $form->PackageDetail->name != '1')
  199. <tr>
  200. <td colspan="2" style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  201. <b>Promotion</b>
  202. <p>RM10 off for 24 months</p>
  203. </td>
  204. </tr>
  205. @endif -->
  206. <tr>
  207. <td colspan="2" style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  208. <b>Home Voice Plan</b>
  209. @if($form->PackageDetail->voice_fee == 'Yes')
  210. <p>Yes</p>
  211. @elseif($form->PackageDetail->voice_fee == 'No')
  212. <p>No</p>
  213. @endif
  214. </td>
  215. </tr>
  216. <tr>
  217. <td colspan="2" style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  218. <b>Service Installation Address</b>
  219. <p>{{ $form->Subscriber->unit_no }}, {{ $form->Subscriber->building_name }}, {{ $form->Subscriber->postcode }}, {{ $form->Subscriber->city }}, {{ $form->Subscriber->state }}</p>
  220. </td>
  221. </tr>
  222. </tbody>
  223. </table>
  224. </td>
  225. </tr>
  226. </tbody>
  227. </table>
  228. </td>
  229. </tr>
  230. <tr>
  231. <td style="padding:0px 25px" valign="top" align="center">
  232. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  233. <tbody>
  234. <tr>
  235. <td style="padding:0px 20px" valign="middle" align="left" bgcolor="#652D90">
  236. <h1 style="font-family:Signika,Helvetica,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:bold;color:#fc0">Personal Details</h1>
  237. </td>
  238. </tr>
  239. <tr style="font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;color:rgb(51,51,51)">
  240. <td valign="middle" align="center" bgcolor="#fff">
  241. <table width="100%" cellspacing="0" cellpadding="0" border="1" align="center" style="border:2px solid #fff">
  242. <tbody>
  243. <tr>
  244. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  245. <b>Full Name</b>
  246. <p>{{ $form->Subscriber->name }}</p>
  247. </td>
  248. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  249. <b>MyKad/Passport</b>
  250. <p>{{ $form->Subscriber->ic }}</p>
  251. </td>
  252. </tr>
  253. <tr>
  254. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  255. <b>Gender</b>
  256. <p>{{ ucfirst($form->Subscriber->gender) }}</p>
  257. </td>
  258. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  259. <b>Nationality</b>
  260. <p>{{ $form->Subscriber->citizen }}</p>
  261. </td>
  262. </tr>
  263. <tr>
  264. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  265. <b>Primary Phone Number</b>
  266. <p>{{ $form->Subscriber->phone1 }}</p>
  267. </td>
  268. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  269. <b>Secondary Phone Number</b>
  270. <p>{{ $form->Subscriber->phone2 }}</p>
  271. </td>
  272. </tr>
  273. <tr>
  274. <td colspan="2" style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  275. <b>Email</b>
  276. <p><a href="" target="_blank">{{ $form->Subscriber->email }}</a></p>
  277. </td>
  278. </tr>
  279. </tbody>
  280. </table>
  281. </td>
  282. </tr>
  283. </tbody>
  284. </table>
  285. </td>
  286. </tr>
  287. <tr>
  288. <td style="padding:0px 25px" valign="top" align="center">
  289. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  290. <tbody>
  291. <tr>
  292. <td style="padding:0px 20px" valign="middle" align="left" bgcolor="#652D90">
  293. <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>
  294. </td>
  295. </tr>
  296. <tr style="font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;color:rgb(51,51,51)">
  297. <td valign="middle" align="center" bgcolor="#fff">
  298. <table width="100%" cellspacing="0" cellpadding="0" border="1" align="center" style="border:2px solid #fff">
  299. <tbody>
  300. <tr>
  301. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  302. <b>Upfront Chargers</b>
  303. <p>RM {{ $form->PackageDetail->upfront_payment }}</p>
  304. </td>
  305. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  306. <b>Deposit</b>
  307. <p>RM {{ $form->PackageDetail->deposit }}</p>
  308. </td>
  309. </tr>
  310. <tr>
  311. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  312. <b>Monthly Broadband Fee (incl. ST)</b>
  313. <p>RM {{ $form->PackageDetail->montly_fee }}</p>
  314. </td>
  315. <td style="padding:10px 15px" width="50%" valign="middle" align="center" bgcolor="#eee">
  316. <b>Home Voice Plan Fee (incl. ST)</b>
  317. @if($form->PackageDetail->voice_fee == 'Yes')
  318. <p>RM 21.20</p>
  319. @else
  320. <p>RM 0.00</p>
  321. @endif
  322. </td>
  323. </tr>
  324. </tbody>
  325. </table>
  326. </td>
  327. </tr>
  328. </tbody>
  329. </table>
  330. </td>
  331. </tr>
  332. </tbody>
  333. </table>
  334. </td>
  335. </tr>
  336. <tr>
  337. <td valign="top" bgcolor="#fff" align="center">
  338. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  339. <tbody>
  340. <tr>
  341. <td style="padding:25px" valign="top" align="center">
  342. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  343. <tbody>
  344. <tr style="font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;color:rgb(51,51,51)">
  345. <td style="padding:0px 10px" valign="top" align="left">
  346. <p>Price(s) subject to Service Tax where applicable.</p>
  347. </td>
  348. </tr>
  349. </tbody>
  350. </table>
  351. </td>
  352. </tr>
  353. </tbody>
  354. </table>
  355. </td>
  356. </tr>
  357. <tr>
  358. <td valign="top" bgcolor="#fff" align="center">
  359. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  360. <tbody>
  361. <tr>
  362. <td style="padding:0px 25px 25px 25px" valign="top" align="center">
  363. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  364. <tbody>
  365. <tr>
  366. <td bgcolor="#d85100" style="padding:15px 10px;border-bottom:1px solid #ccc;border-top:1px solid #ccc" valign="middle" align="center">
  367. <i style="color:white">Did we get your details right? Click the button below to verify your email address.</i> <br><p> </p><br>
  368. <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="">
  369. Verify Email
  370. </a>
  371. </td>
  372. </tr>
  373. </tbody>
  374. </table>
  375. </td>
  376. </tr>
  377. </tbody>
  378. </table>
  379. </td>
  380. </tr>
  381. <tr>
  382. <td style="padding:20px 30px" valign="top" bgcolor="#464646" align="center">
  383. <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  384. <tbody>
  385. <tr>
  386. <td style="padding-bottom:10px" valign="top" align="center">
  387. <table cellspacing="0" cellpadding="0" border="0" align="center">
  388. <tbody>
  389. <tr>
  390. <td valign="top" align="center">
  391. <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>
  392. </td>
  393. </tr>
  394. </tbody>
  395. </table>
  396. </td>
  397. </tr>
  398. <tr>
  399. <td style="font-family:Open Sans,Arial,sans-serif;font-size:11px;line-height:18px;color:#999999" valign="middle" align="center">
  400. Copyright © 2019 Allo Technology Sdn Bhd. All rights reserved.
  401. </td>
  402. </tr>
  403. </tbody>
  404. </table>
  405. </td>
  406. </tr>
  407. <tr>
  408. <td style="padding:15px" class="m_865302645540207826ydpecad4ebayiv6858063027em_padd" valign="top" bgcolor="#EFEFEF" align="center"></td>
  409. </tr>
  410. </tbody>
  411. </table>
  412. </td>
  413. </tr>
  414. </tbody>
  415. </table>
  416. </body>
  417. </html>