var moment = require('moment');
require('moment-timezone');

/**
 * Extract the ID of the currently displayed widget from URL.
 */
function getIdFromUrl(url) {
    try {
        var match = url.match(/\/outbound\/(\d+)/);
        if (match) {
            return parseInt(match[1], 10);
        }
    } catch (e) { }

    return null;
}

/**
 * Returns the perceived brightness of a color value in #rrggbb format,
 * as a number from 0-1.
 */
function getLuminance(color) {
    if (!color) {
        color = '#ffffff';
    }

    var r = parseInt(color.slice(1, 3), 16),
        g = parseInt(color.slice(3, 5), 16),
        b = parseInt(color.slice(5, 7), 16);
    return (0.2126*r + 0.7152*g + 0.0722*b) / 0xff;
}

function idToPropertyName(id, prefix) {
    if (prefix === undefined) {
        prefix = 'widget';
    }
    if (prefix) {
        id = id.replace(new RegExp(`^${prefix}-`), '');
    }
    return id.replace(/-[a-z0-9]/g, (x) => x.slice(1).toUpperCase());
}

function propertyNameToId(propertyName, prefix) {
    if (prefix === undefined) {
        prefix = 'widget';
    }
    var result = propertyName.replace(/[A-Z0-9]/g, (x) => '-' + x.toLowerCase());
    if (prefix) {
        result = `${prefix}-` + result;
    }
    return result;
}

function time12to24h(time) {
    return moment(time, 'h:mm A').format('HH:mm:ss');
}

function time24to12h(time) {
    return moment(time, 'HH:mm:ss').format('h:mm A');
}

/**
 * Formats a US telephone number for display.
 */
function formatNumber(phoneNumber) {
    if (!phoneNumber)
        return phoneNumber;
    var onlyNumbers = phoneNumber.replace(/[^0-9]/g, '');
    if (onlyNumbers.length != 11 || onlyNumbers[0] != '1') {
        return phoneNumber;
    }
    return '+1-' + onlyNumbers.substr(1, 3) + '-' + onlyNumbers.substr(4, 3) + '-' +
        onlyNumbers.substr(7);
}

/**
 * The equivalent of str.format from Python
 */
function format(formatString, ...args) {
    return formatString.replace(/{(\d+)}/g, function(match, n) {
        return (args.length > n) ? args[n] : match;
    });
}

/**
 * Tries to guess the user's timezone
 * Returns a text string, e.g. 'Europe/Berlin'
 */
function guessTimezone() {
    var timeZone = '';

    if (Intl && Intl.DateTimeFormat) {
        timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
    }

    if (moment.tz.zone(timeZone)) {
        return timeZone;
    }
    return moment.tz.guess();
}

/**
 * Defer the execution of 'callback' until the image has loaded.
 */
function afterImageLoad(imageUrl, callback) {
    if (!imageUrl) {
        return callback();
    }

    var image = new Image(),
        // If the image doesn't load after 3 seconds,
        // run callback anyway
        timeout = setTimeout(() => {
            image.onload = null;
            document.head.removeChild(image);
            callback();
        }, 3000);

    image.onload = () => {
        clearTimeout(timeout);
        document.head.removeChild(image);
        callback();
    };
    image.style.visibility = 'hidden';
    document.head.appendChild(image);
    image.src = imageUrl;
}

/**
 * Tries to detect a mobile browser. Courtesy of http://detectmobileprowsers.com/
 */
function isMobileDevice() {
    var a = navigator.userAgent || navigator.vendor || window.opera;
    if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) {
        return true;
    }

    return false;
}

function flash(message, category) {
    var icon = 'notifications';

    if (!message) {
        return;
    }
    if (!category) {
        category = 'danger';
    }
    switch (category) {
        case 'danger':
            icon = 'error';
            break;
        case 'warning':
            icon = 'warning';
            break;
    }
    $.notify({message: message, icon: icon}, {type: category});
}

/*function createFlashMsg($container, message, status, type) {
    var $flashMsgContainer = $('#flash-messages');
    var $alertContainer = $('#flash-messages .'+type+'.alert');
    if (!$flashMsgContainer[0]) {
        $container.before('<div id="flash-messages">'+
                          '<div class="'+type+' alert alert-'+status+'" role="alert">'+
                            `${message}` +
                          '</div>'+
                    '</div>');
    } else if(!$alertContainer[0]) {
        $flashMsgContainer.append('<div class="'+type+' alert alert-'+status+'" role="alert">'+
                            `${message}` +
                          '</div>')
    } else {
        $alertContainer.html(`${message}`);
    }
}*/

// tagged function. sample from MDN
function template(strings, ...keys) {
  return (function(...values) {
    var dict = values[values.length - 1] || {};
    var result = [strings[0]];
    keys.forEach(function(key, i) {
      var value = Number.isInteger(key) ? values[key] : dict[key];
      result.push(value, strings[i + 1]);
    });
    return result.join('');
  });
}

function showConfirm(options) {
    const template   =  '<div class="modal fade" tabindex="-1" role="dialog">'+
                          '<div class="modal-dialog" role="document">'+
                            '<div class="modal-content">'+
                              '<div class="modal-header">'+
                                '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>'+
                                '<h4 class="modal-title">' + options.title + '</h4>'+
                              '</div>'+
                              '<div class="modal-body">'+
                                options.body +
                              '</div>'+
                              '<div class="modal-footer">'+
                                '<button type="button" class="btn btn-default no" data-dismiss="modal">No</button>'+
                                '<button type="button" class="btn btn-primary yes">Yes</button>'+
                              '</div>'+
                            '</div>'+
                          '</div>'+
                        '</div>';
    let $view = $(template);

    $view.find('.btn.yes').on('click.confirm', (e) => {
        if(options.yesCb) options.yesCb();
        $view.modal('hide');
    });

    $view.find('.btn.no').on('click.confirm', (e) => {
        if(options.noCb) options.noCb();
        $view.modal('hide');
    });

    $view.modal({
        show: true,
    }).on('hidden.bs.modal', function (e) {
      $view.find('.btn').off('click.confirm');
    });
}

function createFlashMsg($container, message, status, type) {
    var $flashMsgContainer = $('#flash-messages');
    var $alertContainer = $('#flash-messages .'+type+'.alert');
    if (!$flashMsgContainer[0]) {
        $container.before('<div id="flash-messages">'+
                          '<div class="'+type+' alert alert-'+status+'" role="alert">'+
                            `${message}` +
                          '</div>'+
                    '</div>');
    } else if(!$alertContainer[0]) {
        $flashMsgContainer.append('<div class="'+type+' alert alert-'+status+'" role="alert">'+
                            `${message}` +
                          '</div>')
    } else {
        $alertContainer.html(`${message}`);
    }
}

module.exports = {
    getIdFromUrl,
    getLuminance,
    idToPropertyName,
    propertyNameToId,
    time12to24h,
    time24to12h,
    guessTimezone,
    afterImageLoad,
    isMobileDevice,
    flash,
    formatNumber,
    format,
    template,
    showConfirm,
    createFlashMsg
};