$(document).ready(function () {
    //common
    $('.btnSearch').click(function () {
        var keyword = $('#txt-keyword').val();
        if ($.trim(keyword) != '') {
            window.location = '/search?q=' + keyword.replace(/\s/gi, "+");
        }
        return true;
    });

    $('#txt-keyword').keyup(function (evt) {
        if (evt.keyCode == 13 || evt.which == 13) {
            $('.btnSearch').trigger('click');
            return false;
        }
        return true;
    });

    $('.fb').click(function (e) {
        share_click($(this).attr('href'));
        return false;
    });

    if ($(".content-main-normal").length > 0) {
        let tagg = [];
        let contentxx = $(".content-main-normal").html();
        $(".c-tags a").each(function () {
            let tag = $(this).text().trim();
            tagg.push(tag);
        });
        if (tagg.length > 0) {
            let contentx = $(".content-main-normal").html();
            try {
                for (i = 0; i < tagg.length; i++) {
                    var regexExpression = "(?!(?:[^<]+>|[^>]+<\\/a>))\\b(" + replaceTitle(tagg[i].trim()) + ")(?:\s)?\\b";
                    var regex = new RegExp(regexExpression, "imu");
                    contentx = contentx.replace(regex, "<a href='/" + friendlyTitle(unescape(tagg[i])) + "-ptag.html" + "' title = '" + tagg[i] + "'>$1" + "</a>");
                }
                $(".content-main-normal").html(contentx);
            }
            catch (e) {
                $(".content-main-normal").html(contentxx);
                console.log(e.message);
            }
        }
    };
    $('.commentScroll').click(function () {
        var $target_message = $('.formComment');
        $target_message.removeClass('hidden');
        $('html, body').stop().animate({
            'scrollTop': $target_message.offset().top - 50
        }, 700, 'swing', function () { });
        $('.txt-content').focus();
        $("textarea").css("border", "1px solid #11e666");
    });
    $("a.comment").click(function () {
        $('html,body').animate({
            scrollTop: $('.c-tags').offset().top - 20
        }, 700);
        $('.txt-content').focus();
    });
})
var share_click = function (url) {
    var width = 575, height = 400,
        left = (document.documentElement.clientWidth / 2 - width / 2),
        top = (document.documentElement.clientHeight - height) / 2,
        opts = 'status=1,resizable=yes' +
            ',width=' + width + ',height=' + height +
            ',top=' + top + ',left=' + left;
    win = window.open(url, '', opts);
    win.focus();
    return win;
}
function getDates() {
    var d = new Date();
    var strDate = d.getDate() + "/" + (d.getMonth() + 1) + "/" + d.getFullYear();
    return strDate;
}
var print_click = function (url) {
    var width = 575, height = 400,
        left = (document.documentElement.clientWidth / 2 - width / 2),
        top = (document.documentElement.clientHeight - height) / 2,
        opts = 'status=1,resizable=yes' +
            ',width=' + width + ',height=' + height +
            ',top=' + top + ',left=' + left;
    win = window.open(url, '', opts);
    win.focus();
    return win;
}
$(".print").click(function () {
    var axx = $(this).attr("href");
    print_click(axx);
    return false;
})

var numberWithCommas = function (convertx) {
    return convertx.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
};
//web control
var WebControl = WebControl || {};

