This commit is contained in:
hafifierahman
2022-04-05 05:28:36 +08:00
parent df067b2070
commit 3ff594c162
5 changed files with 322 additions and 3 deletions
+260
View File
@@ -0,0 +1,260 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="color-scheme" content="light">
<meta name="supported-color-schemes" content="light">
<style>
@media only screen and (max-width: 600px) {
.inner-body {
width: 100% !important;
}
.footer {
width: 100% !important;
}
}
@media only screen and (max-width: 500px) {
.button {
width: 100% !important;
}
}
.header {
position: relative;
}
.para {
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
position: relative;
font-size: 16px;
line-height: 1.5em;
margin-top: 0;
text-align: left;
}
.billid {
text-align: center;
}
</style>
</head>
<body style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; -webkit-text-size-adjust: none; background-color: #ffffff; color: #718096; height: 100%; line-height: 1.4; margin: 0; padding: 0; width: 100% !important;">
<table class="wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 100%; background-color: #edf2f7; margin: 0; padding: 0; width: 100%;">
<tr>
<td align="center" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative;">
<table class="content" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 100%; margin: 0; padding: 0; width: 100%;">
<tr>
<td class="header" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; padding: 25px 0; text-align: center;">
<a href="http://arrahn-portal.test:83/" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; color: #3d4852; font-size: 19px; font-weight: bold; text-decoration: none; display: inline-block;">
</a>
</td>
</tr>
<!-- Email Body -->
<tr>
<td class="body" width="100%" cellpadding="0" cellspacing="0" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 100%; background-color: #edf2f7; border-bottom: 1px solid #edf2f7; border-top: 1px solid #edf2f7; margin: 0; padding: 0; width: 100%;">
<table class="inner-body" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 570px; background-color: #ffffff; border-color: #e8e5ef; border-radius: 2px; border-width: 1px; box-shadow: 0 2px 0 rgba(0, 0, 150, 0.025), 2px 4px 0 rgba(0, 0, 150, 0.015); margin: 0 auto; padding: 0; width: 570px;">
<!-- Body content -->
<tr>
<td class="content-cell" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; max-width: 100vw; padding: 32px;">
<div class="header2">
<img src="{{ asset('/argon/img/brand/arrahnlogo.png') }}" alt="#" style="height: 35px; max-height: 75px; width: 55px; justify-content: flex-start;">
<p style="justify-content: flex-end;">KOPERASI PERMODALAN KELANTAN BERHAD</p>
</div>
<hr style="border-top: 2px solid #005CA7;">
<h6 style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; font-size: 24px; font-weight: bold; margin-top: 9%; text-align: center;">Resit Daripada Permodalan Kelantan Berhad (PKB)</h6>
<table cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center" style="border-collapse:collapse;border-spacing:0px;background-color:#ffffff;width:500px;border-bottom:1px solid transparent">
<tbody>
<tr style="border-collapse:collapse">
<td align="left" style="padding:20px;Margin:0;border-bottom:1px solid #efefef">
<table cellspacing="0" cellpadding="0" width="100%" style="border-collapse:collapse;border-spacing:0px">
<tbody>
<tr style="border-collapse:collapse">
<td valign="top" align="center" style="padding:0;Margin:0;width:460px">
<table width="100%" cellspacing="0" cellpadding="0" role="presentation" style="border-collapse:collapse;border-spacing:0px">
<tbody>
<tr style="border-collapse:collapse">
<td align="left" style="padding:0;Margin:0">
<p style="Margin:0;font-family:arial,'helvetica neue',helvetica,sans-serif;line-height:21px;color:#29353f;font-size:14px">Name: <strong>MUHAMMAD HAFIFIE BIN ABD RAHMAN</strong>
<br>Email: <strong><a href="mailto:muhdhafifie97@gmail.com" target="_blank">muhdhafifie97@gmail.com</a></strong><br>Keterangan: <strong>Bayaran Ansuran</strong><br>
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="border-collapse:collapse">
<table cellpadding="0" cellspacing="0" width="100%" role="presentation" style="border-collapse:collapse;border-spacing:0px">
<thead>
<tr align="left">
<th style="font-family:arial,'helvetica neue',helvetica,sans-serif;line-height:21px;font-size:14px;color:black;">No Rujukan</th>
<th align="right" style="font-family:arial,'helvetica neue',helvetica,sans-serif;line-height:21px;font-size:14px;color:black">Bayaran</th>
</tr>
</thead>
<tbody>
<td style="Margin:0;font-family:arial,'helvetica neue',helvetica,sans-serif;line-height:21px;color:#29353f;font-size:14px">asddsad</td>
<td align="right" style="Margin:0;font-family:arial,'helvetica neue',helvetica,sans-serif;line-height:21px;color:#29353f;font-size:14px">RM 10.00</td>
</tbody>
</table>
</tr>
<tr style="border-collapse:collapse">
<td align="left" bgcolor="#f0f6fe" style="padding:20px;Margin:0;background-color:#f0f6fe">
<table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;width:460px">
<tbody><tr style="border-collapse:collapse">
<td valign="top" style="padding:0;Margin:0">
<table cellspacing="0" cellpadding="0" align="left" class="m_6184188145672396019es-left" style="border-collapse:collapse;border-spacing:0px;float:left">
<tbody><tr style="border-collapse:collapse">
<td valign="top" align="center" style="padding:0;Margin:0;width:220px">
<table width="100%" cellspacing="0" cellpadding="0" role="presentation" style="border-collapse:collapse;border-spacing:0px">
<tbody><tr style="border-collapse:collapse">
<td align="left" class="m_6184188145672396019es-m-txt-l" style="padding:0;Margin:0"><h3 style="Margin:0;line-height:22px;font-family:arial,'helvetica neue',helvetica,sans-serif;font-size:18px!important;font-style:normal;font-weight:normal;color:#29353f"><strong>Jumlah</strong></h3></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table></td>
<td style="padding:0;Margin:0;width:20px"></td>
<td valign="top" style="padding:0;Margin:0">
<table cellpadding="0" cellspacing="0" class="m_6184188145672396019es-right" align="right" style="border-collapse:collapse;border-spacing:0px;float:right">
<tbody><tr style="border-collapse:collapse">
<td align="left" style="padding:0;Margin:0;width:220px">
<table cellpadding="0" cellspacing="0" width="100%" role="presentation" style="border-collapse:collapse;border-spacing:0px">
<tbody><tr style="border-collapse:collapse">
<td align="right" class="m_6184188145672396019es-m-txt-r" style="padding:0;Margin:0"><h3 style="Margin:0;line-height:22px;font-family:arial,'helvetica neue',helvetica,sans-serif;font-size:18px!important;font-style:normal;font-weight:normal;color:#34ad51"><strong>RM106.00</strong></h3></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table></td>
</tr>
<tr style="border-collapse:collapse">
<td align="left" style="padding:20px;Margin:0">
<table width="100%" cellspacing="0" cellpadding="0" style="border-collapse:collapse;border-spacing:0px">
<tbody><tr style="border-collapse:collapse">
<td valign="top" align="center" style="padding:0;Margin:0;width:460px">
<table width="100%" cellspacing="0" cellpadding="0" role="presentation" style="border-collapse:collapse;border-spacing:0px">
<tbody><tr style="border-collapse:collapse">
<td align="left" class="m_6184188145672396019es-m-txt-l" style="padding:0;Margin:0"><p style="Margin:0;font-family:arial,'helvetica neue',helvetica,sans-serif;line-height:23px;color:#29353f;font-size:15px!important">If you have questions,&nbsp;contact VISTA SUMMEROSE (KB) SDN BHD at <a style="text-decoration:underline;color:#3784f4;font-size:15px!important" href="mailto:cc.mpkb@citycarpark.my?subject=I%20have%20a%20question%20about%20payment%20with%20Bill%20ID%20jba6vrlc" target="_blank">cc.mpkb@citycarpark.my</a> or call&nbsp;<a style="text-decoration:underline;color:#3784f4;font-size:15px!important" href="tel:+609705130" target="_blank">+609705130</a></p></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table></td>
</tr>
<tr style="border-collapse:collapse">
<td align="left" style="padding:0;Margin:0;padding-bottom:20px;padding-left:20px;padding-right:20px">
<table width="100%" cellspacing="0" cellpadding="0" style="border-collapse:collapse;border-spacing:0px">
<tbody><tr style="border-collapse:collapse">
<td valign="top" align="center" style="padding:0;Margin:0;width:460px">
<table width="100%" cellspacing="0" cellpadding="0" role="presentation" style="border-collapse:collapse;border-spacing:0px">
<tbody><tr style="border-collapse:collapse">
<td align="left" style="padding:0;Margin:0"><p style="Margin:0;font-family:arial,'helvetica neue',helvetica,sans-serif;line-height:18px;color:#666666;font-size:12px">You are receiving this email because you made payment to&nbsp;<strong>VISTA SUMMEROSE (KB) SDN BHD</strong>.</p></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table></td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative;">
<table class="footer" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 570px; margin: 0 auto; padding: 0; text-align: center; width: 570px;">
<tr>
<td class="content-cell" align="center" style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; max-width: 100vw; padding: 32px;">
<p style="box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; position: relative; line-height: 1.5em; margin-top: 0; color: #b0adc5; font-size: 12px; text-align: center;">© 2021 Koperasi Permodalan Kelantan Berhad.</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
@@ -283,13 +283,22 @@
</table>
<hr>
</div>
<div class="row pb-4 font-weight-light">
<div class="col-6">
<label style="text-transform: uppercase;"><strong>Bayaran Pengurusan</strong></label>
</div>
<div class="col-6">
<span class="text-primary"><strong>RM <span>1.00</span></strong></span>
</div>
</div>
<div class="row pb-4 font-weight-light">
<div class="col-6">
<label style="text-transform: uppercase;"><strong>Jumlah Keseluruhan</strong></label>
</div>
<div class="col-6">
<span class="text-primary"><strong>RM <span id="spanjumlah">0.00</span></strong></span>
<span class="text-primary"><strong>RM <span id="spanjumlah">1.00</span></strong></span>
</div>
</div>
</div>
@@ -494,7 +503,7 @@
$("#spanbayaranarrahn").text(sumarrahn.toFixed(2));
$("#spanbayarantawarruq").text(sumtawarruq.toFixed(2));
$('#spanjumlah').text(formatter.format(sum));
$('#spanjumlah').text(formatter.format(sum + 1));
}
if (document.addEventListener) {