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

<head>
    <meta charset="UTF-8">
    <title>B440 TGT</title>
    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <!-- Bootstrap -->
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <!-- Summernote -->
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/gh/lelinh014756/fui-toast-js@master/assets/css/toast@1.0.1/fuiToast.min.css">
    <script type="text/javascript"
        src="https://cdn.jsdelivr.net/gh/lelinh014756/fui-toast-js@master/assets/js/toast@1.0.1/fuiToast.min.js"></script>
    <style>
        .export-button {
            position: fixed;
            top: 20px;
            right: 20px;
            padding: 10px 24px;
            background-color: #22c55e;
            color: white;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
            transition: background-color 0.2s;
        }

        .export-button:hover {
            background-color: #16a34a;
        }

        .print-button {
            position: fixed;
            top: 20px;
            right: 160px;
            padding: 10px 24px;
            background-color: #14b8a6;
            color: white;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
            transition: background-color 0.2s;
        }

        .print-button:hover {
            background-color: #0d9488;
        }

        @media print {

            .print-button,
            .export-button {
                display: none;
            }
        }

        .save-button {
            position: fixed !important;
            top: 20px !important;
            right: 440px !important;
            z-index: 9999 !important;
            padding: 10px 24px;
            background-color: #ef4444;
            color: white;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
            display: none;
        }

        .edit-button {
            position: fixed;
            top: 20px;
            right: 300px;
            padding: 10px 24px;
            background-color: #3b82f6;
            color: white;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
        }

        .loading-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.8);
            z-index: 10000;
            justify-content: center;
            align-items: center;
        }

        .spinner {
            width: 50px;
            height: 50px;
            border: 5px solid #f3f3f3;
            border-top: 5px solid #3498db;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }
    </style>
</head>

<body
    style="font-family: 'Times New Roman', serif; max-width: 800px; margin: 0 auto; padding: 20px; line-height: 1.4; font-size: 13pt;">
    <div class="loading-overlay">
        <div class="spinner"></div>
    </div>
    <div id="fui-toast" class=""></div>
    <button onclick="editContent()" class="action-button edit-button">Chỉnh sửa</button>
    <button onclick="saveContent()" class="action-button save-button">Lưu lại</button>
    <button onclick="printDocument()" class="action-button print-button">In nhanh</button>
    <button onclick="exportToWord()" class="export-button">Xuất ra Word</button>
    <div id="Conten">
        <!-- Title -->
        <table style="width: 100%; border-collapse: collapse;">
            <tr>
                <td colspan="2" style="text-align: left;">
                    <b> <span data-field="TenKH"></span></b><br>
                    <b style="margin: 0;"><i>Địa chỉ: <span data-field="DiaChiKH"></span>.</i></b>
                    <p style="margin: 0;"><i>Số: <span data-field="So_thu_giaitrinh"></span></i></p>
                </td>
            </tr>
        </table>

        <div style="text-align: center; margin: 20px 0;">
            <h3 style="margin: 0; font-weight: bold;"><b> THƯ GIẢI TRÌNH CỦA BAN GIÁM ĐỐC </b></span>
            </h3>
        </div>
        <table style="width: 100%; border-collapse: collapse;">
            <tr>
                <td style="text-align: left; font-weight: bold; width: 15%;">Kính gửi:</td>
                <td style="text-align: left; font-weight: bold;">Ông/Bà Kiểm toán viên</td>
            </tr>
            <tr>
                <td></td>
                <td style="text-align: left; font-weight: bold;">Công ty TNHH Kiểm toán IVC</td>
            </tr>
        </table>

        <p style="margin: 20px 0; text-align: justify;">Thư giải trình này được cung cấp liên quan đến cuộc kiểm toán
            của Công ty Ông/Bà về báo cáo tài chính của <span data-field="TenKH"></span> cho năm tài chính kết thúc ngày
            <span data-field="NamKiT"></span> nhằm mục
            đích đưa ra ý kiến về việc liệu báo cáo tài chính có phản ánh trung thực và hợp lý, trên các khía cạnh trọng
            yếu, phù hợp với các chuẩn mực kế toán, chế độ kế toán (doanh nghiệp) Việt Nam và các quy định pháp lý có
            liên quan đến việc lập và trình bày báo cáo tài chính hay không.
        </p>

        <p style="margin-top: 20px; text-align: justify;">Chúng tôi xác nhận rằng (với sự hiểu biết và tin tưởng cao
            nhất,
            chúng tôi đã tìm hiểu những thông tin mà chúng tôi cho là cần thiết để thu được những hiểu biết thích hợp):
        </p>

        <table style="width: 100%; border-collapse: collapse;">
            <tr style="text-align: left;">
                <th style="width: 5%"></th>
                <th style="width: 95%"></th>
            </tr>
            <tbody style="vertical-align: top;">
                <tr>
                    <td style="text-align: center"><i>(1)</i></td>
                    <td>
                        <p style=" text-align: justify;">Chúng tôi đã hoàn thành các trách nhiệm
                            của mình, như đã thỏa thuận trong các điều khoản của Hợp đồng kiểm toán số
                            <span data-field="SoHopDong"></span> ngày <span data-field="NgayHopDong"></span> đối với
                            việc lập và trình bày báo cáo tài
                            chính theo các chuẩn mực kế toán, chế độ kế toán (doanh nghiệp) Việt Nam và các quy định
                            pháp lý có liên quan đến việc lập và trình bày báo cáo tài chính; cụ thể là báo cáo tài
                            chính đã phản ánh trung thực và hợp lý, trên các khía cạnh trọng yếu, phù hợp với chuẩn
                            mực kế toán, chế độ kế toán (doanh nghiệp) Việt Nam và các quy định pháp lý có liên quan
                            đến việc lập và trình bày báo cáo tài chính.
                        </p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(2)</i></td>
                    <td>
                        <p style=" text-align: justify;">Chúng tôi đã sử dụng các giả định hợp lý để đưa ra các
                            ước tính kế toán, kể cả ước tính về giá trị hợp lý.</p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(3)</i></td>
                    <td>
                        <p style=" text-align: justify;">Công ty có quyền sở hữu hợp pháp đối với tất cả các tài
                            sản, không có tranh chấp liên quan tới các tài sản và không có các tài sản bị cầm cố
                            cũng như thế chấp, ngoài các tài sản thế chấp đã thuyết minh trên báo cáo tài chính.</p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(4)</i></td>
                    <td>
                        <p style=" text-align: justify;">Chúng tôi đã ghi nhận hoặc trình bày đúng đắn tất cả
                            các khoản nợ phải trả, bao gồm các khoản nợ thực tế và nợ tiềm tàng và đã trình bày tất
                            cả các khoản bảo lãnh cho bên thứ ba và các bên liên quan của Công ty trên các báo cáo
                            tài chính.</p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(5)</i></td>
                    <td>
                        <p style=" text-align: justify;">Chúng tôi xác nhận rằng Công ty đã không sử dụng bất kỳ
                            luật sư nào trong năm cho bất kỳ tranh chấp hay khiếu nại nào (hoặc mô tả dịch vụ luật
                            sư có sử dụng).</p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(6)</i></td>
                    <td>
                        <p style=" text-align: justify;">Tất cả các sự kiện phát sinh sau ngày kết thúc kỳ kế
                            toán và cần phải được điều chỉnh và thuyết minh theo quy định của chuẩn mực kế toán, chế
                            độ kế toán (doanh nghiệp) Việt Nam đều đã được điều chỉnh và thuyết minh.</p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(7)</i></td>
                    <td>
                        <p style=" text-align: justify;">Chúng tôi không có kế hoạch dừng sản xuất bất kỳ dòng
                            sản phẩm nào có thể dẫn đến bất kỳ hàng tồn kho dư thừa hoặc quá hạn ngoài các hàng tồn
                            kho quá hạn do không có đơn đặt hàng bán hàng trong tương lai mà chúng tôi đã trích lập
                            dự phòng đầy đủ. Không có bất kỳ hàng tồn kho nào được ghi nhận theo giá trị vượt quá
                            giá trị thuần có thể thực hiện được.</p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(8)</i></td>
                    <td>
                        <p style=" text-align: justify;">Chúng tôi không có bất kỳ kế hoạch nào có thể dẫn đến
                            thay đổi trọng yếu giá trị cũng như phân loại của tài sản và nợ phải trả được trình bày
                            trên báo cáo tài chính.</p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(9)</i></td>
                    <td style=" text-align: justify; line-height: 1.2;">
                        <p>Những vấn đề sau đây đã được ghi nhận một cách đúng
                            đắn, hoặc đã được nêu rõ trong báo cáo tài chính (hoặc không phát sinh các vấn đề sau):
                        </p>
                        <p style="margin-left: 5px;">- Các thỏa thuận với các tổ chức tài chính liên quan tới bù trừ
                            các số dư, hoặc các thỏa
                            thuận liên quan tới hạn chế số dư tiền mặt và cung cấp tín dụng, hoặc các thỏa thuận
                            tương tự khác; </p>
                        <p style="margin-left: 5px;"> - Các thỏa thuận cam kết mua lại tài sản đã bán trước đó;</p>
                        <p style="margin-left: 5px;"> - Hợp đồng quyền lựa chọn hoặc thỏa thuận mua lại cổ phiếu,
                            hoặc cổ phiếu được dành
                            riêng cho việc thực hiện quyền lựa chọn, đảm bảo, chuyển đổi, hoặc việc thực hiện các
                            cam kết khác; </p>
                        <p style="margin-left: 5px;"> - Những thay đổi trong nguyên tắc kế toán có tác động tới tính
                            nhất quán của số liệu. </p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(10)</i></td>
                    <td>
                        <p style=" text-align: justify;">Mọi giao dịch bán đều đã được chốt và không có bất cứ
                            một thỏa thuận biệt lập nào với khách hàng, hoặc một điều khoản bán hàng nào, cho phép
                            trả lại hàng đã bán, ngoại trừ trường hợp hàng bị hư hỏng hoặc điều kiện khác thường
                            được áp dụng trong trường hợp bảo hành.
                        </p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(11)</i></td>
                    <td style=" text-align: justify; line-height: 1.2;">
                        <p> Chúng tôi đã cung cấp cho Ông/Bà:</p>
                        <p style="margin-left: 5px;">- Quyền tiếp cận với tất cả tài liệu, thông tin mà chúng tôi
                            nhận thấy có liên quan đến việc lập và trình bày báo cáo tài chính như sổ, tài liệu,
                            chứng từ kế toán và các vấn đề khác; </p>
                        <p style="margin-left: 5px;">- Các tài liệu, thông tin bổ sung mà kiểm toán viên yêu cầu
                            chúng tôi cung cấp để phục vụ cho mục đích kiểm toán;</p>
                        <p style="margin-left: 5px;">- Quyền tiếp cận không hạn chế với những cá nhân trong đơn vị mà
                            kiểm toán viên xác định là cần thiết nhằm thu thập bằng chứng kiểm toán;</p>
                        <p style="margin-left: 5px;"> - Các Biên bản họp, các Nghị quyết của đại hội cổ đông, Hội
                            đồng quản trị/ Hội đồng thành viên và Ban Tổng Giám đốc. </p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(12)</i></td>
                    <td>
                        <p style=" text-align: justify;">Tất cả các giao dịch đã được ghi chép trong tài liệu, sổ kế
                            toán và đã được phản ánh trong báo cáo tài chính.</p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(13)</i></td>
                    <td>
                        <p style=" text-align: justify;">Chúng tôi không nhận thấy có rủi ro báo cáo tài chính
                            có thể chứa đựng sai sót trọng yếu do gian lận.
                        </p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(14)</i></td>
                    <td>
                        <p style=" text-align: justify;">Chúng tôi không nhận thấy có bất kỳ thông tin nào liên
                            quan đến gian lận hoặc nghi ngờ gian lận có thể có ảnh hưởng đến đơn vị và liên quan
                            đến: Ban Giám đốc; những nhân viên có vai trò quan trọng trong kiểm soát nội bộ; hoặc
                            các vấn đề khác mà gian lận có thể ảnh hưởng trọng yếu đến báo cáo tài chính.
                        </p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(15)</i></td>
                    <td>
                        <p style=" text-align: justify;">Chúng tôi không nhận thấy có bất kỳ thông tin nào liên
                            quan đến các cáo buộc gian lận hoặc nghi ngờ gian lận có ảnh hưởng đến báo cáo tài chính
                            của đơn vị mà chúng tôi được thông báo từ các nhân viên, nhân viên cũ của Công ty, các
                            chuyên gia phân tích, các cơ quan quản lý hoặc những người khác.
                        </p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(16)</i></td>
                    <td>
                        <p style=" text-align: justify;"> Chúng tôi không nhận thấy có bất kỳ trường hợp nào
                            không tuân thủ hoặc nghi ngờ không tuân thủ pháp luật và các quy định mà ảnh hưởng của
                            việc không tuân thủ đó cần được xem xét khi lập và trình bày báo cáo tài chính.
                        </p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(17)</i></td>
                    <td>
                        <p style=" text-align: justify;"> Chúng tôi đã công bố cho Ông/Bà danh tính của các bên
                            liên quan của đơn vị và tất cả các mối quan hệ và giao dịch với các bên liên quan mà
                            chúng tôi biết.
                        </p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(18)</i></td>
                    <td>
                        <p style=" text-align: justify;">Hiện tại, ngoài sự kiện như đã thuyết minh trong Bản
                            thuyết minh báo cáo tài chính, không còn các sự kiện phát sinh sau ngày kết thúc kỳ kế
                            toán đòi hỏi phải xem xét lại số liệu đã trình bày trong Báo cáo tài chính hoặc phải
                            thuyết minh bổ sung. Chúng tôi sẽ thông báo cho Quý vị nếu có bất kỳ sự kiện trọng yếu
                            nào xảy ra đòi hỏi phải trình bày lại số liệu hoặc thuyết minh bổ sung trong Báo cáo tài
                            chính.
                        </p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(19)</i></td>
                    <td>
                        <p style=" text-align: justify;">Các báo cáo tài chính đã thuyết minh tất cả các vấn đề
                            mà chúng tôi biết có liên quan đến khả năng hoạt động theo nguyên tắc hoạt động liên
                            tục. (Nếu không, thêm các kế hoạch hành động trong thời gian tới như sau để đảm bảo
                            nguyên tắc hoạt động liên tục). </p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(20)</i></td>
                    <td>
                        <p style=" text-align: justify;">Chúng tôi đã cân nhắc đến tất cả các bút toán điều
                            chỉnh mà Quý vị đề nghị và xác nhận chúng tôi chấp nhận các bút toán điều chỉnh này,
                            ngoại trừ các bút toán về …(nêu cụ thể các bút toán không chấp nhận điều chỉnh)</p>
                    </td>
                </tr>

                <tr>
                    <td style="text-align: center"><i>(21)</i></td>
                    <td>
                        <p style=" text-align: justify;">Chúng tôi nhận thấy Bảng cân đối kế toán phản ánh nợ
                            ngắn hạn vượt tài sản ngắn hạn …đồng và lỗ luỹ kế vượt vốn đầu tư của chủ sở hữu…đồng.
                            Tuy nhiên, chúng tôi tin rằng cơ sở hoạt động liên tục là thích hợp trong việc lập báo
                            cáo tài chính cho năm tài chính kết thúc ngày …và xác nhận rằng chúng tôi đã nhận được
                            sự cam kết chính thức từ các thành viên góp vốn về việc cung cấp cho Công ty các hỗ trợ
                            tài chính cần thiết để có thể thanh toán đầy đủ các nghĩa vụ nợ đến hạn trong thời gian
                            ít nhất 12 tháng kể từ ngày kết thúc kỳ kế toán. </p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center"><i>(22)</i></td>
                    <td>
                        <i style=" text-align: justify;">Giải trình về bất kỳ vấn đề nào khác mà kiểm toán viên thấy
                            thích hợp (2). </i>
                    </td>
                </tr>
            </tbody>
        </table>

        <p style="margin-top: 10px; text-align: justify;">
            Trân trọng,
        </p>
        <span data-field="Tinh_thanh"></span>, <span data-field="Ngay_thang_TGT"></span>

        <table style="margin-top: 10px; width: 100%; border-collapse: collapse;">
            <tr>
                <td style="width: 45%; text-align: center;">
                    <p style="font-weight: bold; margin: 10px 0;"><span data-field="ChucVuKH"></span></p>
                </td>
                <td style="width: 10%;"></td>
                <td style="width: 45%; text-align: center;">
                    <p style="font-weight: bold; margin: 10px 0;">Kế toán trưởng</p>
                </td>
            </tr>
            <tr>
                <td><br><br><br><br><br></td>
            </tr>
            <tr>
                <td style="width: 45%; text-align: center;">
                    <p style="font-weight: bold; margin: 10px 0;"><span data-field="NguoiDaiDienKH"></span></p>
                </td>
                <td style="width: 10%;"></td>
            </tr>
        </table>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/docx/7.8.2/docx.js"></script>
    <script>
        function editContent() {
            $('#Conten').summernote({
                height: '100vh',
                width: '100%',
                minWidth: 1200,
                focus: true, // Tự động focus khi mở editor
                lang: 'vi-VN', // Thêm ngôn ngữ tiếng Việt
                toolbar: [
                    ['style', ['style']],
                    ['font', ['bold', 'italic', 'underline', 'strikethrough', 'clear']],
                    ['fontname', ['fontname']],
                    ['fontsize', ['fontsize']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['table', ['table']],
                    ['insert', ['link']],
                    ['view', ['fullscreen', 'codeview', 'help']]
                ],
                fontNames: ['Times New Roman'],
                fontSizes: ['8', '9', '10', '11', '12', '14', '16', '18', '24', '36'],
                styleTags: ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
                popover: {
                    table: [
                        ['add', ['addRowDown', 'addRowUp', 'addColLeft', 'addColRight']],
                        ['delete', ['deleteRow', 'deleteCol', 'deleteTable']],
                    ],
                },
                callbacks: {
                    onInit: function () {
                        document.querySelector('.save-button').style.display = 'block';
                        document.querySelector('.edit-button').style.display = 'none';
                        document.querySelector('.export-button').style.display = 'none';
                        document.querySelector('.print-button').style.display = 'none';

                    },
                    onChange: function (contents) {
                        // Thêm auto-save
                        localStorage.setItem('draft-content', contents);
                    }
                }
            });
        }
        async function saveContent() {
            try {
                // Show loading overlay
                document.querySelector('.loading-overlay').style.display = 'flex';

                const contractId = getContractIdFromUrl();
                if (!contractId) {
                    throw new Error('Không tìm thấy ID hợp đồng');
                }

                // Get content from Summernote
                const content = $('#Conten').summernote('code');

                const response = await fetch(`https://${region}.appsheet.com/api/v2/apps/${appId}/tables/Thugiaitrinh/Action`, {
                    method: 'POST',
                    headers: {
                        'ApplicationAccessKey': accessKey,
                        'Content-Type': 'application/json'
                    },
                    body: JSON.stringify({
                        "Action": "Edit",
                        "Properties": {
                            "Locale": "en-US",
                            "TimeZone": "Asia/Bangkok"
                        },
                        "Rows": [{
                            "ID_So_thu_giaitrinh": contractId,
                            "Html": content
                        }]
                    })
                });

                if (!response.ok) {
                    throw new Error(`HTTP error! status: ${response.status}`);
                }

                // Destroy Summernote editor
                $('#Conten').summernote('destroy');

                // Update content and show buttons
                document.getElementById('Conten').innerHTML = content;
                document.querySelector('.save-button').style.display = 'none';
                document.querySelector('.edit-button').style.display = 'block';
                document.querySelector('.export-button').style.display = 'block';
                document.querySelector('.print-button').style.display = 'block';

                FuiToast.success('Lưu thành công')


            } catch (error) {
                console.error('Lỗi khi lưu:', error);
                FuiToast.error("Error toast message.")

            } finally {
                // Hide loading overlay
                document.querySelector('.loading-overlay').style.display = 'none';
            }
        }

        document.addEventListener('contextmenu', function (e) {
            e.preventDefault();
        }, false);

        document.onkeydown = function (e) {
            if (e.keyCode == 123) {
                return false;
            }
            if (e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) {
                return false;
            }
            if (e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)) {
                return false;
            }
            if (e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) {
                return false;
            }
        };

        const appId = '45324891-da90-4c7e-89cb-255d02772e29';
        const accessKey = 'V2-ERBuT-OvzzD-vNJDC-ODMfm-BuZyK-7yfLe-XEsob-vFasR';
        const region = 'www';

        // Add this new function for printing
        function printDocument() {
            const printButton = document.querySelector('.print-button');
            const exportButton = document.querySelector('.export-button');
            const editContentButton = document.querySelector('.edit-button');

            // Hide both buttons
            if (printButton) printButton.style.display = 'none';
            if (exportButton) exportButton.style.display = 'none';
            if (editContentButton) editContentButton.style.display = 'none';

            // Print the document
            window.print();

            // Show buttons again after printing
            if (printButton) printButton.style.display = 'block';
            if (exportButton) exportButton.style.display = 'block';
            if (editContentButton) editContentButton.style.display = 'block';
        }

        // Add the export function
        function exportToWord() {
            // Lấy nội dung cần xuất (bỏ qua button xuất và scripts)
            const content = document.body.cloneNode(true);
            const exportButton = content.querySelector('.export-button');
            if (exportButton) {
                exportButton.remove();
            }

            const printButton = content.querySelector('.print-button');
            if (printButton) {
                printButton.remove();
            }

            const editbutton = content.querySelector('.edit-button');
            if (editbutton) {
                editbutton.remove();
            }

            const savebutton = content.querySelector('.save-button');
            if (savebutton) {
                savebutton.remove();
            }

            // Tạo style inline để giữ format
            const css = `
        body { font-family: 'Times New Roman', serif; }
        h3 { margin: 0; }
        .export-button { display: none; }
    `;

            // Tạo HTML tối giản
            const html = `
        <html xmlns:o='urn:schemas-microsoft-com:office:office' 
              xmlns:w='urn:schemas-microsoft-com:office:word'>
        <head>
            <meta charset='utf-8'>
            <title>B440 TGT</title>
            <style>${css}</style>
        </head>
        <body>
            ${content.innerHTML}
        </body>
        </html>
    `;

            // Tạo blob với type phù hợp cho MS Word
            const blob = new Blob([html], {
                type: 'application/msword;charset=utf-8'
            });

            // Download file
            const link = document.createElement('a');
            link.href = URL.createObjectURL(blob);
            link.download = 'thu-giai-trinh.doc';
            link.click();
            URL.revokeObjectURL(link.href);
        }

        function formatVietnameseDate(dateString) {
            const date = new Date(dateString);
            return `ngày ${String(date.getDate()).padStart(2, '0')} tháng ${String(date.getMonth() + 1).padStart(2, '0')} năm ${date.getFullYear()}`;
        }

        function getContractIdFromUrl() {
            const urlParams = new URLSearchParams(window.location.search);
            return urlParams.get('ID_So_thu_giaitrinh');
        }

        async function fetchContractData() {
            try {
                const contractId = getContractIdFromUrl();
                if (!contractId) {
                    throw new Error('Không tìm thấy số hợp đồng trong URL');
                }

                const response = await fetch(`https://${region}.appsheet.com/api/v2/apps/${appId}/tables/Thugiaitrinh/Action`, {
                    method: 'POST',
                    headers: {
                        'ApplicationAccessKey': accessKey,
                        'Content-Type': 'application/json'
                    },
                    body: JSON.stringify({
                        Action: 'Find',
                        Properties: {},
                        Selector: `Filter(Thugiaitrinh, ID_So_thu_giaitrinh = '${contractId}')`
                    })
                });

                if (!response.ok) {
                    throw new Error(`HTTP error! status: ${response.status}`);
                }

                const data = await response.json();
                const contract = data.find(c => c.ID_So_thu_giaitrinh === contractId);

                if (!contract) {
                    throw new Error(`Không tìm thấy hợp đồng với số: ${contractId}`);
                }

                // Kiểm tra nếu có dữ liệu HTML được lưu trữ
                if (contract.Html && contract.Html.trim()) {
                    // Nếu có, render nội dung HTML đã lưu
                    document.getElementById('Conten').innerHTML = contract.Html;
                } else {
                    // Nếu không có, điền dữ liệu vào template mặc định
                    document.querySelectorAll('[data-field]').forEach(element => {
                        const fieldName = element.getAttribute('data-field');
                        if (contract[fieldName]) {
                            if (fieldName === 'NgayHopDong' || fieldName === 'Ngay_thang_TGT') {
                                element.textContent = formatVietnameseDate(contract[fieldName]);
                            } else if (fieldName === 'TenKH') {
                                element.textContent = contract['TenKH'].toUpperCase();
                            } else {
                                element.textContent = contract[fieldName];
                            }
                        }
                    });
                }

            } catch (error) {
                console.error('Failed to fetch data:', error);
                document.body.innerHTML = `<div style="color: red; text-align: center; padding: 20px;">
            Lỗi khi tải dữ liệu: ${error.message}
        </div>`;
            }
        }
        window.addEventListener('load', fetchContractData);
    </script>
</body>

</html>