@php
    $appName        = $appName        ?? config('app.name', 'Thế Giới Số');
    $fullName       = $fullName       ?? 'Quý khách';
    $domainName     = $domainName     ?? '';
    $hostingPlan    = $hostingPlan    ?? '';
    $serverHost     = $serverHost     ?? '';
    $ftpUsername    = $ftpUsername    ?? '';
    $ftpPassword    = $ftpPassword    ?? '';
    $pleskLogin     = $pleskLogin     ?? '';
    $pleskPassword  = $pleskPassword  ?? '';
    $pleskPanelUrl  = $pleskPanelUrl  ?? '';
    $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/v1786503591/email_banner_premium_hosting.png" alt="Hosting của bạn đã sẵn sàng" width="100%">
                                </p>

                                <p style="font-size: 21px; font-weight: bold; text-align: center;">
                                    <strong>Hosting của bạn đã sẵn sàng</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;">
                                    Gói hosting cho tên miền <strong>{{ $domainName }}</strong> tại <strong>{{ $appName }}</strong> đã được khởi tạo thành công. Dưới đây là thông tin truy cập:
                                </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; width: 200px;"><img src="{{ asset('images/emails/internet.png') }}" alt="" width="16" height="17" style="vertical-align: text-bottom; margin-right: 4px;"> Tên miền:</td>
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;"><strong>{{ $domainName }}</strong></td>
                                        </tr>
                                        <tr bgcolor="#FFF1E6">
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;">Gói hosting:</td>
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;"><strong>{{ $hostingPlan }}</strong></td>
                                        </tr>
                                        @if($serverHost)
                                        <tr>
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;"><img src="{{ asset('images/emails/internet.png') }}" alt="" width="16" height="17" style="vertical-align: text-bottom; margin-right: 4px;"> Máy chủ / FTP Host:</td>
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;"><strong>{{ $serverHost }}</strong></td>
                                        </tr>
                                        @endif
                                        @if($ftpUsername)
                                        <tr bgcolor="#FFF1E6">
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;"><img src="{{ asset('images/emails/admin.png') }}" alt="" width="16" height="17" style="vertical-align: text-bottom; margin-right: 4px;"> Tài khoản FTP:</td>
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;"><strong>{{ $ftpUsername }}</strong></td>
                                        </tr>
                                        @endif
                                        @if($ftpPassword)
                                        <tr>
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;"><img src="{{ asset('images/emails/password.png') }}" alt="" width="16" height="17" style="vertical-align: text-bottom; margin-right: 4px;"> Mật khẩu FTP:</td>
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;"><strong>{{ $ftpPassword }}</strong></td>
                                        </tr>
                                        @endif
                                        <tr bgcolor="#FFF1E6">
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;">Trạng thái:</td>
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;"><strong style="color: #16a34a;">Đang hoạt động ✓</strong></td>
                                        </tr>
                                    </tbody>
                                </table>

                                @if($ftpPassword)
                                <p style="text-align: justify; color: #b45309; font-size: 13px;">
                                    Lưu ý: Vì lý do bảo mật, mật khẩu FTP chỉ được gửi một lần duy nhất qua email và không được lưu trữ trên hệ thống. Vui lòng lưu lại ở nơi an toàn.
                                </p>
                                @endif

                                @if($pleskLogin)
                                <p style="color: #f16723;"><strong>TÀI KHOẢN ĐĂNG NHẬP PLESK PANEL</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; width: 200px;"><img src="{{ asset('images/emails/internet.png') }}" alt="" width="16" height="17" style="vertical-align: text-bottom; margin-right: 4px;"> Địa chỉ Panel:</td>
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;"><a style="color: #f16723; text-decoration: none;" href="{{ $pleskPanelUrl }}" target="_blank" rel="noopener">{{ $pleskPanelUrl }}</a></td>
                                        </tr>
                                        <tr bgcolor="#FFF1E6">
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;"><img src="{{ asset('images/emails/admin.png') }}" alt="" width="16" height="17" style="vertical-align: text-bottom; margin-right: 4px;"> Tên đăng nhập:</td>
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;"><strong>{{ $pleskLogin }}</strong></td>
                                        </tr>
                                        @if($pleskPassword)
                                        <tr>
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;"><img src="{{ asset('images/emails/password.png') }}" alt="" width="16" height="17" style="vertical-align: text-bottom; margin-right: 4px;"> Mật khẩu:</td>
                                            <td style="padding: 7px 11px; border-right: 1px solid #e8e8e8;"><strong>{{ $pleskPassword }}</strong></td>
                                        </tr>
                                        @endif
                                    </tbody>
                                </table>
                                @endif

                                <p style="text-align: justify;">
                                    Bạn có thể đăng nhập vào cổng quản lý để theo dõi và quản lý dịch vụ của mình.
                                </p>

                                <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; color: #6b7280; font-size: 13px;">
                                    Nếu bạn không yêu cầu dịch vụ này, vui lòng liên hệ ngay với chúng tôi qua <strong>{{ $supportEmail }}</strong> hoặc <strong>{{ $supportPhone }}</strong>.
                                </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>