WebControl.loadmore_params = function () {
    return {
        type: '24h',
        keyword: '',
        publisherId: 0,
        channelId: 0,
        eventId: 0
    };
}
WebControl.loadmore2_params = function () {
    return {
        type: '24h',
        keyword: '',
        publisherId: 0,
        channelId: 0,
        eventId: 0
    };
}
WebControl.isLoading = false;
WebControl.initChannelPage = function () {
    if (WebControl.isLoading)
        return false;
    var $load_more_count = 0;
    var loadMore = function () {
        var _data = WebControl.loadmore_params();
        $('.loading_img').show();
        $('#load_more').hide();
        let url = `/api/getMoreArticle/${_data.type}_${_data.keyword === '' ? 'empty' : decodeHtmlEntity(_data.keyword)}_${_data.publisherId}_${_data.channelId}_${_data.eventId}`;
        $.ajax({
            url: url,
            type: "get",
            success: function (data) {
                $.each(data, function (idx, art) {
                    $('.loadAjax:first').append('<li class="loadArticle" pid="' + art.PublisherId + '">'
                        + '<div class="b-grid">'
                        + '<div class="b-grid__img"><a href="' + art.LinktoMe2 + '"><img src="' + (art.Thumbnail === "" ? "https://asset.1cdn.vn/mtg/css/Pic/placeholder-image10.jpg" : art.Thumbnail_540x360) + '" alt="' + art.Title + '" title="' + art.Title + '" /></a></div>'
                        + '<div class="b-grid__content">'
                        + '<div class="b-grid__row"><h3 class="b-grid__title"><a href="' + art.LinktoMe2 + '" title="' + art.Title + '">' + art.Title + '</a></h3></div>'
                        + '<div class="b-grid__row h-show-pc">'
                        + '<span class="b-grid__time">'+art.TimeX+'</span>'
                        + '<a class="b-grid__cat" href="' + art.LinkToChannel + '">' + art.NameChannel + '</a>'
                        + '</div>'
                        + '<div class="b-grid__row b-grid__desc">' + art.HeadlinesCutOff3 + '</div>'
                        + '</div>'
                        + '</div><!-- b-grid -->'
                        + '</li>');
                });
                $('.loading_img').hide();
                if (data.length > 0) {
                    $('#load_more').show();
                }
                WebControl.isLoading = false;
            }
        })

    }

    $('#load_more').click(function () {
        loadMore();
        return false;
    });

    // scroll for loadmore
    $(window).scroll(function () {
        if ($(window).scrollTop() === $(document).height() - $(window).height()) {
            if ($load_more_count < 3) {
                loadMore();
                $load_more_count++;
            }
        }
    });
}
WebControl.CommentDetailPage = function () {
    var $publisherId = WebControl.PublisherId;
    var $parentId = 0;
    var $sort_by = 'like';
    var $row_num = 0;

    var $load_comment_first = true;

    var $cmt_name = '';
    var $cmt_email = '';
    var $cmt_content = '';
    var $cmt_parentId = '';

    var $FriendlyName = WebControl.FriendlyName;
    var $f_share = WebControl.f_share;
    var $g_share = WebControl.g_share;

    var loadComments = function () {
        let url = `/api/getcomment/${$publisherId}_${$parentId}_${$sort_by}_${$row_num}`;
        $.ajax({
            url: url,
            type: "get",
            success: function (data) {

                ////console.log(data);

                //$('.box-comment .bc-content').html('');
                $.each(data, function (idx, cmt) {
                    //console.log('load parent');
                    //console.log(cmt);

                    if ($sort_by == 'like') {
                        $sort_like = cmt.Liked;
                    }
                    else {
                        $sort_date = cmt.CreatedAt;
                    }
                    $('.contentCC:last').append('<div class="b-grid itemboxC" row_num="' + cmt.RowNum + '"><div class="b-grid__content" parentid="' + cmt.CommentId + '">'
                        + '<div class="b-grid__row"><span class="b-grid__title">' + cmt.Name + '</span> - <span class="b-grid__time">' + convertJsonDate(cmt.CreatedAt) + '</span></div>'
                        +   '<div class="b-grid__row b-grid__desc" id="cmt' + cmt.CommentId + '">'
                        +           cmt.Content
                        +       '</div>'
                        +       '<div class="b-grid__row">'
                        +           '<span class="b-grid__anwser tl-reply">Trả lời</span>'
                        + '<span class="b-grid__like like" id="' + cmt.CommentId + '"><i class="icon16-heart"></i>Thích <span class="likeCount">' + cmt.Liked + '</span>'
                        +           '<a class="b-grid__share" href="' + $f_share + '#cmt-' + cmt.CommentId + '"><i class="icon24-facebook"></i>Chia sẻ</a>'
                        +       '</div>'
                        +       '<div class="c-comment-input comment-reply hidden">'
                        +           '<div class="form-group">'
                        +               '<textarea class="form-control txt-content" name="" placeholder="Vui lòng nhập tiếng việt có dấu"></textarea>'
                        +               '<label class="control-label help-block"><em></em></label> <br />'
                        +               '<a href="javascript:void(0)" class="btnSend btn-send-comment" parentid="' + cmt.CommentId + '">Gửi bình luận</a>'
                        +               '<span> </span>'
                        +               '<a class="btn-close-comment" href="javascript:void(0)" parentid="0">Đóng</a>'
                        +           '</div>'
                        +       '</div>'
                        + '<div class="b-grid__sub itemboxC">'
                        + '</div>'
                        +'</div>'
                        + '</div>'
                        + '</div><!-- b-grid -->');
                    if (cmt.ChildComment.length > 0) {
                        //$('.itemboxC:last').after('<div class="itemBox tl"></div>');
                    }
                    $.each(cmt.ChildComment, function (idx2, cmt2) {
                        //console.log(cmt2);
                        $('.itemboxC:last').append('<div class="b-grid itemboxC" row_num="' + cmt.RowNum + '"><div class="b-grid__content" parentid="' + cmt.CommentId + '">'
                            + '<div class="b-grid__row"><span class="b-grid__title">' + cmt2.Name + '</span> - <span class="b-grid__time">' + convertJsonDate(cmt2.CreatedAt) + '</span></div>'
                            + '<div class="b-grid__row b-grid__desc" id="cmt' + cmt2.CommentId + '">'
                            + cmt2.Content
                            + '</div>'
                            + '<div class="b-grid__row">'
                            + '<span class="b-grid__anwser tl-reply">Trả lời</span>'
                            + '<span class="b-grid__like like" id="' + cmt2.CommentId + '"><i class="icon16-heart"></i>Thích <span class="likeCount">' + cmt2.Liked + '</span></span>'
                            + '<a class="b-grid__share" href="' + $f_share + '#cmt-' + cmt2.CommentId + '"><i class="icon24-facebook"></i>Chia sẻ</a>'
                            + '</div>'
                            + '<div class="c-comment-input comment-reply hidden">'
                            + '<div class="form-group">'
                            + '<textarea class="form-control txt-content" name="" placeholder="Vui lòng nhập tiếng việt có dấu"></textarea>'
                            + '<label class="control-label help-block"><em></em></label> <br />'
                            + '<a href="javascript:void(0)" class="btnSend btn-send-comment" parentid="' + cmt.CommentId + '">Gửi bình luận</a>'
                            + '<span> </span>'
                            + '<a class="btn-close-comment" href="javascript:void(0)" parentid="0">Đóng</a>'
                            + '</div>'
                            + '</div>'
                            + '</div>'
                            + '</div>'
                            + '</div><!-- b-grid -->');
                    })
                    // $('.box-comment .bc-content').append($comt)
                    if (cmt.ChildComment.length == 3) {
                        $('.box-comment .bc-content').find('.ci-sub:last').append('<div class="bc-more"><a href="#" class="comment-load-more-child small">Xem thêm...</a></div> ')
                    }
                });

                //first run
                if ($load_comment_first) {
                    if (data.length > 0) {
                        $('.box-comment .no-comment').addClass('hidden');
                        $('.box-comment .parent-load-more').removeClass('hidden');
                    } else {
                        $('.box-comment .no-comment').removeClass('hidden');
                        $('.box-comment .parent-load-more').addClass('hidden');
                    }

                    var $target = $(window.location.hash);
                    if ($target != null && $target != undefined && $target.offset() != undefined) {
                        $('html, body').stop().animate({
                            'scrollTop': $target.offset().top
                        }, 500, 'swing', function () { });
                    }
                    $load_comment_first = false;
                }

                //waitingDialog.hide();
            },
        });


    }
    var sendComment = function () {
        var name = $.trim($cmt_name);
        var email = $.trim($cmt_email);
        var content = $.trim($cmt_content).replace(/\r\n|\r|\n/g, "<br/>");
        $.ajax({
            url: "/api/addcomment",
            type: "post",
            data: { p: $cmt_parentId, a: $publisherId, n: name, e: email, c: content },
            success: function (data) {
                //console.log(data);
                data = JSON.parse(data);
                if (data.errorCode == 2) {
                    alert('Bạn phải chờ sau 1 phút sau mới được tiếp tục gửi ý kiến !');
                } else {
                    $('.txt-content').val('');
                    $('#txtName').val('');
                    $('#txtEmail').val('');
                    $('.form').removeClass('has-error');
                    $('.comment-item').find('.bc-input').addClass('hidden');
                    $('.popUp.binhLuan').removeClass('active');
                    $('.comment-reply').addClass('hidden');
                    var $target_message = $('.commentForms');
                    $('.message').removeClass('hidden');
                    $('html, body').stop().animate({
                        'scrollTop': $target_message.offset().top - 10
                    }, 300, 'swing', function () { });
                }

            },
        });

    }

    var share_click = function (url) {
        var width = 575, height = 400,
            left = (document.documentElement.clientWidth / 2 - width / 2),
            top = (document.documentElement.clientHeight - height) / 2,
            opts = 'status=1,resizable=yes' +
                ',width=' + width + ',height=' + height +
                ',top=' + top + ',left=' + left;
        win = window.open(url, '', opts);
        win.focus();
        return win;
    }

    //load first top comment
    loadComments();
    $('li.comment-sort-by-like').click(function () {
        if ($(this).hasClass('active'))
            return false;
        $('li.comment-sort-by-newest').removeClass('active');
        $(this).addClass('active');

        $sort_by = 'like';
        $row_num = 0;

        //waitingDialog.show();
        $('.contentCC').html('');
        loadComments();

        return false;
    });
    $('li.comment-sort-by-newest').click(function () {
        if ($(this).hasClass('active'))
            return false;
        $('li.comment-sort-by-like').removeClass('active')
        $(this).addClass('active');

        $sort_by = 'date';
        $row_num = 0;

        //waitingDialog.show();
        $('.contentCC').html('');
        loadComments();

        return false;
    });

    $('.c-comments').on('click', '.like', function () {
        var _commentId = $(this).attr('id');
        var aaa = $(this);
        var like_val = aaa.find('.likeCount').text(); 
        let url = `/api/addlikecomment/${_commentId}`;
        $.ajax({
            url: url,
            type: "get",
            success: function (data) {
                data = JSON.parse(data);
                if (data.errorCode == 0) {
                    $(this).addClass('active');

                    aaa.find('.likeCount').html((parseInt(like_val) + 1).toString());
                    alert('Like thành công, sau vài phút ý kiến sẽ được cập nhật số lượng like !');
                    aaa.removeClass('like');
                    return false;
                }
                else if (data.errorCode == 2) {
                    alert('Bạn phải chờ sau 1 phút sau mới được tiếp tục like ý kiến !');
                    return false;
                }
            },
        })
    });
    $('.c-comments').on('click', '.tl-reply', function () {
        var _commentId = $(this).closest('.b-grid__content').attr('parentid'); 
        $parentId = _commentId;
        //show commentbox
        $(this).closest('.b-grid__content').find('.comment-reply:first').removeClass('hidden');
        return false;
    });
    $('.c-comments').on('click', '.btn-close-comment', function () {
        $(this).closest('.comment-reply').addClass('hidden');
        return false;
    });
    //send click
    $('.c-comments').on('click', '.btnSend', function () {
        var $txtContent = $(this).closest('.c-comment-input').find('.txt-content:first');
        $cmt_content = $txtContent.val();
        $cmt_parentId = $(this).attr('parentid');
        $txtContent.closest('.c-comment-input').removeClass('has-error');
        $txtContent.closest('.c-comment-input').find('em').html('');
        if ($cmt_content.length == 0) {
            $txtContent.closest('.c-comment-input').addClass('has-error').find('em').html('Bạn chưa nhập nội dung ý kiến !');
            $('.txt-content').focus();
            return false;
        } else if ($cmt_content.length < 10) {
            $txtContent.closest('.c-comment-input').addClass('has-error').find('em').html('Nội dung ý kiến quá ngắn !');
            return false;
        } else if ($cmt_content.length > 1000) {
            $txtContent.closest('.c-comment-input ').addClass('has-error').find('em').html('Nội dung ý kiến quá dài !');
            return false;
        }
        //show input author
        $('.popUp.binhluancomment').addClass('active');
        return false;
    });

    $('.btnSendComment').on('click', (function () {
        var $txtName = $('#txtName');
        var $txtEmail = $('#txtEmail');

        $cmt_name = $.trim($txtName.val());
        $cmt_email = $.trim($txtEmail.val());
        $('#binhluanmodal').find('.form').removeClass('has-error');
        $('#binhluanmodal').find('em').html('');
        if ($cmt_name.length == 0) {
            $txtName.closest('.box').addClass('has-error').find('em').html('Bạn chưa nhập họ và tên !');
            return false;
        } else if ($cmt_email.length == 0) {
            $txtEmail.closest('.box').addClass('has-error').find('em').html('Bạn chưa nhập địa chỉ email !');
            return false;
        }
        //send comment
        sendComment();
        return false;
    }));

    //load more comment
    $('.c-comments').on('click', '.comment-load-more', function () {
        $parentId = 0;
        $row_num = $('.b-grid.itemboxC:last:last').attr('row_num');
        loadComments();

        return false;
    });
    // ++++++ load comment con //
    $('.box-comment').on('click', '.comment-load-more-child', function () {

        var that = this;
        $parentId = $(this).closest('.ci-sub').attr('parentid');
        $row_num = $(this).closest('.ci-sub').find('.comment-item:last').attr('row_num');

        //waitingDialog.show();
        $.ajax({
            url: "/api/getcomment",
            type: "post",
            data: { publisherid: $publisherId, parentid: $parentId, sort_by: $sort_by, row_num: $row_num },
            success: function (data) {
                //console.log(data);
                $.each(data, function (idx2, cmt2) {
                    //console.log(cmt2);
                    $(that).before(''
                        + '<div class="comment-item  grid" id="' + cmt2.CommentId + '" row_num="' + cmt2.RowNum + '">'
                        + '<div class="img"><a href="javascript:;"><img src="https://btnmt.onecmscdn.com/assets/img/avatar.jpg" alt="' + cmt2.Name + '"></a></div>'
                        + '<div class="g-content">'
                        + '     <div class="ci-row g-row" id="cmt-' + cmt2.CommentId + '"><span class="ci-name g-title">' + cmt2.Name + '</span> - <span class="ci-time">' + formatJSONDate(cmt2.CreatedAt) + '</span></div>'
                        + '     <div class="ci-row g-row">'
                        + '          ' + cmt2.Content + ''
                        + '     </div>'
                        /////
                        //+ '<div class="comment-item" id="' + cmt2.CommentId + '" row_num="' + cmt2.RowNum + '">'
                        //+ ' <div class="ci-row" id="cmt-' + cmt2.CommentId + '"><span class="ci-name">' + cmt2.Name + '</span> - <span class="ci-time">' + formatJSONDate(cmt2.CreatedAt) + '</span></div>'
                        //+ '     <div class="ci-row">'
                        //+ '      ' + cmt2.Content + ''
                        //+ '      </div>'
                        + '     </div>'
                        + '     <div class="g-row">'
                        + '             <span class="g-count btn-like"><i class="fa fa-thumbs-o-up"></i>' + cmt2.Liked + ' Thích</span>'
                        + '             <span class="g-comment btn-answer"><i class="fa fa-comments"></i>Trả lời</span>'
                        + '     </div>'
                        + ' </div>'
                        + '</div>');
                    //////////////////////
                    //+ '  <div class="ci-row">'
                    //+ '   <a class="btn-like" href="#">Thích <span>' + cmt2.Liked + '</span></a>'
                    //+ '   <a class="btn-share social-share" href="' + $f_share + '#cmt-' + cmt2.CommentId + '" target="_blank"><i class="share-facebook"></i></a>'
                    //+ '   <a class="btn-share social-share" href="' + $g_share + '#cmt-' + cmt2.CommentId + '" target="_blank"><i class="share-google-plus"></i></a>'
                    //+ '  </div>'
                    //+ '</div>');
                })
                //waitingDialog.hide();
            }
        })

        return false;
    });

    $('.box-news').on('click', 'a.social-share', function () {
        var url = $(this).attr('href');
        share_click(url);
        return false;
    });


}
WebControl.Answer = function () {
    var $publisherId = WebControl.PublisherId;
    var LABEL_CORRECT = ["Bạn là thần đồng", "Bạn rất xuất sắc", "Kiến thức của bạn không tồi", "Bạn có thể làm tốt hơn thế"];
    var t = $("<p>", { id: "quiz_result" }).html("<span class='message'>Hãy trả lời các câu hỏi để biết kết quả của bạn</span>");
    if ($('.quiz-caption').length > 0) {
        $(".leftDetail .description").append(t);
    }

    var a = $(".quiz ul").length;
    $("#quiz_total").html(a);
    var s = 0,
        e = 0;
    var sendTraloicauhoi = function () {
        var name = $.trim($cmt_name);
        var email = $.trim($cmt_email);
        var Traloi = $('.correct.selected').length + "/" + $('.description .quiz').length;
        $.ajax({
            url: "/api/sendAnswer",
            type: "post",
            data: { p: $publisherId, n: name, e: email, t: Traloi },
            success: function (data) {
                //console.log(data);
                data = JSON.parse(data);
                if (data.errorCode == 2) {
                    alert('Bạn phải chờ sau 1 phút sau mới được tiếp tục gửi ý kiến !');
                } else {
                    var $target_message = $('.messagetl');
                    $target_message.removeClass('hidden');
                    $('html, body').stop().animate({
                        'scrollTop': $('.formComment').offset().top
                    }, 300, 'swing', function () { });

                }
                $('.ketquatraloi #txtName').val('');
                $('.ketquatraloi #txtEmail').val('');
                $('.ketquatraloi .form').removeClass('has-error');
                $('.popUp.ketquatraloi').removeClass('active');
                $('#traloiketqua').css({ "display": "none" });
            }
        });

    };
    $(".quiz li strong").each(function (t, a) {
        $(a).parents("  li").addClass("correct");
    })
    $(".quiz li").on("click", function (n) {
        n.preventDefault();

        var i = $(this).parents(".quiz");
        if (!i.hasClass("answered")) {
            if (e++, $(this).hasClass("correct") && s++, e == a) {
                t.append('<span id="correct">' + s + '</span><span id="total">' + a + "</span>");
                var c = 100 * s / a;
                100 == c ? t.find(".message").html(LABEL_CORRECT[0]) : c >= 80 ? t.find(".message").html(LABEL_CORRECT[1]) : c >= 50 ? t.find(".message").html(LABEL_CORRECT[2]) : t.find(".message").html(LABEL_CORRECT[3])
                $('#quiz_result').append('<span id="traloiketqua">Gửi kết quả trả lời</span>');
            }
            i.addClass("answered"), $(this).addClass("selected");
            $("#traloiketqua").on("click", function (n) {
                n.preventDefault();
                $('.popUp.ketquatraloi').addClass('active');
                $(".ketquatraloi").find('.kqtl').html('<span id="correct">' + $('.correct.selected').length + '</span><span id="total">' + $('.description .quiz').length + "</span>");
                return false;
            });
            $(".btnTraloicauhoi").off('click').on("click", function () {
                var $txtName = $('.ketquatraloi #txtName');
                var $txtEmail = $('.ketquatraloi #txtEmail');
                $cmt_name = $.trim($txtName.val());
                $cmt_email = $.trim($txtEmail.val());
                $('#binhluanmodal').find('.form').removeClass('has-error');
                $('#binhluanmodal').find('em').html('');
                if ($cmt_name.length == 0) {
                    $txtName.closest('.box').addClass('has-error').find('em').html('Bạn chưa nhập họ và tên !');
                    return false;
                } else if ($cmt_email.length == 0) {
                    $txtEmail.closest('.box').addClass('has-error').find('em').html('Bạn chưa nhập địa chỉ email !');
                    return false;
                }
                //send comment
                sendTraloicauhoi();
                return false;
            });
        }
    });


};