'use strict';


var getIpInfo = function (ip) {

    return Promise.all([
        $.ajax({
            url: '/api/ip/' + ip + '?json',
            type: 'GET',
            dataType: 'json'
        }),
        $.ajax({
            url: '/api/ipwhois/' + ip + '?json',
            type: 'GET',
            dataType: 'json'
        })
    ]);
};

var modal;
var openModal = function (content, closeButton, onCloseCallback) {
    modal = $('<div id="myModal" class="modal"><div class="modal-content"></div></div>');
    if (closeButton) {
        var cb = $('<div class="close close-modal" aria-label="Close"><span aria-hidden="true">&times;</span></div>');
        $(cb).on('click', function () {
            onCloseCallback && onCloseCallback();
            closeModal();
        });
        modal.find('.modal-content').append(cb);
    }
    modal.find('.modal-content').append(content);
    $('body').append(modal);
    modal.show();
};

var closeModal = function () {
    modal.remove();
};


var startSpinner = function (el) {
    var spinner = document.createElement('div');
    spinner.className = 'spinner-wrapper';
    spinner.innerHTML = '<div class="spinner"></div>';
    spinner.firstChild.innerHTML = '<div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div>';
    el.prepend(spinner);
};

var stopSpinner = function (el) {
    el.find('.spinner-wrapper').remove();
};


var bindIpModal = function (link) {
    var ip = link.html();
    var content = $('<div></div>');

    content.append('<h2>IP: ' + ip + '</h2>');
    content.append('<div class="inner-content"></div>');

    var ic = content.find('.inner-content');

    link.on('click', function (event) {
        event.preventDefault();

        startSpinner(ic);

        getIpInfo(ip).then(function (resp) {

            var keyLabel = {
                as: 'AS',
                attacks: 'Targets',
                as_name: 'AS Name',
                country: 'Country',
                hostname: 'Hostname',
                count: 'Reports',
                maxdate: 'Most Recent Report',
                mindate: 'First Reported',
                network: 'Network',
                updated: 'Updated'
            }

            var table = $('<Table><tbody></tbody></Table>');
            var body = table.find('tbody');
            var i = 0;
            $.each($.extend(resp[0]['ip'], resp[1]['ipwhois']), function (key, value) {
                var className  = i % 2 === 0 ? 'evenrow' : 'oddrow';
                if (typeof keyLabel[key] !== 'undefined') {
                    body.append(
                        '<tr class="' + className + '"><td>' + keyLabel[key] + ': </td><td>' + (value || '- none -') + '</td></tr>'
                    )
                    i++;
                }
            });
            ic.append(table);
        }).catch(function () {
            ic.append('<p>Unable to fetch IP info. Please try again later.</p>');
        }).finally(function () {
            ic.append(
                '<div style="text-align: right;"><a href="proxy.php?url=https%3A%2F%2Fisc.sans.edu%2Fipinfo.html%3Fip%3D" + ip + '">Go to info: ' + ip + '</a></div>'
            );
            stopSpinner(ic);
        });
        openModal(content, true, function () {
            ic.empty()
        });
    });
};

$('.ip-modal').each(function (i, link) {
    bindIpModal($(link));
});