<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <title>商品价格变动通知</title>
</head>

<body
    style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; background-color: #f5f7fa; color: #333333;">
    <table width="100%" cellpadding="0" cellspacing="0" style="background-color: #f5f7fa; padding: 30px 0;">
        <tr>
            <td align="center">
                <table width="700" cellpadding="0" cellspacing="0"
                    style="background-color: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.05);">
                    <!-- Header -->
                    <tr style="background-color: #004b9b;">
                        <td style="padding: 20px 30px; color: white; font-size: 20px; font-weight: bold;">
                            商品价格变动通知

                            <a style="color: white; text-decoration: none; font-size: 12px; float: right; border: 1px solid white; padding: 5px; border-radius: 5px;"
                                href="https://digital.sohomall.jp/system/operationGoods/operationWarnresult">立即处理</a>
                        </td>
                    </tr>

                    <!-- Content Table -->
                    <tr>
                        <td style="padding: 30px;">
                            <table width="100%" cellpadding="8" cellspacing="0"
                                style="border-collapse: collapse; font-size: 14px;">
                                <tr>
                                    <td
                                        style="background-color: #f2f4f6; font-weight: bold;  vertical-align: top; width: 160px;">
                                        监控平台</td>
                                    <td th:text="${warnEmail.getPlatformName()}">Amazon</td>
                                </tr>
                                <tr>
                                    <td style="background-color: #f2f4f6; font-weight: bold;  vertical-align: top;">商品名称
                                    </td>
                                    <td th:text="${warnEmail.getSkuName()}">【メモリ DDR4】GIGASTONE 16GBx2枚 (32GB Kit) DDR4 2666MHz (2400MHz or 2133MHz)
                                        PC4-21300 (PC4-19200/17000) CL19 1.2V UDIMM 288 ピン アンバッファー 非 ECC PC デスクトップ専用
                                        メモリモジュール アップグレード</td>
                                </tr>
                                <tr>
                                    <td style="background-color: #f2f4f6; font-weight: bold;  vertical-align: top;">商品编号
                                    </td>
                                    <td th:text="${warnEmail.getSkuSn()}">B08KGRRSKH</td>
                                </tr>
                                <tr>
                                    <td style="background-color: #f2f4f6; font-weight: bold;  vertical-align: top;">商品备注
                                    </td>
                                    <td th:text="${warnEmail.getRemark()}"></td>
                                </tr>
                                <tr>
                                    <td style="background-color: #f2f4f6; font-weight: bold;  vertical-align: top;">商品链接
                                    </td>
                                    <td><a th:href="@{${warnEmail.getSkuUrl()}}"
                                            style="color: #004b9b; text-decoration: none;">点击查看商品</a></td>
                                </tr>
                                <tr>
                                    <td style="background-color: #f2f4f6; font-weight: bold;  vertical-align: top;">基准价格
                                    </td>
                                    <td th:text="${warnEmail.getCurPrice()}"><span style="color: #666;">¥8280.00</span></td>
                                </tr>
                                <tr>
                                    <td style="background-color: #f2f4f6; font-weight: bold;  vertical-align: top;">新价格
                                    </td>
                                    <td th:text="${warnEmail.getNewPrice()}"><span style="color: #d32f2f; font-weight: bold;">¥8280.00</span></td>
                                </tr>
                                <tr>
                                    <td style="background-color: #f2f4f6; font-weight: bold;  vertical-align: top;">预警时间
                                    </td>
                                    <td th:text="${warnEmail.getWarnTime()}">2025-05-15 10:47:19</td>
                                </tr>
                                <tr>
                                    <td style="background-color: #f2f4f6; font-weight: bold;  vertical-align: top;">商品快照
                                    </td>
                                    <td>
                                        <img th:src="${warnEmail.getImagePath()}" alt="商品快照"
                                            width="300" style="border: 1px solid #ddd; border-radius: 4px;" />
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <!-- Footer -->
                    <tr>
                        <td
                            style="padding: 20px 30px; font-size: 12px; color: #999999; text-align: center; background-color: #f9f9f9;">
                            时区：日本东京 金额单位：日元 <br>
                            本邮件由系统(digital.sohomall.jp)自动发出，请勿直接回复。如有问题，请联系软件团队。
                        </td>
                    </tr>

                </table>
            </td>
        </tr>
    </table>
</body>

</html>
