@php
    $heroImage = $heroImage ?? 'https://client.tgs.com.vn/index.php?rp=/images/em/368_30.4-CP.png';
    $ticketUrl = $ticketUrl ?? 'https://client.tgs.com.vn/submitticket.php?step=2&deptid=5';
    $supportEmail = $supportEmail ?? 'Support@tgs.com.vn';
    $hotline = $hotline ?? '1900. 6119';
    $holidayName = $holidayName ?? 'ngày Giải phóng miền Nam 30/4 và ngày Quốc tế Lao động 1/5';
    $holidayFrom = $holidayFrom ?? 'Thứ Năm, ngày 30/04/2026';
    $holidayTo = $holidayTo ?? 'Thứ Hai, ngày 04/05/2026';
    $workAgain = $workAgain ?? 'Thứ Ba, ngày 05/05/2026';
@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="width: 100%; height: 1px; background: #ffffff;" bgcolor="#ffffff" width="100%" height="1">
                                                <img style="display: block; border: 0;" src="{{ $heroImage }}" alt="" width="700" height="350">
                                            </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.6; color: #000000;" valign="top" height="15">
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;"><strong>Kính gửi: Quý Khách hàng, Quý Đối tác</strong></div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;">
                                                                    Nhân dịp kỷ niệm <strong>{{ $holidayName }}</strong>, Thế Giới Số xin trân trọng gửi tới Quý Khách hàng và Quý Đối tác lời chúc sức khỏe, hạnh phúc và thành công. Chúng tôi chân thành cảm ơn sự tin tưởng và đồng hành của Quý Khách hàng, Quý Đối tác trong suốt thời gian qua.
                                                                </div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;"><strong>Thế Giới Số</strong> xin thông báo lịch nghỉ lễ như sau:</div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp; <strong>Thời gian nghỉ lễ:</strong> Từ <strong>{{ $holidayFrom }}</strong> đến hết <strong>{{ $holidayTo }}</strong></div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp; <strong>Thời gian làm việc trở lại:</strong> <strong>{{ $workAgain }}</strong></div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;">Trong thời gian nghỉ lễ, nếu có vấn đề cần hỗ trợ kỹ thuật Quý Khách hàng và Quý Đối tác vui lòng liên hệ qua các kênh sau:</div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;">
                                                                    &nbsp;&nbsp;&nbsp;&nbsp;+ Gửi ticket qua:
                                                                    <strong>
                                                                        <a style="color: #f06824; text-decoration: none;" href="{{ $ticketUrl }}" target="_blank" rel="noopener">{{ $ticketUrl }}</a>
                                                                    </strong>
                                                                </div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;">
                                                                    &nbsp;&nbsp;&nbsp;&nbsp;+ Email:
                                                                    <strong>
                                                                        <a style="color: #f06824; text-decoration: none;" href="mailto:{{ $supportEmail }}">{{ $supportEmail }}</a>
                                                                    </strong>
                                                                </div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;+ Hotline: <strong>{{ $hotline }}</strong></div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;">Kính chúc Quý Khách hàng và Quý Đối tác có một kỳ nghỉ lễ vui vẻ, an toàn và nhiều sức khỏe.</div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                                <div style="text-align: left;"><strong>Thế Giới Số</strong> trân trọng thông báo.</div>
                                                                <div style="text-align: left;">&nbsp;</div>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr class="CacDV">
                            <td style="background-color: #f06824; width: 700px; color: #ffffff;" valign="top" bgcolor="#f06824">
                                <table style="border-collapse: collapse; background-color: #f06824; width: 100%; color: #ffffff;" border="0" cellspacing="0" cellpadding="0" align="left" bgcolor="#f06824">
                                    <tbody>
                                        <tr>
                                            <td style="padding: 0;" width="100%">
                                                <table style="border-collapse: collapse; width: 100%;" border="0" cellspacing="0" cellpadding="0">
                                                    <tbody>
                                                        <tr>
                                                            <td style="width: 100%; height: 1px; background: #ffffff;" bgcolor="#ffffff" width="100%" height="1"><span style="font-size: 14px; color: #ffffff;">&nbsp;</span></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="height: 10px; color: #ffffff;" valign="top" height="10"><span style="font-size: 14px; color: #ffffff;">&nbsp;</span></td>
                                        </tr>
                                        <tr>
                                            <td style="padding: 0; text-align: left; font-family: Helvetica, Arial, sans-serif; color: #ffffff; font-size: 16px; line-height: 150%;" align="center" valign="top">
                                                <table style="border-collapse: collapse; color: #ffffff;" border="0" cellspacing="0" cellpadding="0" align="center">
                                                    <tbody>
                                                        <tr>
                                                            <td style="width: 3%; color: #ffffff;"><span style="color: #ffffff;">&nbsp;</span></td>
                                                            <td style="vertical-align: middle; text-align: center; padding: 5px 10px; border: 1px solid #ffffff; color: #ffffff;" valign="top">
                                                                <a style="color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 1; font-weight: normal; text-transform: uppercase; word-wrap: break-word; text-decoration: none;" href="https://tgs.com.vn/premium-hosting/" target="_blank" rel="noopener"><span style="color: #ffffff;">Premium HOSTING</span></a>
                                                            </td>
                                                            <td style="width: 3%; color: #ffffff;"><span style="color: #ffffff;">&nbsp;</span></td>
                                                            <td style="vertical-align: middle; text-align: center; padding: 5px 10px; border: 1px solid #ffffff; color: #ffffff;" valign="top">
                                                                <a style="color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 1; font-weight: normal; text-transform: uppercase; word-wrap: break-word; text-decoration: none;" href="https://tgs.com.vn/cloud-server/" target="_blank" rel="noopener"><span style="color: #ffffff;">Cloud SERVER</span></a>
                                                            </td>
                                                            <td style="width: 3%; color: #ffffff;"><span style="color: #ffffff;">&nbsp;</span></td>
                                                            <td style="vertical-align: middle; text-align: center; padding: 5px 10px; border: 1px solid #ffffff; color: #ffffff;" valign="top">
                                                                <a style="color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 1; font-weight: normal; text-transform: uppercase; word-wrap: break-word; text-decoration: none;" href="https://cloudemail.vn/" target="_blank" rel="noopener"><span style="color: #ffffff;">EMAIL DOANH NGHIỆP</span></a>
                                                            </td>
                                                            <td style="width: 3%; color: #ffffff;"><span style="color: #ffffff;">&nbsp;</span></td>
                                                            <td style="vertical-align: middle; text-align: center; padding: 5px 10px; border: 1px solid #ffffff; color: #ffffff;" valign="top">
                                                                <a style="color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 1; font-weight: normal; text-transform: uppercase; word-wrap: break-word; text-decoration: none;" href="https://tgs.com.vn/thiet-ke-website/" target="_blank" rel="noopener"><span style="color: #ffffff;">Thiết Kế WEBSITE</span></a>
                                                            </td>
                                                            <td style="width: 3%; color: #ffffff;"><span style="color: #ffffff;">&nbsp;</span></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="height: 10px; color: #ffffff;" valign="top" height="10"><span style="font-size: 14px; color: #ffffff;">&nbsp;</span></td>
                                        </tr>
                                        <tr>
                                            <td style="padding: 0;" width="100%">
                                                <table style="border-collapse: collapse; width: 100%;" border="0" cellspacing="0" cellpadding="0">
                                                    <tbody>
                                                        <tr>
                                                            <td style="width: 100%; height: 1px; background: #ffffff;" bgcolor="#ffffff" width="100%" height="1"><span style="font-size: 14px; color: #ffffff;">&nbsp;</span></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: {{ $hotline }}</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:support@tgs.com.vn">Support@tgs.com.vn</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>