(function (window, document) {
    "use strict";

    var jQuery, $;

    function defaultScript(url, callback) {
        var script = document.createElement('script');
        script.setAttribute("type", "text/javascript");
        script.setAttribute("src", url);
        if (typeof callback !== "undefined") {
            if (script.readyState) {
                script.onreadystatechange = function () {
                    if (this.readyState === 'complete' || this.readyState === 'loaded') {
                        callback();
                    }
                };
            } else {
                script.onload = callback;
            }
        }
        (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script);
    }

    function main() {

        $('[id^="add_denkis_app:"]').each(function () {

            var api_key = $(this).data('api-key');
            var client_key = $(this).data('client-key');
            var module = $(this).data('module');
            var widget = $(this).data('widget');
            var add_id = $(this).attr('id').replace('add_denkis_app:', '');

            // version 1.0
            if (module == undefined) {

                var searchParams = new URLSearchParams(window.location.search);
                var settings;
                var get_groups = '';
                var groups = [];
                var get_labels = '';
                var labels = [];
                var dni = '';
                var page_number = 0;
                var limit_page = 0;
                var limit_total = 0;
                var show_pager = 1;
                var show_filter = 1;
                var show_intro = 1;
                var filter_group = 0;
                var filter_label = 0;

                if (typeof $(this).data('limit-page') !== 'undefined') {
                    limit_page = $(this).data('limit-page');
                }

                if (typeof $(this).data('limit-total') !== 'undefined') {
                    limit_total = $(this).data('limit-total');
                }

                if (typeof $(this).data('show-pager') !== 'undefined') {
                    show_pager = $(this).data('show-pager');
                }

                if (typeof $(this).data('show-filter') !== 'undefined') {
                    show_filter = $(this).data('show-filter');
                }

                if (typeof $(this).data('show-intro') !== 'undefined') {
                    show_intro = $(this).data('show-intro');
                }

                if (typeof $(this).data('filter-group') !== 'undefined') {
                    get_groups = $(this).data('filter-group');
                    groups = get_groups.split(',');
                }

                if (searchParams.has('dni')) {
                    dni = searchParams.get('dni');
                }

                if (searchParams.has('page')) {
                    page_number = searchParams.get('page');
                }

                if (searchParams.has('groups')) {
                    get_groups = searchParams.get('groups');
                    groups = get_groups.split(',');
                }
                if (searchParams.has('labels')) {
                    get_labels = searchParams.get('labels');
                    labels = get_labels.split(',');
                }

                $.ajax({
                    url: 'https://dza.denkis.app/s/' + api_key,
                    async: false,
                    cache: false,
                }).done(function (data) {
                    settings = data;
                });

                var request_url = 'https://dza.denkis.app/' + settings.route + '/' + api_key + '/' + dni + '?page=' + page_number + '&groups=' + get_groups + '&labels=' + get_labels + '&limit-page=' + limit_page + '&limit-total=' + limit_total + '&show-pager=' + show_pager + '&show-filter=' + show_filter + '&show-intro=' + show_intro + '&filter-group=' + filter_group + '&filter-label=' + filter_label;

                // iframe variant
                if (settings.disable_ajax == 1) {
                    $(this).append('<iframe id="dnk-add-' + add_id + '" src="' + request_url + '" style="width:100%;border:none;"></iframe>');
                    var position = $(this).position;
                    $(document).ready(function () {
                        iFrameResize({
                            log: false,
                            autoResize: true,
                            heightCalculationMethod: 'taggedElement',
                            checkOrigin: false,
                            inPageLinks: true,
                            resizedCallback: function (info) {
                                scrollTo(position.left, position.top);
                            }
                        }, '#dnk-add-' + add_id + '');
                    });
                }

                // ajax variant
                else {
                    if (typeof ($.fn.popover) == 'undefined' && !window.bootstrap) {
                        $('head').append('<script src="https://kit.fontawesome.com/36b65e9182.js" crossorigin="anonymous"></script>');
                        $('head').append('<link href="https://dza.denkis.app/sites/default/files/client-css/' + api_key + '.css" rel="stylesheet">');

                    }

                    $.get(request_url, function (data) {
                        $(this).append(data);
                    }, "html");

                    $(this).on('click', '.form-radio', function () {
                        console.log('test');
                    })
                }
            }

            // version 2.0
            else {
                var searchParams = new URLSearchParams(window.location.search);

                const params = {}
                for (const key of searchParams.keys()) {
                    params[key] = searchParams.getAll(key).length > 1
                        ? searchParams.getAll(key)
                        : searchParams.get(key)
                }

                $.ajax({
                    url: 'https://dza.denkis.app/a/' + module + '/' + widget + '/' + client_key + '/' + api_key,
                    async: false,
                    cache: false,
                    data: { params: params }
                }).done(function (data) {
                    settings = data;
                });

                if (settings.element == 'iframe') {
                    $(this).append('<iframe id="dnk-add-' + add_id + '" src="' + settings.request_url + '" style="width:100%;border:none;"></iframe>');
                    $(document).ready(function () {
                        iFrameResize({
                            log: false,
                            autoResize: true,
                            heightCalculationMethod: 'taggedElement',
                            checkOrigin: false,
                            inPageLinks: true,
                            /* tijdelijk uit ivm scroll to top in ktm
                            resizedCallback: function (info) {
                                scrollTo(0, 0);
                            }
                            */
                        }, '#dnk-add-' + add_id + '');
                    });
                }

                if (settings.element == 'img') {
                    $(this).append('<img src="' + settings.request_url + '"/>');
                }
            }

            // console.log(api_key);
        });

    }

    defaultScript("https://mijn.zekerklant.nl/files/iframeResizer.min.js");
    defaultScript("https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js", function () {
        $ = jQuery = window.jQuery.noConflict(true);
        main();
    });
}(window, document));