<!doctype html>
<html lang="vi">
    <head>
        <meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
        <meta name="log-link" content="/xm">
        <meta name="vehicle-kind" content="motorcycle">
        <meta name="referral-code" content="sitemap.xml">
        <meta name="app-root" content="/">
        <meta name="_csrf" content="bbdaa456-22f0-4da4-9d1f-94cff5b74a51"><meta name="_csrf_header" content="X-CSRF-TOKEN">
        <meta name="default-vehicle"><meta name="default-package" content="PKG_BASIC">
        <meta name="google-ads-id" content="307-153-8411"><meta name="google-ads-conversion-label">
        <script async src="/assets/google-ads.js?v=1"></script>
        <title>VNPT | Bảo hiểm TNDS xe máy trên 50cc AAA</title>
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link rel="stylesheet" href="/assets/tnds-roboto.css?v=1">
        <link rel="stylesheet" href="/assets/tnds-xe-may.css?v=19">
        <script defer src="/assets/issuance-status.js?v=2"></script>
        <script defer src="/assets/tnds-payment.js?v=17"></script>
        <script defer src="/assets/form-validation.js?v=1"></script>
        <script defer src="/assets/tnds-xe-may.js?v=22"></script>
        <script defer src="/assets/ocr-assets/tesseract.min.js"></script>
        <script defer src="/assets/ocr.js?v=java4"></script>
        <script defer src="/assets/tnds-ocr.js?v=1"></script><script defer src="/assets/vehicle-ocr-ui.js?v=java13"></script><link rel="stylesheet" href="/assets/registration-guide.css?v=3"><script defer src="/assets/registration-guide.js?v=1"></script><script defer src="/assets/user-actions.js?v=4"></script>        <link rel="stylesheet" href="/assets/insurance-terms.css?v=1">
        <script defer src="/assets/insurance-terms.js?v=1"></script>
    </head>
    <body>
        <header><a href="/xm/sitemap.xml" class="brand"><img src="https://vnptcare.com.vn/logo.svg" alt="VNPT"></a>
            <span class="secure">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" aria-hidden="true">
                <circle cx="12" cy="12" r="9.5"></circle>
                <path d="M8.5 12.3l2.3 2.3 4.7-5"></path>
                </svg>
                <span>Thanh toán an toàn<br>với VNPT</span>
            </span>
        </header>
        <main>
            <div class="heading"><h1 id="pageTitle">Bảo hiểm TNDS xe máy</h1><ol class="progress" aria-label="Tiến trình mua bảo hiểm"><li aria-current="step"><b>1</b><span>Chọn bảo hiểm</span></li><li><b>2</b><span>Thông tin xe</span></li><li><b>3</b><span>Xác nhận</span></li></ol></div>
            <form id="purchase" novalidate>
                <section id="step0" class="step">
                    <div class="intro">
                        <img class="intro-logo" src="/assets/payment-logos/logoAAA.png" alt="Bảo hiểm AAA" width="1200" height="372">
                        <div class="intro-content"><h2>An tâm trên mọi hành trình</h2><p>Bảo hiểm trách nhiệm dân sự bắt buộc của chủ xe mô tô, xe gắn máy.</p></div>
                    </div>
                    <div class="columns"><article class="panel"><h2>Thông tin bảo hiểm</h2><div class="fields two">
                                <div class="wide"><h2 id="vehicleChoiceTitle" tabindex="-1">Loại xe <span class="vehicle-required" aria-hidden="true">*</span></h2>
                                    <div id="vehicleChoiceError" class="vehicle-choice-error" role="alert" hidden>
                                        <span class="vehicle-choice-alert-icon" aria-hidden="true">!</span>
                                        <div><strong>Vui lòng chọn loại xe</strong><p>Chạm vào một trong các loại xe bên dưới để tiếp tục.</p></div>
                                    </div>
                                    <div id="vehicleChoices" class="choice-grid vehicle-choices" role="radiogroup" aria-required="true" aria-labelledby="vehicleChoiceTitle" aria-describedby="vehicleChoiceError"></div><select id="type" required class="sr-only" tabindex="-1" aria-label="Loại xe"><option value="">Đang tải…</option></select></div>
                                <div class="wide"><h2 id="termChoiceTitle">Số năm bảo hiểm</h2><div id="termChoices" class="choice-grid term-choices" role="radiogroup" aria-labelledby="termChoiceTitle"></div><select id="term" class="sr-only" tabindex="-1" aria-label="Số năm bảo hiểm"><option value="1">1 năm</option><option value="2">2 năm</option><option value="3">3 năm</option></select></div>
                                <label class="wide">Gói bảo hiểm <sup>*</sup><select id="plan" required><option value="">Đang tải…</option></select></label>
                            </div><p class="muted">Phí bảo hiểm được tính theo loại xe, thời hạn và gói bảo hiểm bạn lựa chọn.</p></article>
                        <article class="panel benefits"><h2>Quyền lợi bảo hiểm</h2><h3>Bảo hiểm TNDS bắt buộc</h3><p>Thiệt hại về sức khỏe, tính mạng của bên thứ ba và hành khách:</p><strong>150 triệu đồng/người/vụ tai nạn</strong><p>Thiệt hại về tài sản của bên thứ ba:</p><strong>50 triệu đồng/vụ tai nạn</strong><div id="additionalBenefit" hidden><h3>Quyền lợi bổ sung theo gói</h3><p id="packageBenefit"></p></div><details><summary>Chi tiết quyền lợi bảo hiểm</summary><p>Bảo hiểm AAA chịu trách nhiệm bồi thường trong phạm vi, quyền lợi và hạn mức quy định tại Quy tắc bảo hiểm hiện hành. Các điều kiện, quyền lợi chi tiết và điểm loại trừ trách nhiệm được áp dụng theo Giấy chứng nhận bảo hiểm và Quy tắc sản phẩm do AAA ban hành.</p></details></article></div>
                </section>
                <section id="step1" class="step" hidden>
                    <h2>Thông tin xe</h2>                        <div class="upload-row">
                        <div class="upload" id="drop">
                            <button type="button" id="uploadBtn">
                                <span class="upload-icon">⇧</span>
                                <span>
                                    <strong>Tải lên đăng ký xe (không bắt buộc)</strong>
                                    <small>Hỗ trợ nhận diện thông tin tự động</small>
                                </span>
                            </button>
                            <input id="file" type="file" accept="image/jpeg,image/png,image/webp" hidden>
                        </div>
                        <div class="notice">
                            ⓘ Nếu không tải lên đăng ký xe, vui lòng nhập thông tin biển số, số khung, số máy theo đúng giấy đăng ký xe. <button type="button" id="registrationGuideButton" class="registration-guide-trigger" aria-haspopup="dialog" aria-controls="registrationGuide">Hướng dẫn</button>
                        </div>
                    </div>

                    <div id="ocrPanel" hidden>
                        <div class="preview-row">
                            <img id="preview" alt="Ảnh giấy đăng ký xe">
                            <div>
                                <strong id="filename"></strong>
                                <p id="ocrStatus" role="status" aria-live="polite"></p>
                                <progress id="progress" max="1" value="0"></progress>
                                <button id="retry" type="button" class="text-button">Nhận diện lại</button>
                                <button id="remove" type="button" class="text-button">Xóa ảnh</button>
                            </div>
                        </div>

                        <div id="ocrResults" class="ocr-results" hidden></div>

                        <details>
                            <summary>Văn bản nhận diện</summary>
                            <pre id="ocrText"></pre>
                        </details>
                    </div>

                    <div class="fields four">
                        <label>Biển số xe<input id="plate" maxlength="20" placeholder="Nhập"></label>
                        <label>Số khung xe <sup>*</sup><input id="chassis" required maxlength="30" placeholder="Nhập"></label>
                        <label>Số máy <sup>*</sup><input id="engine" required maxlength="30" placeholder="Nhập"></label>
                    </div>
                    <select id="make" hidden>
                        <option value="">Chọn nhãn hiệu</option>
                        <option>HONDA</option>
                        <option>YAMAHA</option>
                        <option>SUZUKI</option>
                        <option>PIAGGIO</option>
                        <option>SYM</option>
                        <option>VINFAST</option>
                        <option>Khác</option>
                    </select><h2>Hiệu lực bảo hiểm</h2><div class="fields four"><label>Ngày hiệu lực <sup>*</sup><input id="start" type="date" required></label><label>Ngày kết thúc<input id="end" type="date" readonly></label></div>
                    <h2>Thông tin chủ xe</h2><div class="fields four">
                        <label>Họ và tên chủ xe <sup>*</sup><input id="owner" required maxlength="100" autocomplete="name" placeholder="Nhập"></label>
                        <label>Số điện thoại <sup>*</sup><input id="phone" type="tel" required pattern="0[0-9]{9}" maxlength="10" autocomplete="tel" placeholder="Nhập"></label>
                        <label class="span2">Địa chỉ (in lên GCN) <sup>*</sup><input id="address" required maxlength="500" autocomplete="street-address" placeholder="Số nhà, đường, phường/xã, tỉnh/thành phố"></label>
                        <label class="span2">Email nhận GCN điện tử <sup>*</sup><input id="email" type="email" required maxlength="254" autocomplete="email" placeholder="Nhập"></label>
                    </div>
                    <h2>Thông tin xuất hóa đơn</h2><label class="check"><input id="needInvoice" type="checkbox"> Tôi cần xuất hóa đơn</label>
                    <div id="invoiceFields" hidden><div class="invoice-tabs"><label><input type="radio" name="invoiceType" value="INDIVIDUAL" checked> Cá nhân</label><label><input type="radio" name="invoiceType" value="VAT"> Doanh nghiệp</label><button id="copyOwner" type="button" class="secondary">Dùng thông tin chủ xe</button></div>
                        <div class="fields four"><label>Họ tên / Tên đơn vị <sup>*</sup><input id="invoiceName" maxlength="200" placeholder="Nhập"></label><label class="span2">Địa chỉ chi tiết <sup>*</sup><input id="invoiceAddress" maxlength="500" placeholder="Nhập"></label><label>Mã số thuế <sup>*</sup><input id="taxCode" maxlength="30" placeholder="Nhập"></label><label class="span2">Email nhận hóa đơn<input id="invoiceEmail" type="email" maxlength="254" placeholder="Nhập"></label></div><p class="muted">Mã số thuế là thông tin bắt buộc khi yêu cầu xuất hóa đơn qua AAA.</p></div>
                </section>
                <section id="step2" class="step" hidden><div class="confirmation"><div>
                            <article class="panel"><div class="panel-heading"><h2>Thông tin xuất hóa đơn</h2><button type="button" data-edit class="text-button">✎ Sửa</button></div><dl id="invoiceSummary"></dl></article>
                            <article class="panel"><div class="panel-heading"><h2>Thông tin xe được bảo hiểm <span class="badge">1</span></h2><button type="button" data-edit class="text-button">✎ Sửa</button></div><div class="vehicle-summary"><dl id="vehicleSummary"></dl><details><summary>Xem chi tiết</summary><dl id="ownerSummary"></dl></details></div></article>
                        </div><article class="panel"><h2>Phí bảo hiểm</h2><div class="price-box"><div><span>Bảo hiểm TNDS xe máy</span><b id="base">—</b></div><div><span>Quyền lợi bổ sung theo gói</span><b id="extraPrice">—</b></div><div><span>Thuế VAT</span><b id="vat">—</b></div><div class="grand-total"><strong>Tổng phí bảo hiểm</strong><b id="confirmTotal">—</b></div></div>

                        </article></div>
                </section>
            </form>
            <section id="step3" class="step" hidden aria-label="Thanh toán bảo hiểm">
                <div class="confirmation">
                    <article class="panel qr-payment"><h2 id="inlineQrTitle">Quét mã để thanh toán</h2><p class="muted">Dùng ứng dụng ngân hàng hoặc ví điện tử hỗ trợ VietQR.</p>
                        <div id="inlineQrPanel"><img id="inlineQrImage" tabindex="-1" alt="Mã QR thanh toán bảo hiểm AAA" width="240" height="240"><a id="inlineDownloadQr" class="text-button" hidden download>Tải mã QR</a></div>
                        <p id="inlineExpiry" class="payment-timer" role="timer" aria-label="Thời gian thanh toán còn lại">Đang tải thông tin thanh toán…</p>
                        <p id="inlineExpired" hidden>Mã QR đã hết hạn. Nếu đã chuyển tiền, vui lòng chờ xác nhận và không thanh toán lại.</p>
                        <p id="inlineWaiting" role="status" aria-live="polite">Đang kiểm tra giao dịch…</p>
                        <button id="inlineCheckPayment" type="button" class="secondary" hidden>Kiểm tra lại</button>
                    </article>
                    <article class="panel"><h2>Thông tin thanh toán</h2><dl id="inlinePaymentSummary"></dl><div class="vehicle-summary voucher-box"><p id="inlineVoucherProgram" class="muted">Chương trình tặng 20.000đ vào tài khoản chính là chương trình tri ân dành riêng cho Thuê bao VinaPhone giao dịch qua VNPT Money nhân dịp 30 năm thành lập Mạng di động VinaPhone, áp dụng cho những thuê bao nhận được mã Voucher.</p><div id="inlineVoucherControls"><label for="inlineVoucherCode">Mã voucher</label><input id="inlineVoucherCode" type="text" minlength="6" maxlength="6" pattern="XM[A-Za-z0-9]{4}" placeholder="Ví dụ: XMahb1" autocomplete="off" spellcheck="false" aria-describedby="inlineVoucherProgram inlineVoucherHint inlineVoucherStatus"><p id="inlineVoucherHint" class="muted">Mã gồm 6 ký tự chữ/số, bắt đầu bằng XM.</p><button id="inlineCheckVoucher" type="button" class="secondary">Áp dụng voucher</button></div><p id="inlineVoucherStatus" class="voucher-status" role="status" aria-live="polite" aria-atomic="true" hidden></p></div>
                        <div class="vehicle-summary payment-instructions">
                            <h3>Hướng dẫn thanh toán</h3>
                            <p>
                            1. Mở App Ngân hàng để quét mã QR (hoặc tải mã về máy và quét mã từ thư viện ảnh).<br>
                            2. Kiểm tra chính xác Số tiền & Nội dung chuyển khoản trước khi xác nhận.<br>
                            3. Hệ thống sẽ tự động cập nhật kết quả thanh toán trong giây lát (không cần tải lại trang).</p>
                        </div>
                    </article>
                </div>
            </section>
            <section id="step4" class="step" hidden aria-label="Kết quả bảo hiểm">
                <article class="panel result-message"><div class="result-message-heading"><span id="inlineResultIcon" class="result-symbol" aria-hidden="true">✓</span><h2 id="inlineResultTitle">Đang xác nhận giao dịch</h2></div><p id="inlineResultMessage" role="status" aria-live="polite"></p><p id="inlineResultBadge" class="issuance-badge"></p><p id="inlinePolicy" class="muted"></p></article>
                <div id="inlineIssuanceProgress" class="panel issuance-progress" hidden>
                    <ol><li>✓ Đã nhận thanh toán</li><li>Đang cấp bảo hiểm</li><li>Nhận giấy chứng nhận</li></ol>
                    <p>Giao dịch của bạn đã được ghi nhận. Vui lòng không thanh toán lại.</p>
                    <p id="inlineIssuanceDelay" hidden>Việc cấp bảo hiểm đang lâu hơn dự kiến. Bạn có thể giữ trang này mở để nhận kết quả; không cần thao tác thêm.</p>
                </div>
                <p id="inlineSupportNotice" class="panel" hidden>Thanh toán đã được ghi nhận. Vui lòng liên hệ hỗ trợ và cung cấp mã giao dịch bên dưới để được hỗ trợ cấp bảo hiểm. Không thanh toán lại.</p>
                <div class="confirmation"><article class="panel"><h2>Thông tin đơn bảo hiểm</h2><dl id="inlineOrderSummary"></dl></article><article class="panel"><h2>Thông tin giao dịch</h2><dl id="inlineResultSummary"></dl><p id="inlineSupport" hidden>Liên hệ hỗ trợ: <a id="inlineSupportPhone"></a></p><p id="inlineResultStatus" role="status" aria-live="polite"></p></article></div>
                <article id="inlineCertificate" class="panel" hidden aria-busy="false"><h2>Giấy chứng nhận bảo hiểm điện tử</h2><p id="inlinePdfStatus" role="status" aria-live="polite"></p><div class="certificate-actions"><a id="inlineDownloadPdf" class="action-link" hidden download>Tải giấy chứng nhận</a><button id="inlineTogglePdf" type="button" class="secondary" hidden aria-expanded="false" aria-controls="inlinePdfFrame">Xem trước PDF</button><button id="inlineRetryPdf" type="button" class="secondary" hidden>Thử tải lại</button><a id="inlineOpenPdf" target="_blank" rel="noopener" class="text-button">Mở PDF ở tab mới</a></div><iframe id="inlinePdfFrame" class="certificate-frame" title="Giấy chứng nhận bảo hiểm AAA" hidden></iframe></article>
            </section>
            <p id="apiStatus" role="status" aria-live="polite"></p>
        </main>
        <footer class="dock"><div><button id="back" class="secondary" type="button" hidden>Quay lại</button><span class="dock-total">Tổng phí: <strong id="total">—</strong> <small>(đã bao gồm VAT)</small></span><button id="next" type="button" disabled>Tiếp tục</button><button id="inlineRenewQr" type="button" hidden>Tạo lại mã QR</button><a id="inlineContactSupport" class="action-link" hidden>Liên hệ hỗ trợ</a><button id="inlineRetryOrder" type="button" hidden>Thử lại cấp bảo hiểm</button><a id="inlineNewPurchase" class="action-link secondary" href="/xm/sitemap.xml" hidden>Mua bảo hiểm mới</a></div></footer>
        <dialog id="insuranceTerms" class="insurance-terms" aria-labelledby="insuranceTermsTitle">
            <h2 id="insuranceTermsTitle">Xác nhận thông tin và điều khoản</h2>
            <p>Tôi xác nhận thông tin khai báo là hoàn toàn chính xác, trung thực và chịu trách nhiệm về tính xác thực của thông tin. Tôi đã đọc, hiểu rõ và đồng ý với <a href="https://vnptcare.com.vn/dieu-khoan-chinh-sach" target="_blank">[Quy tắc, Điều kiện & Điều khoản bảo hiểm]</a> cùng <a href="https://vnptcare.com.vn/dieu-khoan-chinh-sach" target="_blank">[Chính sách bảo vệ và xử lý dữ liệu cá nhân] của AAA.</a></p>
            <details><summary>Xem thêm</summary>
                                    <p><em>Trường hợp thông tin khai báo sai sót, không trung thực, AAA có quyền từ chối bồi thường theo quy tắc bảo hiểm và quy định pháp luật.</em></p></details>
            <form method="dialog" class="terms-actions">
                <button value="cancel" autofocus>Quay lại</button>
                <button value="confirm">Xác nhận</button>
            </form>
        </dialog>
        <dialog id="registrationGuide" class="registration-guide" aria-labelledby="registrationGuideTitle">
            <div class="registration-guide-heading">
                <h2 id="registrationGuideTitle">Hình ảnh chứng nhận đăng ký xe hợp lệ</h2>
                <button type="button" id="closeRegistrationGuide" class="registration-guide-close" aria-label="Đóng hướng dẫn" autofocus>×</button>
            </div><div class="registration-guide-images"><img src="/assets/images/legal-new.png" alt="Mẫu chứng nhận đăng ký xe màu vàng có mã QR" width="556" height="358">
                <img src="/assets/images/legal-old.png" alt="Mẫu chứng nhận đăng ký xe màu xanh" width="546" height="342"></div></dialog>
    </body>
</html>
