@php
    $appName = $appName ?? config('app.name', 'Thế Giới Số');
    $fullName = $fullName ?? 'Quý khách';
    $loginUrl = $loginUrl ?? rtrim(config('app.frontend_url', ''), '/') . '/dang-nhap';
    $supportEmail = $supportEmail ?? 'support@tgs.com.vn';
    $supportPhone = $supportPhone ?? '(028) 7309. 7379';
@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>
                        <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="https://res.cloudinary.com/izpast9i/image/upload/v1786499308/email_header.png" alt="Thư gửi từ Công Ty Cổ Phần Giải Pháp Công Nghệ Thế Giới Số" style="width: 100%; display: block; border: none;" width="700">
                                                </a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr class="NoiDungKM">
                            <td style="width: 700px; padding: 25px; background-color: #ffffff;" valign="top">
                                <p style="text-align: center;">
                                    <img src="https://res.cloudinary.com/izpast9i/image/upload/v1786503590/email_banner_header.png" alt="Chào mừng bạn đến với Portal Thế Giới Số" width="100%">
                                </p>

                                <p style="font-size: 21px; font-weight: bold; text-align: center;">
                                    <strong>Chào mừng Quý Khách đến với hệ thống quản trị dịch vụ của Thế Giới Số</strong>
                                </p>

                                <p style="font-weight: bold;">
                                    <strong>Kính chào <span style="color: #f16723;">{{ $fullName }},</span></strong>
                                </p>

                                <p style="text-align: justify;">
                                    Chào mừng Quý khách đến với <strong>{{ $appName }}</strong>. Tài khoản của Quý khách đã được khởi tạo thành công và sẵn sàng sử dụng. Chúng tôi rất trân trọng và vinh dự khi được đồng hành cùng Quý khách trên hành trình chuyển đổi số và tối ưu hóa hoạt động doanh nghiệp.
                                </p>

                                <p style="color: #f16723;"><strong>TẠI {{ strtoupper($appName) }}, QUÝ KHÁCH CÓ THỂ</strong></p>

                                <table cellpadding="0" cellspacing="0" border="0" style="width: 100%; table-layout: fixed; border: 1px solid #e8e8e8; border-right: 0;">
                                    <tbody>
                                        <tr>
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;">Khám phá và đăng ký các dịch vụ Cloud VPS, Hosting, Tên miền</td>
                                        </tr>
                                        <tr bgcolor="#FFF1E6">
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;">Đặt hàng nhanh chóng, thanh toán an toàn</td>
                                        </tr>
                                        <tr>
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;">Theo dõi lịch sử đơn hàng và quản lý dịch vụ dễ dàng</td>
                                        </tr>
                                        <tr bgcolor="#FFF1E6">
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;">Nhận ưu đãi và khuyến mãi độc quyền dành cho khách hàng</td>
                                        </tr>
                                    </tbody>
                                </table>

                                <table cellspacing="0" cellpadding="0" style="margin: 16px auto 16px auto;">
                                    <tbody>
                                        <tr>
                                            <td align="center" style="background-color: #f16723; padding: 10px 20px; border-radius: 4px;">
                                                <a href="{{ $loginUrl }}" target="_blank" rel="noopener" style="text-decoration: none;"><strong style="color: #ffffff;">Đăng nhập ngay</strong></a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>

                                <p style="text-align: justify;">
                                    Cảm ơn Quý khách đã tin tưởng và đồng hành cùng <strong>{{ $appName }}</strong>. Nếu có bất kỳ câu hỏi nào hoặc cần hỗ trợ, xin vui lòng liên hệ với chúng tôi.
                                </p>

                                <p style="text-align: justify; color: #666666; font-size: 13px;">
                                    Email này được gửi tự động. Vui lòng không trả lời email này.
                                </p>

                                <p style="text-align: justify;">---<br>
                                    Hotline: {{ $supportPhone }}<br>
                                    Email: {{ $supportEmail }}
                                </p>
                            </td>
                        </tr>
                        <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;">CÔNG TY CỔ PHẦN GIẢI PHÁP CÔNG NGHỆ THẾ GIỚI SỐ</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ỉ: 128/38 Tân Hương, Phường Phú Thọ Hòa, Thành Phố Hồ Chí Minh</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: 0318443116</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>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>