Files
portal-api/resources/views/emails/customer/template-email.blade.php
T
2026-09-10 16:32:48 +07:00

179 lines
15 KiB
PHP

@php
$companyName = $companyName ?? (setting('setting.company') ?: 'Công Ty Cổ Phần Giải Pháp Công Nghệ Thế Giới Số');
$headerBannerUrl = $headerBannerUrl ?? (setting('setting.email_header_banner') ?: 'https://res.cloudinary.com/izpast9i/image/upload/v1786499308/email_header.png');
@endphp
<table style="border-collapse: collapse; width: 100%; background-color: #efefef;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding: 20px;" align="center" valign="top">
<table style="padding-top: 20px; padding-bottom: 20px; border-collapse: collapse; background-color: #ffffff; width: 700px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<!-- Content -->
<tr class="Header">
<td style="width: 700px;" valign="top">
<table align="center" width="700" bgcolor="#ffffff" style="border-collapse: collapse; width: 700px; max-width: 100%; text-align: center; background-color: #ffffff; border-top: 5px solid #f16723;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding: 0;">
<a href="https://tgs.com.vn" style="display: block;" target="_blank" rel="noopener">
<img src="{{ $headerBannerUrl }}" alt="Thư gửi từ {{ $companyName }}" style="width: 100%; display: block; border: none;" width="700">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- Body -->
<tr>
<td>
<table cellpadding="0" cellspacing="0" role="presentation" width="100%" style="width:100%;background-color:#ffffff;">
<tr>
<td style="padding:36px 40px 8px 40px;font-family:Montserrat,-apple-system,sans-serif;">
<!-- Badge -->
<table cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td style="background-color:#fff3ea;border-radius:20px;padding:6px 16px;">
<span style="font-size:12px;font-weight:700;letter-spacing:.04em;color:#f16723;text-transform:uppercase;">Đơn hàng mới</span>
</td>
</tr>
</table>
<p style="margin:18px 0 6px 0;font-size:22px;font-weight:700;color:#2b2b2b;">Có đơn đăng ký tên miền mới 🎉</p>
<p style="margin:0 0 28px 0;font-size:15px;line-height:24px;color:#767676;">
Một khách hàng vừa đăng ký tên miền tại <strong style="color:#2b2b2b;">{{company_name}}</strong>. Chi tiết đơn hàng bên dưới.
</p>
<!-- Order info card -->
<table cellpadding="0" cellspacing="0" role="presentation" width="100%" style="width:100%;background-color:#f9f9f9;border:1px solid #eeeeee;border-radius:10px;">
<tr>
<td style="padding:22px 24px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%" style="width:100%;font-size:14px;line-height:22px;color:#4a4a4a;">
<tr>
<td style="padding:6px 0;width:38%;color:#9a9a9a;">Tên miền</td>
<td style="padding:6px 0;font-weight:700;color:#f16723;font-size:16px;">{{domain_name}}</td>
</tr>
<tr>
<td style="padding:6px 0;border-top:1px solid #ececec;color:#9a9a9a;">Mã đơn hàng</td>
<td style="padding:6px 0;border-top:1px solid #ececec;font-weight:600;">{{order_num}}</td>
</tr>
<tr>
<td style="padding:6px 0;border-top:1px solid #ececec;color:#9a9a9a;">Tổng tiền</td>
<td style="padding:6px 0;border-top:1px solid #ececec;font-weight:700;color:#2b2b2b;">{{order_total}}</td>
</tr>
<tr>
<td style="padding:6px 0;border-top:1px solid #ececec;color:#9a9a9a;">Khách hàng</td>
<td style="padding:6px 0;border-top:1px solid #ececec;font-weight:600;">{{customer_name}}</td>
</tr>
<tr>
<td style="padding:6px 0;border-top:1px solid #ececec;color:#9a9a9a;">Email</td>
<td style="padding:6px 0;border-top:1px solid #ececec;font-weight:600;">{{customer_email}}</td>
</tr>
<tr>
<td style="padding:6px 0;border-top:1px solid #ececec;color:#9a9a9a;">Thời gian</td>
<td style="padding:6px 0;border-top:1px solid #ececec;font-weight:600;">{{created_at}}</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- CTA button -->
<table cellpadding="0" cellspacing="0" role="presentation" style="margin:30px auto 8px auto;">
<tr>
<td style="border-radius:6px;background-color:#f16723;text-align:center;">
<a href="{{admin_url}}" style="display:block;font-family:Montserrat,-apple-system,sans-serif;font-size:15px;font-weight:700;letter-spacing:.02em;line-height:100%;color:#ffffff;text-decoration:none;padding:15px 40px;">XEM ĐƠN HÀNG →</a>
</td>
</tr>
</table>
<p style="margin:24px 0 0 0;font-size:12px;line-height:18px;color:#a8a8a8;border-top:1px solid #f0f0f0;padding-top:16px;">
💡 Đây là tin nhắn tự động, vui lòng không trả lời email này.
</p>
</td>
</tr>
<tr><td style="padding:0 40px;"><div style="height:24px;line-height:24px;font-size:1px;">&nbsp;</div></td></tr>
</table>
</td>
</tr>
<!-- End Body -->
<tr class="Footer">
<td align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="700" align="center" background="https://res.cloudinary.com/izpast9i/image/upload/v1786500298/email_footer.png" bgcolor="#F16723" style="border-collapse: collapse; width: 700px; background-image: url(&quot;https://res.cloudinary.com/izpast9i/image/upload/v1786500298/email_footer.png&quot;); background-size: cover; background-position: center; background-repeat: no-repeat;">
<tbody>
<tr>
<td style="padding: 40px 30px 20px 30px; text-align: center;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: separate; border-spacing: 8px 0; width: 100%;">
<tbody>
<tr>
<td width="25%" style="border: 1px solid rgba(255,255,255,0.35); border-radius: 8px; padding: 6px 4px; font-size: 12px; line-height: 16px; color: #ffffff; text-align: center; background-color: rgba(255,255,255,0.18); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);">
<a href="https://tgs.com.vn/premium-hosting/" target="_blank" rel="noopener" style="color: #ffffff; text-decoration: none;">Premium Hosting</a>
</td>
<td width="25%" style="border: 1px solid rgba(255,255,255,0.35); border-radius: 8px; padding: 6px 4px; font-size: 12px; line-height: 16px; color: #ffffff; text-align: center; background-color: rgba(255,255,255,0.18); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);">
<a href="https://tgs.com.vn/cloud-server/" target="_blank" rel="noopener" style="color: #ffffff; text-decoration: none;">Cloud Server</a>
</td>
<td width="25%" style="border: 1px solid rgba(255,255,255,0.35); border-radius: 8px; padding: 6px 4px; font-size: 12px; line-height: 16px; color: #ffffff; text-align: center; background-color: rgba(255,255,255,0.18); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);">
<a href="https://cloudemail.vn/" target="_blank" rel="noopener" style="color: #ffffff; text-decoration: none;">Email doanh nghiệp</a>
</td>
<td width="25%" style="border: 1px solid rgba(255,255,255,0.35); border-radius: 8px; padding: 6px 4px; font-size: 12px; line-height: 16px; color: #ffffff; text-align: center; background-color: rgba(255,255,255,0.18); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);">
<a href="https://tgs.com.vn/thiet-ke-website/" target="_blank" rel="noopener" style="color: #ffffff; text-decoration: none;">Thiết kế website</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="padding: 6px 30px 0 30px; text-align: center;">
<strong style="font-size: 14px; line-height: 22px; color: #ffffff;">{{ $companyName }}</strong>
</td>
</tr>
<tr>
<td style="padding: 6px 30px 0 30px; text-align: center;">
<span style="font-size: 12px; line-height: 18px; color: #ffffff;">Địa chỉ: {{ $companyAddress }}</span>
</td>
</tr>
<tr>
<td style="padding: 6px 30px 0 30px; text-align: center;">
<span style="font-size: 12px; line-height: 18px; color: #ffffff;">Tel: {{ $supportPhone }} &nbsp;-&nbsp; MST: {{ $companyTax }}</span>
</td>
</tr>
<tr>
<td style="padding: 6px 30px 0 30px; text-align: center;">
<span style="font-size: 12px; line-height: 18px; color: #ffffff;">Email: <a href="mailto:{{ $supportEmail }}" style="color: #ffffff; text-decoration: none;">{{ $supportEmail }}</a></span>
</td>
</tr>
<tr>
<td style="padding: 6px 30px 0 30px; text-align: center;">
<span style="font-size: 12px; line-height: 18px; color: #ffffff;">
<a href="https://www.tgs.com.vn" style="color: #ffffff; text-decoration: underline;">www.TGS.com.vn</a>
&nbsp;&amp;&nbsp;
<a href="https://www.thegioiso.cloud" style="color: #ffffff; text-decoration: underline;">www.thegioiso.CLOUD</a>
&nbsp;&amp;&nbsp;
<a href="https://www.thegioiserver.com" style="color: #ffffff; text-decoration: underline;">www.thegioiSERVER.com</a>
&nbsp;&amp;&nbsp;
<a href="https://www.cloudemail.vn" style="color: #ffffff; text-decoration: underline;">www.CloudEmail.vn</a>
</span>
</td>
</tr>
<tr>
<td style="padding: 6px 30px 16px 30px; text-align: center;">
<span style="font-size: 12px; line-height: 20px; color: #ffffff; font-weight: bold;">Thế Giới Số- Premium HOSTING • CLOUD • SERVER &amp; WEBSITE | 15+ năm Phụng Sự</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- End conent -->
</tbody>
</table>
</td>
</tr>
</tbody>
</table>