/*
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 *  @author PrestaShop SA <contact@prestashop.com>
 *  @copyright  2007-2017 PrestaShop SA
 *  @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 *  International Registered Trademark & Property of PrestaShop SA
 */

// This variables are defined in the dashboard view.tpl
// dashboard_ajax_url
// adminstats_ajax_url
// no_results_translation
// dashboard_use_push
// read_more

function refreshDashboard(module_name, use_push, extra) {
    var module_list = [];
    this.getWidget = function(module_id) {
        $.ajax({
            url: dashboard_ajax_url,
            data: {
                ajax: true,
                action: 'refreshDashboard',
                module: module_list[module_id],
                dashboard_use_push: Number(use_push),
                extra: String(extra)
            },
            // Ensure to get fresh data
            headers: { "cache-control": "no-cache" },
            cache: false,
            global: false,
            dataType: 'json',
            success: function(widgets) {
                for (var widget_name in widgets) {
                    for (var data_type in widgets[widget_name]) {
                        window[data_type](widget_name, widgets[widget_name][data_type]);
                    }
                }
                if (parseInt(dashboard_use_push) === 1) {
                    refreshDashboard(false, true);
                }
            },
            contentType: 'application/json'
        });
    };
    if (module_name === false) {
        $('.widget').each(function() {
            module_list.push($(this).attr('id'));
            if (!use_push) {
                $(this).addClass('loading');
            }
        });
    } else {
        module_list.push(module_name);
        if (!use_push) {
            $('#' + module_name + ' section').each(function() {
                $(this).addClass('loading');
            });
        }
    }
    for (var module_id in module_list) {
        if (use_push && !$('#' + module_list[module_id]).hasClass('allow_push')) {
            continue;
        }
        this.getWidget(module_id);
    }
}

function setDashboardDateRange(action) {
    $('#datepickerFrom, #datepickerTo').parent('.input-group').removeClass('has-error');
    var data = 'ajax=true&action=setDashboardDateRange&submitDatePicker=true&' + $('#calendar_form').serialize() + '&' + action + '=1';
    $.ajax({
        url: adminstats_ajax_url,
        data: data,
        dataType: 'json',
        type: 'POST',
        success: function(jsonData) {
            if (!jsonData.has_errors) {
                refreshDashboard(false, false);
                $('#datepickerFrom').val(jsonData.date_from);
                $('#datepickerTo').val(jsonData.date_to);
            } else {
                $('#datepickerFrom, #datepickerTo').parent('.input-group').addClass('has-error');
            }
        }
    });
}

function data_value(widget_name, data) {
    for (var data_id in data) {
        $('#' + data_id + ' ').html(data[data_id]);
        $('#' + data_id + ', #' + widget_name).closest('section').removeClass('loading');
    }
}

function data_trends(widget_name, data) {
    for (var data_id in data) {
        this.el = $('#' + data_id);
        this.el.html(data[data_id].value);
        if (data[data_id].way === 'up') {
            this.el.parent().removeClass('dash_trend_down').removeClass('dash_trend_right').addClass('dash_trend_up');
        } else if (data[data_id].way === 'down') {
            this.el.parent().removeClass('dash_trend_up').removeClass('dash_trend_right').addClass('dash_trend_down');
        } else {
            this.el.parent().removeClass('dash_trend_down').removeClass('dash_trend_up').addClass('dash_trend_right');
        }
        this.el.closest('section').removeClass('loading');
    }
}

function data_table(widget_name, data) {
    for (var data_id in data) {
        //fill header
        var tr = '<tr>';
        for (var header in data[data_id].header) {
            var head = data[data_id].header[header];
            var th = '<th ' + (head.class ? ' class="' + head.class + '" ' : '') + ' ' + (head.id ? ' id="' + head.id + '" ' : '') + '>';
            th += (head.wrapper_start ? ' ' + head.wrapper_start + ' ' : '');
            th += head.title;
            th += (head.wrapper_stop ? ' ' + head.wrapper_stop + ' ' : '');
            th += '</th>';
            tr += th;
        }
        tr += '</tr>';
        $('#' + data_id + ' thead').html(tr);

        //fill body
        $('#' + data_id + ' tbody').html('');

        if (typeof data[data_id].body === 'string') {
            $('#' + data_id + ' tbody').html('<tr><td class="text-center" colspan="' + data[data_id].header.length + '"><br/>' + data[data_id].body + '</td></tr>');
        } else if (data[data_id].body.length) {
            for (var body_content_id in data[data_id].body) {
                tr = '<tr>';
                for (var body_content in data[data_id].body[body_content_id]) {
                    var body = data[data_id].body[body_content_id][body_content];
                    var td = '<td ' + (body.class ? ' class="' + body.class + '" ' : '') + ' ' + (body.id ? ' id="' + body.id + '" ' : '') + '>';
                    td += (body.wrapper_start ? ' ' + body.wrapper_start + ' ' : '');
                    td += body.value;
                    td += (body.wrapper_stop ? ' ' + body.wrapper_stop + ' ' : '');
                    td += '</td>';
                    tr += td;
                }
                tr += '</tr>';
                $('#' + data_id + ' tbody').append(tr);
            }
        } else {
            $('#' + data_id + ' tbody').html('<tr><td class="text-center" colspan="' + data[data_id].header.length + '">' + no_results_translation + '</td></tr>');
        }
    }
}

function data_chart(widget_name, charts) {
    for (var chart_id in charts) {
        window[charts[chart_id].chart_type](widget_name, charts[chart_id]);
    }
}

