445 lines
33 KiB
PHP
445 lines
33 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="vi">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Nạp tiền thành công</title>
|
|
<style>
|
|
body {
|
|
font-family: 'Helvetica', 'Arial', sans-serif;
|
|
line-height: 150%;
|
|
color: #505050;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #4c4e4e;
|
|
}
|
|
.container {
|
|
width: 715px;
|
|
margin: 0 auto;
|
|
background-color: #ececec;
|
|
border-radius: 8px;
|
|
border: 1px solid #aaa;
|
|
}
|
|
.header-top {
|
|
background-color: #f16723;
|
|
padding: 9px 18px;
|
|
border-radius: 8px 8px 0 0;
|
|
color: #ffffff;
|
|
}
|
|
.header-top table {
|
|
width: 100%;
|
|
}
|
|
.logo-section {
|
|
padding: 20px;
|
|
background: #fff;
|
|
}
|
|
.logo-section table {
|
|
width: 100%;
|
|
}
|
|
.content {
|
|
background: #fff;
|
|
width: 95%;
|
|
margin: 0 auto;
|
|
padding: 20px 18px;
|
|
}
|
|
.success-box {
|
|
background-color: #d4edda;
|
|
border: 1px solid #c3e6cb;
|
|
border-radius: 8px;
|
|
padding: 20px;
|
|
margin: 20px 0;
|
|
text-align: center;
|
|
}
|
|
.success-title {
|
|
color: #28a745;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
margin: 0 0 10px 0;
|
|
}
|
|
.info-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 20px 0;
|
|
}
|
|
.info-table th {
|
|
background-color: #36414b;
|
|
color: #ffffff;
|
|
padding: 10px 15px;
|
|
text-align: left;
|
|
font-weight: normal;
|
|
}
|
|
.info-table td {
|
|
padding: 20px 15px;
|
|
border-top: 1px solid #d9d9d9;
|
|
color: #505050;
|
|
}
|
|
.balance-box {
|
|
background-color: #e8f5e8;
|
|
border: 1px solid #c3e6cb;
|
|
border-radius: 8px;
|
|
padding: 15px;
|
|
margin: 20px 0;
|
|
}
|
|
.balance-row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 8px 0;
|
|
border-bottom: 1px solid #d4edda;
|
|
}
|
|
.balance-row:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.balance-label {
|
|
font-weight: bold;
|
|
color: #495057;
|
|
}
|
|
.balance-value {
|
|
color: #28a745;
|
|
font-weight: bold;
|
|
}
|
|
.footer-section {
|
|
padding: 20px;
|
|
}
|
|
.footer-section table {
|
|
width: 100%;
|
|
}
|
|
.bank-info {
|
|
background: #fff;
|
|
width: 95%;
|
|
margin: 0 auto;
|
|
padding: 18px;
|
|
}
|
|
.bank-info-title {
|
|
color: #0099cc;
|
|
font-weight: bold;
|
|
margin-bottom: 10px;
|
|
}
|
|
.bank-account {
|
|
padding: 5px 0;
|
|
}
|
|
.footer-bottom {
|
|
background-color: #f16723;
|
|
padding: 10px 18px;
|
|
border-radius: 0 0 8px 8px;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
}
|
|
.footer-note {
|
|
font-size: 11px;
|
|
font-style: italic;
|
|
text-align: center;
|
|
padding-top: 10px;
|
|
color: #fff;
|
|
}
|
|
.auto-email-notice {
|
|
font-size: 11px;
|
|
font-style: italic;
|
|
text-align: center;
|
|
padding-top: 10px;
|
|
color: #fff;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" style="border-collapse:collapse;padding:0;background-color:#4c4e4e;height:100%;margin:0;width:100%">
|
|
<tbody>
|
|
<tr>
|
|
<td style="font-size:11px;font-style:italic;text-align:center;padding-top:10px;color:#fff">Đây là email tự động. Quý khách vui lòng không trả lời email này.</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" align="center" style="border-collapse:collapse;border-top:0;height:100%;margin:0;width:100%;line-height:200%;padding:10px">
|
|
<table width="715" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;border:1px none #aaa;background-color:#ececec;border-radius:8px">
|
|
<tbody>
|
|
<tr>
|
|
<td style="border-collapse:collapse;padding:0">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" align="center" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;padding-top:9px;padding-bottom:9px;background-color:#f16723;padding-left:18px;padding-right:18px;border-radius:8px 8px 0 0">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td style="border-collapse:collapse;color:#505050;font-family:Helvetica,Arial;font-size:12px;text-align:left"><span style="color:#ffffff">{{ $depositDate }}</span></td>
|
|
<td style="border-collapse:collapse;color:#505050;font-family:Helvetica,Arial;font-size:12px;text-align:right"><span style="color:#ffffff">Hotline: {{ $supportPhone }}</span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" align="center" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" align="center" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:18px">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse">
|
|
<table width="220" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-family:Helvetica,Arial;font-size:12px;line-height:150%;text-align:left;padding-top:5px">
|
|
<img style="border:0;height:51px;line-height:100%;outline:none;text-decoration:none;width:200px"
|
|
src="{{ asset('/images/logo.png') }}" alt="Logo">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table width="409" cellspacing="0" cellpadding="0" border="0" align="right" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-family:Helvetica,Arial;font-size:12px;line-height:150%;text-align:left;padding-top:12px">
|
|
<p style="margin:0;padding-bottom:0;text-align:right"><span style="font-size:14px"><strong>CÔNG TY CỔ PHẦN GIẢI PHÁP CÔNG NGHỆ THẾ GIỚI SỐ</strong></span><br> DỊCH VỤ SERVER - CLOUD - VPS CHUYÊN NGHIỆP</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" align="center" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;background:#fff;width:95%;margin:0 auto">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-family:Helvetica,Arial;font-size:12px;text-align:left;padding-top:10px;padding-bottom:10px;padding-left:19px;padding-right:18px">
|
|
<div style="margin-bottom:10px">Chào khách hàng <strong>{{ $customerName }}</strong>,</div>
|
|
<div style="margin-bottom:10px">Thế Giới Số trân trọng cảm ơn quý khách hàng đã quan tâm và sử dụng dịch vụ trong thời gian qua.</div>
|
|
<div><strong>Chúng tôi xin thông báo về việc nạp tiền vào tài khoản thành công.</strong></div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" align="center" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;background:#fff;width:95%;margin:0 auto">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;padding-top:0px;padding-bottom:20px;padding-left:18px;padding-right:18px">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse:collapse;border-style:solid;border-color:#e5e5e5;border-width:1px">
|
|
<thead>
|
|
<tr>
|
|
<th valign="top" style="color:#505050;font-family:Arial;font-size:12px;line-height:150%;text-align:left;font-weight:normal;color:#ffffff;padding-bottom:10px;padding-right:15px;padding-left:15px;padding-top:10px;background-color:#36414b">Thông tin giao dịch</th>
|
|
<th valign="top" style="color:#505050;font-family:Arial;font-size:12px;line-height:150%;text-align:left;font-weight:normal;color:#ffffff;padding-bottom:10px;padding-right:15px;padding-left:15px;padding-top:10px;background-color:#36414b">Chi tiết</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-size:12px;line-height:150%;text-align:left;border-top-style:solid;padding-bottom:20px;padding-right:15px;padding-left:15px;padding-top:20px;border-top-color:#d9d9d9;border-top-width:1px">Mã giao dịch</td>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-size:12px;line-height:150%;text-align:left;border-top-style:solid;padding-bottom:20px;padding-right:15px;padding-left:15px;padding-top:20px;border-top-color:#d9d9d9;border-top-width:1px"><strong>{{ $transactionCode }}</strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-size:12px;line-height:150%;text-align:left;border-top-style:solid;padding-bottom:20px;padding-right:15px;padding-left:15px;padding-top:20px;border-top-color:#d9d9d9;border-top-width:1px">Số tiền nạp</td>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-size:12px;line-height:150%;text-align:left;border-top-style:solid;padding-bottom:20px;padding-right:15px;padding-left:15px;padding-top:20px;border-top-color:#d9d9d9;border-top-width:1px"><strong style="color:#28a745">{{ $amountFormatted }} VNĐ</strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-size:12px;line-height:150%;text-align:left;border-top-style:solid;padding-bottom:20px;padding-right:15px;padding-left:15px;padding-top:20px;border-top-color:#d9d9d9;border-top-width:1px">Credit nhận được</td>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-size:12px;line-height:150%;text-align:left;border-top-style:solid;padding-bottom:20px;padding-right:15px;padding-left:15px;padding-top:20px;border-top-color:#d9d9d9;border-top-width:1px"><strong style="color:#28a745">{{ $creditFormatted }} Credit</strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-size:12px;line-height:150%;text-align:left;border-top-style:solid;padding-bottom:20px;padding-right:15px;padding-left:15px;padding-top:20px;border-top-color:#d9d9d9;border-top-width:1px">Thời gian</td>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-size:12px;line-height:150%;text-align:left;border-top-style:solid;padding-bottom:20px;padding-right:15px;padding-left:15px;padding-top:20px;border-top-color:#d9d9d9;border-top-width:1px">{{ $depositDate }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" align="center" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;background:#fff;width:95%;margin:0 auto">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse:collapse;font-family:Arial">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-family:Helvetica,Arial;font-size:12px;line-height:150%;text-align:left;padding-left:19px;padding-right:18px">
|
|
<div style="margin-bottom:10px"><span style="font-size:12px"><strong>Số dư tài khoản sau khi nạp:</strong></span></div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" align="center" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;background:#fff;width:95%;margin:0 auto">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;padding-top:0px;padding-bottom:20px;padding-left:18px;padding-right:18px">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse:collapse;border-style:solid;border-color:#e5e5e5;border-width:1px">
|
|
<thead>
|
|
<tr>
|
|
<th valign="top" style="color:#505050;font-family:Arial;font-size:12px;line-height:150%;text-align:left;font-weight:normal;color:#ffffff;padding-bottom:10px;padding-right:15px;padding-left:15px;padding-top:10px;background-color:#36414b">Loại</th>
|
|
<th valign="top" style="color:#505050;font-family:Arial;font-size:12px;line-height:150%;text-align:left;font-weight:normal;color:#ffffff;padding-bottom:10px;padding-right:15px;padding-left:15px;padding-top:10px;background-color:#36414b">Số dư hiện tại</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-size:12px;line-height:150%;text-align:left;border-top-style:solid;padding-bottom:20px;padding-right:15px;padding-left:15px;padding-top:20px;border-top-color:#d9d9d9;border-top-width:1px">Số dư VNĐ</td>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-size:12px;line-height:150%;text-align:left;border-top-style:solid;padding-bottom:20px;padding-right:15px;padding-left:15px;padding-top:20px;border-top-color:#d9d9d9;border-top-width:1px"><strong>{{ $currentTotalFormatted }} VNĐ</strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-size:12px;line-height:150%;text-align:left;border-top-style:solid;padding-bottom:20px;padding-right:15px;padding-left:15px;padding-top:20px;border-top-color:#d9d9d9;border-top-width:1px">Số dư Credit</td>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-size:12px;line-height:150%;text-align:left;border-top-style:solid;padding-bottom:20px;padding-right:15px;padding-left:15px;padding-top:20px;border-top-color:#d9d9d9;border-top-width:1px"><strong>{{ $currentCreditFormatted }} Credit</strong></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" align="center" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;background:#fff;width:95%;margin:0 auto">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;color:#36414b;font-family:Helvetica,Arial;font-size:12px;line-height:200%;text-align:left;padding-top:30px;padding-bottom:9px;padding-left:18px;padding-right:18px">
|
|
<p style="margin:0;padding-bottom:1em"><b>Lưu ý:</b></p>
|
|
<p style="margin:0;padding-bottom:1em">- Credit có thể được sử dụng để đăng ký các dịch vụ của Thế Giới Số như: Hosting, VPS, Server, Tên miền, SSL...</p>
|
|
<p style="margin:0;padding-bottom:1em">- Số dư VNĐ trong tài khoản sẽ được sử dụng để thanh toán các đơn hàng.</p>
|
|
<p style="margin:0;padding-bottom:0">Nếu quý khách cần hỗ trợ, vui lòng liên hệ với chúng tôi.</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" align="center" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;background:#fff;width:95%;margin:0 auto">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;padding-top:9px;padding-bottom:9px;padding-left:18px;padding-right:18px">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;color:#505050;font-family:Helvetica,Arial;font-size:12px;line-height:200%;text-align:left">
|
|
<p style="margin:0;padding-bottom:1em"><span style="color:#0099cc"><strong>THANH TOÁN CHUYỂN KHOẢN</strong></span></p>
|
|
<p style="margin:0;padding-bottom:0">Tên tài khoản: <b>Công ty Cổ Phần Giải Pháp Công nghệ Thế Giới Số</b><br> Số TK VNĐ: <strong>0999999999</strong><br> Ngân hàng: <strong>VNPAY</strong></p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" align="center" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;background-color:#f16723;border-radius:0 0 8px 8px">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse;color:#ffffff;font-family:Helvetica,Arial;font-size:12px;text-align:center;padding-top:10px;padding-bottom:10px;padding-left:18px;padding-right:18px">
|
|
<span>Copyright (c) 2024 The Gioi So. All Rights Reserved</span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" align="center" style="border-collapse:collapse">
|
|
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="border-collapse:collapse"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html>
|