var Default = {

    whatsapp: function(number, txt){

        if(!txt) txt = 'Olá, gostaria de falar sobre os planos comerciais da cadastra.ai';

        var platform = 'api';

        if($('body').width() > 600) platform = 'web';

        var link = 'https://' + platform + '.whatsapp.com/send?phone=' + number + '&text=' + txt;

        window.open(link,'_blank');

    }

}

// @todo Verificar eficácia
document.addEventListener('DOMContentLoaded', function(){

    if(typeof Session != 'undefined'){

        let jwt = Session.jwt();

        if(typeof google_tag_manager != 'undefined'){

            if(jwt.id) google_tag_manager['GTM-KG8H5KVV'].dataLayer.set('user_id', jwt.id);
            if(jwt.company_id) google_tag_manager['GTM-KG8H5KVV'].dataLayer.set('company_id', jwt.id);
            if(jwt.mail) google_tag_manager['GTM-KG8H5KVV'].dataLayer.set('user_mail', jwt.mail);
    
        }

        if(jwt.is_master) $('body').addClass('is-master');

        let features = Dashboard.getFeatures();

        if(!features) return;

        if(features['Multi-Users'] !== false) $('body').addClass('multi-users');

    }

});

// Quando um elemento chamado .help com [data-tooltip] fiver um mouseover, o tooltip será exibido
$(document).on('mouseover', '.help[data-tooltip]', function(){

    let tooltip = $(this).attr('data-tooltip');

    tooltip = I18n.get(tooltip);

    if(!tooltip) return;
    
    $(this).find('.js-content').remove();

    // Vamos criar um elemento chamado .js-content dentro, com o conteúdo do tooltip
    $(this).append('<span class="js-content">' + tooltip + '</span>');

    // Vamos pegar a posição do elemento
    let position = $(this).offset();

    let left = position.left;
    let top = position.top;
    let width = $(this).outerWidth();


    let scrollY = $(window).scrollTop();

    // // Ele deve ficar posicionado numa parte visível da tela
    let window_width = $(window).width();
    let window_height = $(window).height();

    let spaceTop = position.top - scrollY;

    let content_width = $(this).find('.js-content').outerWidth();
    let content_height = $(this).find('.js-content').outerHeight();

    let content_left = left - (content_width / 2) + (width / 2);

    if(content_left < 0) content_left = 0;

    let content_top = top - content_height - 10 - scrollY;

    if(content_top < 0) content_top = 0;

    // verrify space in top
    let noSpaceInTop = spaceTop < content_height + 100
    
    if(noSpaceInTop){
        content_top = (top) - scrollY + 15 + 10
    }

    $(this).find('.js-content').css({
        left: content_left,
        top: content_top
    });

    content_top = top -  $(this).find('.js-content').outerHeight() - 10 - scrollY;
        
    if(content_top < 0) content_top = 0;

    noSpaceInTop = spaceTop < $(this).find('.js-content').outerHeight() + 100 
    
    if(noSpaceInTop){
        content_top = (top) - scrollY + 15 + 10
    }

    $(this).find('.js-content').css({
        left: content_left,
        top: content_top
    });

});

// Vamos deixar de exibir o tooltip quando o mouse sair do elemento
$(document).on('mouseout', '.help[data-tooltip]', function(){

    $(this).find('.js-content').remove();

});