/*global _, app, $, window*/
(function () {
    'use strict';
    var button_template = function (obj) {
        var intext = '설치';
        var ecls = 'external-open card-link';
        var button_cls = 'content-button status-button open';
        var domid = obj.product_id.split('.').join('_');
        var result = '<button class="dim-button show-detail" data-product_id="' + obj.product_id + '">자세히</button>';
        if (obj.url) {
            result += '<a href="' + obj.url + '" rel="noreferrer noopener nofollow" target="_blank" class="' + ecls + '">열기</a>';
        } else {
            if (window.mobile_check() === false) {
                result += '<button class="' + button_cls + '"';
                result += ' id="' + domid + '_install_button"';
                result += ' data-button="install"';
                result += ' data-product_id="' + obj.product_id + '"';
                result += ' data-pname="' + obj.product_name + '"';
                result += ' data-build="' + obj.build + '">';
                result += intext + '</button>';
            }
        }

        return result;
    };

    var top_bar = function (obj) {
        var icons = '<div class="icon-wrapper">';
        _.each(obj.type, function (el) {
            if (el === 'desktop') {
                icons += '<span class="icon-font"><i class="fal fa-desktop"></i></span>';
            } else if (el === 'mobile') {
                icons += '<span class="icon-font"><i class="fal fa-mobile-android-alt"></i></span>';
            } else if (el === 'web') {
                icons += '<span class="icon-font"><i class="far fa-browser"></i></span>';
            }
        });
        icons += '</div>';
        return icons;
    };
    var template = function (obj) {
        var spcls = '';
        if (app.memdata.hash.category && obj.category.indexOf(app.memdata.hash.category) === -1) {
            spcls = 'minimize';
        }
        if (app.memdata.hash.type && obj.type.indexOf(app.memdata.hash.type) === -1) {
            spcls = 'minimize';
        }
        var icons = top_bar(obj);
        if (obj.url) {
            icons += '<span class="icon-book" data-product_id="' + obj.product_id + '">';
            icons += '<i class="fal fa-plus-circle"></i></span>';
        }
        var row0 = '';
        row0 += '<div class="app-card ' + spcls + '" data-category="' + obj.category.join(',');
        row0 += '" data-type="' + obj.type.join(',');
        row0 += '" data-product_id="' + obj.product_id + '">';
        var row1 = '';
        row1 += '<span><span style="background-image:url(' + obj.logo_6060 + ')" class="img3030"></span>';
        row1 += obj.name + '</span>';
        var display = 'block';
        if (obj.plan_level <= 1) {
            display = 'none';
        }
        var desc = obj.description;
        if (desc.indexOf('[별도가입]') !== -1) {
            desc = desc.replace('[별도가입]', '<span class="extra-signup">(별도가입)</span>');
        }
        var result = [
            row0, row1,
            '<div class="app-card-subtext">' + desc + '</div>',
            '<div class="app-card-buttons">',
            button_template(obj),
            '</div>',
            app.plugin.update_txt.template(obj),
            icons,
            '<div class="plan-level" style="display:' + display + ';">' + obj.plan_level + '</div>',
            '</div>'
        ];
        return result.join('');
    };
    var available = function () {
        var amap = {};
        _.each(app.memdata.installed, function (el) {
            amap[el.product_id] = el;
        });
        _.each(app.memdata.configs.bookmarked, function (el) {
            amap[el.product_id] = el;
        });
        var html = '';
        _.each(app.memdata.products, function (el) {
            if (amap[el.product_id] === undefined && el.product_id !== 'com.kalecode.kaleplay') {
                html += template(el);
            }
        });
        var temp_html = '';
        temp_html += '<div class="app-card company-info">';
        temp_html += '(주)케일코드 / 대표자 : 조해룡 / 사업자번호 : 605-87-01498 / 통신판매업 신고 : 제 2020-성남분당A-1128호<br>';
        temp_html += 'Copyright 2022. Kalecode Co., Ltd. all rights reserved.';
        temp_html += '</div>';
        var $available = $('#available');
        var oldhtmllen = $available.html().length;
        if (oldhtmllen === 0) {
            $available.html(html + temp_html);
            return false;
        }
        if (oldhtmllen !== html.length) {
            $available.html(html + temp_html);
        }
    };
    app.template.available = available;
}());