{"status":true,"html":"<link href=\"https:\/\/fpt.vn\/assets\/frontend\/css\/font-awesome.min.css\" rel=\"stylesheet\" type=\"text\/css\"\/>\n<link href=\"https:\/\/fpt.vn\/assets\/frontend\/css\/popup-refer-friends.css?v=v1.47.12\" rel=\"stylesheet\">\n<div class=\"modal fade\" id=\"modalReferFriends\" tabindex=\"-1\" role=\"dialog\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <span class=\"modal-title\">M\u00e3 gi\u1edbi thi\u1ec7u c\u1ee7a b\u1ea1n\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">&times;<\/span>\n                <\/button>\n            <\/span>\n            <div class=\"modal-body text-left p-refer-friends-qr-box\">\n                <p class=\"decscription\">V\u1edbi m\u1ed7i l\u1ea7n gi\u1edbi thi\u1ec7u th\u00e0nh c\u00f4ng d\u1ecbch v\u1ee5 Internet FPT ho\u1eb7c Internet k\u00e8m th\u00eam c\u00e1c d\u1ecbch v\u1ee5 Truy\u1ec1n h\u00ecnh FPT Play, FPT Camera, b\u1ea1n nh\u1eadn \u0111\u01b0\u1ee3c \u01b0u \u0111\u00e3i 30.000 \u0111i\u1ec3m Fgold (t\u01b0\u01a1ng \u0111\u01b0\u01a1ng gi\u00e1 tr\u1ecb 300.000 VN\u0110)<\/p>\n                                    <div class=\"box-no-contract text-center\">\n                        <img src=\"https:\/\/fpt.vn\/images\/refer-friends\/not-found.png\" \/>\n                        <p>\u0110\u1ec3 tham gia ch\u01b0\u01a1ng tr\u00ecnh Gi\u1edbi thi\u1ec7u b\u1ea1n b\u00e8 c\u1ee7a FPT Telecom, qu\u00fd kh\u00e1ch h\u00e0ng vui l\u00f2ng \u0111\u0103ng k\u00fd s\u1eed d\u1ee5ng d\u1ecbch v\u1ee5 c\u1ee7a FPT Telecom t\u1ea1i <a href=\"fpt.vn\" alt=\"fpt.vn\">fpt.vn<\/a><\/p>\n                    <\/div>\n                                <p class=\"p_ma_gt\">M\u00e3 gi\u1edbi thi\u1ec7u<\/p>\n                <pre id=\"p_refer_code\"><\/pre>\n                <button class=\"copy-btn\" onclick=\"copyCode('p_refer_code')\">\n                    <img width=\"17\" src=\"https:\/\/fpt.vn\/images\/refer-friends\/icon-copy.png\" alt=\"Copy\">\n                <\/button>\n                <p class=\"p_link_gt\">Link gi\u1edbi thi\u1ec7u<\/p>\n                <pre id=\"p_refer_link\"><span><\/span><\/pre>\n                <button class=\"copy-btn\" onclick=\"copyCode('p_refer_link')\">\n                    <img width=\"17\" src=\"https:\/\/fpt.vn\/images\/refer-friends\/icon-copy.png\" alt=\"Copy\">\n                <\/button>\n                <div class=\"row box-qr-share text-center\">\n                    <div class=\"col-xs-12 col-md-6\">\n                        <button class=\"btn btn-blue\" data-toggle=\"modal\" data-target=\"#pShareQRModel\"><img style=\"width: 16px;\" src=\"https:\/\/fpt.vn\/images\/refer-friends\/icon-share.svg\" alt=\"Share\"> Chia s\u1ebb link gi\u1edbi thi\u1ec7u<\/button>\n                    <\/div>\n                    <div class=\"col-xs-12 col-md-6\">\n                        <button class=\"btn\"  data-dismiss=\"modal\" aria-label=\"Close\">\u0110\u00f3ng<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- Share QR -->\n<div class=\"modal fade\" id=\"pShareQRModel\" tabindex=\"-1\" role=\"dialog\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-body text-left\">\n                <h4 class=\"modal-title\">Chia s\u1ebb m\u00e3 gi\u1edbi thi\u1ec7u b\u1ea1n b\u00e8 \n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">&times;<\/span>\n                    <\/button>\n                <\/h4>\n                \n                <p>Chia s\u1ebb qua c\u00e1c n\u1ec1n t\u1ea3ng m\u1ea1ng x\u00e3 h\u1ed9i<\/p>\n                <div class=\"col-xs-6 text-center\">\n                    <span class=\"box-share pull-right\" id=\"pShareFacebook\">\n                        <img width=\"64\" src=\"https:\/\/fpt.vn\/images\/refer-friends\/icon-facebook.png\" alt=\"Facebook\">\n                        Facebook\n                    <\/span>\n                <\/div>\n                <div class=\"col-xs-6 text-center\">\n                    <span  class=\"box-share pull-left\" id=\"pShareMessenger\">\n                        <img  width=\"64\" src=\"https:\/\/fpt.vn\/images\/refer-friends\/icon-messenger.png\" alt=\"Messenger\">\n                        <span>Messenger<\/span>\n                    <\/span>\n                <\/div>\n                <div class=\"col-xs-12\">\n                    <pre id=\"refer_link_share\"><\/pre>\n                    <button class=\"copy-btn\" onclick=\"copyCode('refer_link_share')\">\n                        <img width=\"17\" src=\"https:\/\/fpt.vn\/images\/refer-friends\/icon-copy.png\" alt=\"Copy\">\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Toast -->\n<div id=\"p_box_refer_toast\">\n    <div id=\"refer_toast\" class=\"toast\">\n        <div class=\"toast-header\">\n            <button type=\"button\" class=\"btn-close\"><span aria-hidden=\"true\">\u00d7<\/span><\/button>\n        <\/div>\n        <div class=\"toast-body\">\n            Text copied to clipboard!\n        <\/div>\n    <\/div>\n<\/div>\n\n<script src=\"https:\/\/fpt.vn\/assets\/js\/qrcode.min.js\"><\/script>\n<script>\n    $(document).ready(function() {\n\n        function showToast(content) {\n            const referContent = $('#refer_toast').html();\n\n            \/\/ T\u1ea1o div m\u1edbi v\u1edbi n\u1ed9i dung \u0111\u00e3 sao ch\u00e9p\n            const newToast = $('<div><\/div>')\n                .addClass('toast show')\n                .html(referContent);\n            newToast.find('.toast-body').html(content);\n            \/\/ Th\u00eam div m\u1edbi sau #refer_toast\n            $('#refer_toast').after(newToast);\n\n            newToast.click(function(){\n                $(this).closest('.toast').removeClass('show');\n            });\n            setTimeout(() => {\n                newToast.removeClass('show');\n            }, 3000);\n        }\n        window.copyCode = function (idCP) {\n            var copyText = document.getElementById(idCP);\n            const toastEl = $('#refer_toast');\n            const toastBody = $('#refer_toast .toast-body');\n            if (!copyText) {\n                content = 'Kh\u00f4ng t\u00ecm th\u1ea5y n\u1ed9i dung copy';\n                showToast(content);\n                return;\n            }\n            var textToCopy = copyText.innerText || copyText.textContent;\n\n            \/\/ Ki\u1ec3m tra tr\u00ecnh duy\u1ec7t c\u00f3 h\u1ed7 tr\u1ee3 `navigator.clipboard`\n            if (navigator.clipboard && navigator.clipboard.writeText) {\n                \/\/ S\u1eed d\u1ee5ng clipboard API\n                navigator.clipboard.writeText(textToCopy).then(() => {\n                    console.log(\"\u0110\u00e3 copy m\u00e3 gi\u1edbi thi\u1ec7u: \" + textToCopy);\n                    content = \"\u0110\u00e3 copy th\u00e0nh c\u00f4ng!\";\n                    showToast(content);\n                });\n            } else {\n                var tempInput = document.createElement(\"textarea\");\n                tempInput.value = textToCopy;\n                tempInput.style.position = \"absolute\";\n                tempInput.style.left = \"-9999px\"; \/\/ \u1ea8n ph\u1ea7n t\u1eed\n                document.body.appendChild(tempInput);\n                tempInput.select();\n\n                try {\n                    var successful = document.execCommand(\"copy\");\n                    if (successful) {\n                        console.log(\"\u0110\u00e3 copy m\u00e3 gi\u1edbi thi\u1ec7u: \" + textToCopy);\n                        content = \"\u0110\u00e3 copy th\u00e0nh c\u00f4ng!\";\n                        showToast(content);\n                    }else{\n                        content = 'Copy th\u1ea5t b\u1ea1i, vui l\u00f2ng th\u1eed l\u1ea1i';\n                        showToast(content);\n                    }\n                } catch (err) {\n                    console.error(\"L\u1ed7i sao ch\u00e9p:\", err);\n                    content = 'Copy th\u1ea5t b\u1ea1i, vui l\u00f2ng th\u1eed l\u1ea1i';\n                    showToast(content);\n                }\n                document.body.removeChild(tempInput);\n            }\n        };\n        let downloadBtn = document.getElementById(\"btn_download_p\");\n        if (downloadBtn) {\n            document.getElementById(\"btn_download_p\").addEventListener(\"click\", function () {\n                var canvas = document.querySelector('#p_qr_code_refer canvas');\n                if (canvas) {\n                    const dataURL = canvas.toDataURL('image\/png');\n\n                    \/\/ T\u1ea1o th\u1ebb <a> \u0111\u1ec3 t\u1ea3i file\n                    const link = document.createElement('a');\n                    link.href = dataURL;\n                    link.download = 'qr_code.png'; \/\/ T\u00ean file mu\u1ed1n t\u1ea3i\n                    link.click();\n                }\n            });\n        }\n        \/\/ Clear any existing QR code\n        const qrDiv = document.getElementById(\"p_qr_code_refer\");\n        if (qrDiv) {\n            qrDiv.innerHTML = \"<div class='qrcode-scanner-l'><\/div><div class='qrcode-scanner'><\/div><div class='qrcode-scanner-r'><\/div>\";\n            \/\/ Generate the QR code\n            var linkRefer = \"\";\n            QRCode.toCanvas(document.createElement('canvas'), linkRefer, {\n                width: 152,\n                margin: 2,\n            }, function (error, canvas) {\n                if (error) console.error(\"Error generating QR Code:\", error);\n                else qrDiv.appendChild(canvas); \/\/ Append canvas to the div\n            });\n        }\n        function isMobile() {\n            return \/Mobi|Android|iPhone\/i.test(navigator.userAgent);\n        }\n        \/\/appId: '5303202981', \/\/27968228306157246 , 561777843334312, 1407297010246353\n        \/\/ S\u1ef1 ki\u1ec7n chia s\u1ebb Facebook\n        $('#pShareFacebook').click(function () {\n            const shareUrl = encodeURIComponent(\"\"); \n            const facebookShareUrl = 'https:\/\/www.facebook.com\/sharer\/sharer.php?u='+shareUrl;\n            window.open(facebookShareUrl,\"Share Facebook\",\"_parent\");\n        });\n\n        \/\/ S\u1ef1 ki\u1ec7n chia s\u1ebb Messenger\n        $('#pShareMessenger').click(function () {\n            var shareUrl = encodeURIComponent(\"\");\n            var redirectUri = \"\";\n            if (isMobile()) {\n                \/\/ Tr\u00ean mobile, m\u1edf \u1ee9ng d\u1ee5ng Messenger ho\u1eb7c Facebook Messenger\n                var messengerShareUrl = 'fb-messenger:\/\/share?link=' + shareUrl + '&app_id=5303202981&redirect_uri=' + redirectUri;\n                window.location.href = messengerShareUrl;  \/\/ M\u1edf Messenger tr\u1ef1c ti\u1ebfp tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng\n            } else{\n                var messengerShareUrl = 'http:\/\/www.facebook.com\/dialog\/send?app_id=5303202981&display=popup&link='+shareUrl+'&redirect_uri='+redirectUri;\n                window.open(messengerShareUrl, \"Share Messenger\", \"width=700,height=400\");\n            }\n        });\n        \n        $(document).on('show.bs.modal', '.modal', function () {\n            $('.modal').not(this).modal('hide');\n        });\n    });\n<\/script>"}