@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>