import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;

public class UpdateNewsGridDesktop {
    public static void main(String[] args) {
        try {
            Connection conn = DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521/sisvietnam", "sisvietnam", "sisvietnam");
            String correctHtml = "<style>\n" +
                "@media screen and (min-width: 1024px) {\n" +
                "    .featured-grid {\n" +
                "        display: grid;\n" +
                "        grid-template-columns: repeat(2, 1fr);\n" +
                "        gap: 24px;\n" +
                "        align-items: stretch;\n" +
                "    }\n" +
                "    .featured-grid__item {\n" +
                "        height: 100%;\n" +
                "        display: flex;\n" +
                "    }\n" +
                "    .featured-grid__item .news-card--featured {\n" +
                "        display: flex;\n" +
                "        flex-direction: row;\n" +
                "        border: 1px solid #881C1C;\n" +
                "        border-radius: 16px;\n" +
                "        padding: 16px;\n" +
                "        box-sizing: border-box;\n" +
                "        width: 100%;\n" +
                "        height: 100%;\n" +
                "        gap: 16px;\n" +
                "        background: #fff;\n" +
                "        margin-bottom: 0 !important;\n" +
                "    }\n" +
                "    .featured-grid__item .news-card__image {\n" +
                "        flex: 0 0 45%;\n" +
                "        max-width: 45%;\n" +
                "        margin-bottom: 0 !important;\n" +
                "    }\n" +
                "    .featured-grid__item .news-card__image > div {\n" +
                "        height: 100%;\n" +
                "    }\n" +
                "    .featured-grid__item .news-card__image img {\n" +
                "        width: 100%;\n" +
                "        height: 100%;\n" +
                "        object-fit: cover;\n" +
                "        border-radius: 8px;\n" +
                "    }\n" +
                "    .featured-grid__item .news-card__content {\n" +
                "        flex: 1;\n" +
                "        display: flex;\n" +
                "        flex-direction: column;\n" +
                "        justify-content: flex-start;\n" +
                "        min-width: 0;\n" +
                "        padding: 0 !important;\n" +
                "        margin: 0 !important;\n" +
                "    }\n" +
                "    .featured-grid__item .featured-grid__category {\n" +
                "        margin-bottom: 12px;\n" +
                "    }\n" +
                "    .featured-grid__item .featured-grid__category a {\n" +
                "        display: inline-block;\n" +
                "        background-color: #f2f2f2;\n" +
                "        color: #881C1C;\n" +
                "        padding: 4px 8px;\n" +
                "        border-radius: 4px;\n" +
                "        font-size: 0.75rem;\n" +
                "        font-weight: bold;\n" +
                "        text-decoration: none;\n" +
                "        text-transform: uppercase;\n" +
                "    }\n" +
                "    .featured-grid__item .news-card__title {\n" +
                "        font-size: 1.1rem;\n" +
                "        font-weight: 700;\n" +
                "        margin-top: 0;\n" +
                "        margin-bottom: 12px;\n" +
                "        line-height: 1.4;\n" +
                "    }\n" +
                "    .featured-grid__item .news-card__title a {\n" +
                "        color: #000;\n" +
                "        text-decoration: none;\n" +
                "    }\n" +
                "    .featured-grid__item .news-card__title a:hover {\n" +
                "        color: #881C1C;\n" +
                "    }\n" +
                "    .featured-grid__item .news-card__date {\n" +
                "        margin-top: auto;\n" +
                "        color: #881C1C;\n" +
                "        font-size: 0.85rem;\n" +
                "        font-weight: 500;\n" +
                "    }\n" +
                "}\n" +
                "</style>\n" +
                "{{#each news_posts}}\n" +
                "<div class=\"featured-grid__item\">\n" +
                "  <article class=\"news-card news-card--featured\">\n" +
                "    <div class=\"news-card__image\">\n" +
                "      <div>\n" +
                "        <img loading=\"lazy\" src=\"{{featuredImageUrl}}\" alt=\"{{title}}\">\n" +
                "      </div>\n" +
                "    </div>\n" +
                "    <div class=\"news-card__content\">\n" +
                "      <div class=\"featured-grid__category\">\n" +
                "        <a href=\"#\">TIN TỨC</a>\n" +
                "      </div>\n" +
                "      <h3 class=\"news-card__title\">\n" +
                "        <a href=\"/post/{{slug}}\" rel=\"bookmark\">\n" +
                "          <span>{{title}}</span>\n" +
                "        </a>\n" +
                "      </h3>\n" +
                "      <div class=\"news-card__date\">{{date}}</div>\n" +
                "    </div>\n" +
                "  </article>\n" +
                "</div>\n" +
                "{{/each}}";
                
            PreparedStatement pstmt = conn.prepareStatement("UPDATE sis_component_template SET html_template = ? WHERE slug = 'news-grid'");
            pstmt.setString(1, correctHtml);
            int updated = pstmt.executeUpdate();
            System.out.println("Updated rows: " + updated);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}