@php
    $appName      = $appName ?? config('app.name', 'Thế Giới Số');
    $fullName     = $customerName ?? 'Quý khách';
    $vmName       = $vmName ?? 'N/A';
    $ip           = $ip ?? 'N/A';
    $serviceUrl   = $serviceUrl ?? rtrim((string) env('FRONTEND_URL', config('app.url')), '/') . '/dich-vu';
    $supportEmail = $supportEmail ?? 'support@tgs.com.vn';
    $supportPhone = $supportPhone ?? '1900. 6119';
@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="NoiDungKM">
                            <td style="width: 700px;" valign="top">
                                <table style="border-collapse: collapse; width: 100%;" border="0" cellspacing="0" cellpadding="0">
                                    <tbody>
                                        <tr>
                                            <td style="background-color: #f06824; padding: 34px 30px 30px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #ffffff;" align="center" valign="top" bgcolor="#f06824">
                                                <div style="font-size: 42px; line-height: 1; margin-bottom: 12px;">⚠️</div>
                                                <h1 style="margin: 0 0 8px; padding: 0; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 1.35; font-weight: 700;">
                                                    Thông báo về VPS {{ $vmName }}
                                                </h1>
                                                <div style="font-size: 14px; line-height: 1.6; color: #ffffff;">
                                                    Đội ngũ kỹ thuật đang xử lý yêu cầu của Quý khách
                                                </div>
                                            </td>
                                        </tr>
                                        <tr class="MXH">
                                            <td style="text-align: center; padding: 0 30px;" align="center" valign="top">
                                                <table style="border-collapse: collapse; background-color: #ffffff; width: 100%;" border="0" cellspacing="0" cellpadding="0">
                                                    <tbody>
                                                        <tr>
                                                            <td style="height: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.7; color: #000000;" valign="top" height="15">
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;">Xin chào <strong>{{ $fullName }}</strong>,</div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;">
                                                                    Rất tiếc, yêu cầu cài lại hệ điều hành (rebuild) cho VPS của Quý khách hiện chưa thực hiện thành công. Đội ngũ kỹ thuật của <strong>{{ $appName }}</strong> đã được thông báo để kiểm tra và xử lý.
                                                                </div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;"><strong>Thông tin dịch vụ:</strong></div>
                                                                <div style="text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;+ Tên VPS: <strong>{{ $vmName }}</strong></div>
                                                                <div style="text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;+ IP: <strong>{{ $ip }}</strong></div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;">
                                                                    VPS hiện tại của Quý khách <strong>vẫn đang hoạt động bình thường</strong> trên cấu hình cũ, không có dữ liệu hay dịch vụ nào bị gián đoạn. Quý khách không cần thực hiện thêm thao tác nào, chúng tôi sẽ liên hệ lại khi rebuild được xử lý xong.
                                                                </div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: center;">
                                                                    <a style="display: inline-block; background-color: #f06824; color: #ffffff !important; text-decoration: none; padding: 12px 28px; border-radius: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700;" href="{{ $serviceUrl }}" target="_blank" rel="noopener">
                                                                        Xem dịch vụ của bạn
                                                                    </a>
                                                                </div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;">
                                                                    Nếu cần hỗ trợ khẩn cấp, Quý khách vui lòng liên hệ qua email <strong>{{ $supportEmail }}</strong> hoặc tổng đài <strong>{{ $supportPhone }}</strong>.
                                                                </div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left; color: #666666; font-size: 13px;">
                                                                    Email này được gửi tự động. Vui lòng không trả lời email này.
                                                                </div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr class="ThongTin">
                            <td align="center" valign="top" bgcolor="#065d88">
                                <table style="border-collapse: collapse; background-color: #f06824; border-top: 0; border-bottom: 0; width: 100%;" border="0" cellspacing="0" cellpadding="0">
                                    <tbody>
                                        <tr style="height: 30px;">
                                            <td style="height: 30px;" valign="top" height="10">&nbsp;</td>
                                        </tr>
                                        <tr style="height: 148px;">
                                            <td style="padding: 0; font-family: Helvetica, Arial, sans-serif; text-decoration: none; color: #e7e7e7; font-size: 16px; font-weight: normal; line-height: 150%; vertical-align: top; text-align: center; height: 148px;" align="center">
                                                <p style="margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; color: white; font-size: 11pt; line-height: 200%;">
                                                    <span style="color: #ffffff; font-family: 'times new roman', times, serif;"><strong style="font-size: 20px;">CÔNG TY CỔ PHẦN GIẢI PHÁP CÔNG NGHỆ THẾ GIỚI SỐ</strong></span><br>
                                                    <span style="color: #ffffff; font-family: arial, helvetica, sans-serif; font-size: 12pt;">Địa chỉ: 128/38 Tân Hương, Phường Phú Thọ Hòa, Thành Phố Hồ Chí Minh</span><br>
                                                    <span style="color: #ffffff; font-family: arial, helvetica, sans-serif; font-size: 12pt;">Tel: (028) 7309. 7379 - Tổng đài: {{ $supportPhone }}</span><br>
                                                    <span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Email: <span style="color: #ffffff;"><a style="color: #ffffff; text-decoration: none;" href="mailto:{{ $supportEmail }}">{{ $supportEmail }}</a></span></span><br>
                                                    <span style="text-decoration: none; font-family: arial, helvetica, sans-serif; font-size: 12pt; color: #ffffff !important;">
                                                        <a style="color: #ffffff !important; text-decoration: none;" href="https://www.tgs.com.vn">www.TGS.com.vn</a> &amp;
                                                        <a style="color: #ffffff !important; text-decoration: none;" href="https://www.thegioiso.cloud">www.thegioiso.CLOUD</a> &amp;
                                                        <a style="color: #ffffff !important; text-decoration: none;" href="https://www.thegioiserver.com">www.thegioiSERVER.com</a> &amp;
                                                        <a style="color: #ffffff !important; text-decoration: none;" href="https://www.cloudemail.vn">www.CloudEmail.vn</a>
                                                    </span>
                                                </p>
                                                <p style="margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; color: white; font-size: 11pt; line-height: 200%;">
                                                    <span style="text-decoration: none; font-family: 'times new roman', times, serif; color: #ffffff !important; font-size: 12pt;">
                                                        <span style="color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;">
                                                            <span style="text-decoration: none; font-family: 'times new roman', times, serif; color: #ffffff !important;">
                                                                <span style="font-family: arial, sans-serif;"><strong>🥇Thế Giới Số🥇</strong>- Premium HOSTING • CLOUD • SERVER &amp; WEBSITE | 15+ năm Phụng Sự 🚀</span>
                                                            </span>
                                                        </span>
                                                    </span>
                                                </p>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="height: 30px; color: #ffffff;" valign="top" height="30"><span style="font-size: 14px; color: #ffffff;">&nbsp;</span></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>