function data_list_small(widget_name, data) {
    for (var data_id in data) {
        $('#' + data_id).html('');
        for (var item in data[data_id]) {
            $('#' + data_id).append('<li><span class="data_label">' + item + '</span><span class="data_value size_s">' + data[data_id][item] + '</span></li>');
        }
        $('#' + data_id + ', #' + widget_name).closest('section').removeClass('loading');
    }
}

function getBlogRss() {
    $.ajax({
        url: dashboard_ajax_url,
        data: {
            ajax: true,
            action: 'getBlogRss'
        },
        dataType: 'json',
        success: function(jsonData) {
            if (typeof jsonData !== 'undefined' && jsonData !== null && !jsonData.has_errors) {
                for (var article in jsonData.rss) {
                    var article_html = '<article><h4><a href="' + jsonData.rss[article].link + '" class="_blank" onclick="return !window.open(this.href);">' + jsonData.rss[article].title + '</a></h4><span class="dash-news-date text-muted">' + jsonData.rss[article].date + '</span><p>' + jsonData.rss[article].short_desc + ' <a href="' + jsonData.rss[article].link + '">' + read_more + '</a><p></article><hr/>';
                    $('.dash_news .dash_news_content').append(article_html);
                }
            } else {
                $('.dash_news').hide();
            }
        }
    });
}

function toggleDashConfig(widget) {
    var func_name = widget + '_toggleDashConfig';
    if ($('#' + widget + ' section.dash_config').hasClass('hide')) {
        $('#' + widget + ' section').not('.dash_config').slideUp(500, function() {
            $('#' + widget + ' section.dash_config').fadeIn(500).removeClass('hide');
            if (window[func_name] != undefined)
                window[func_name]();
        });
    } else {
        $('#' + widget + ' section.dash_config').slideUp(500, function() {
            $('#' + widget + ' section').not('.dash_config').slideDown(500).removeClass('hide');
            $('#' + widget + ' section.dash_config').addClass('hide');
            if (window[func_name] != undefined)
                window[func_name]();
        });
    }
}

function bindSubmitDashConfig() {
    $('.submit_dash_config').on('click', function() {
        saveDashConfig($(this).closest('section.widget').attr('id'));
        return false;
    });
}

function bindCancelDashConfig() {
    $('.cancel_dash_config').on('click', function() {
        toggleDashConfig($(this).closest('section.widget').attr('id'));
        return false;
    });
}

function saveDashConfig(widget_name) {
    $('section#' + widget_name + ' .form-group').removeClass('has-error');
    $('#' + widget_name + '_errors').remove();
    configs = '';

    $('#' + widget_name + ' form input, #' + widget_name + ' form textarea , #' + widget_name + ' form select').each(function() {
        if ($(this).attr('type') === 'radio' && !$(this).attr('checked')) {
            return;
        }
        configs += '&configs[' + $(this).attr('name') + ']=' + $(this).val();
    });

    data = 'ajax=true&action=saveDashConfig&module=' + widget_name + configs + '&hook=' + $('#' + widget_name).closest('[id^=hook]').attr('id');

    $.ajax({
        url: dashboard_ajax_url,
        data: data,
        dataType: 'json',
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            jAlert("TECHNICAL ERROR: \n\nDetails:\nError thrown: " + XMLHttpRequest + "\n" + 'Text status: ' + textStatus);
        },
        success: function(jsonData) {

            if (!jsonData.has_errors) {
                if (in_array(widget_name, ['dashactivity', 'dashproducts'])) {
                    location.reload();
                } else {
                    $('#' + widget_name).find('section').not('.dash_config').remove();
                    $('#' + widget_name).append($(jsonData.widget_html).find('section').not('.dash_config'));
                }
                refreshDashboard(widget_name);
                toggleDashConfig(widget_name);
            } else {
                errors_str = '<div class="alert alert-danger" id="' + widget_name + '_errors">';
                for (error in jsonData.errors) {
                    errors_str += jsonData.errors[error] + '<br/>';
                    $('#' + error).closest('.form-group').addClass('has-error');
                }
                errors_str += '</div>';
                $('section#' + widget_name + '_config header').after(errors_str);
                errors_str += '</div>';
            }
        }
    });
}

$(document).ready(function() {
    $('#calendar_form input[type="submit"]').on('click', function(elt) {
        elt.preventDefault();
        setDashboardDateRange(elt.currentTarget.name);
    });

    refreshDashboard(false, false);
    bindSubmitDashConfig();
    bindCancelDashConfig();

    $('#page-header-desc-configuration-switch_demo').tooltip().click(function(e) {
        $.ajax({
            url: dashboard_ajax_url,
            data: {
                ajax: true,
                action: 'setSimulationMode',
                PS_DASHBOARD_SIMULATION: $(this).find('i').hasClass('process-icon-toggle-on') ? 0 : 1
            },
            success: function(result) {
                if ($('#page-header-desc-configuration-switch_demo i').hasClass('process-icon-toggle-on')) {
                    $('#page-header-desc-configuration-switch_demo i').removeClass('process-icon-toggle-on').addClass('process-icon-toggle-off');
                } else {
                    $('#page-header-desc-configuration-switch_demo i').removeClass('process-icon-toggle-off').addClass('process-icon-toggle-on');
                }
                refreshDashboard(false, false);
            }
        });
    });

    $(document).on('change', '.stats-filter-hotel', function() {
        $('#submit-stats-hotel').removeAttr('disabled');
        $(this).closest('form').submit();
    });
});