var user_logo_url = '';
var version_crop = 1;
var isOldPage = document.doctype.publicId.indexOf('XHTML') !== -1;

$(function() {
    var nameWrap = $('.ac-userInfo__nameWrap');
    var name = $('.ac-userInfo__name');
    var nameSaveBtn = $('.ac-save-form');
    var open = $('.h-ac__caret');
    var accautWrap = $('.h-accautWrap');

    if (typeof window.CSRF !== 'object') {
        window.CSRF = {
            getParams:  function (form_name) {
                if (typeof form_name === 'string') {
                    var params = {};
                    params.token = $("input[name='" + form_name + "']").val() || "";
                    if (params.token) {
                        params.formName = form_name;
                    } else {
                        params.prefix = 'action__';
                        params.formName = params.prefix + (form_name || "");
                        params.token = $("input[name='" + params.formName + "']").val() ||"";
                    }
                    return params;
                }
                return {};
            },
            errorHandler: function(message) {
                if (typeof message === 'string') {
                    showError(message);
                }
            }
        };
    }

    name.on('click', function () {
        if (($('base').length > 0)) {
            window.location = $('#_LANG').val() + '/account.htm/?op=personal_info#owners-name';
        } else {
            window.isUploaderKeyboardDisabled = true;
            nameWrap.addClass('edit');

            var val_nameWrap = $('#inputUserName').val();
            $('#inputUserName').focus().val('').val(val_nameWrap);
        }
    });
    nameSaveBtn.on('click', function () {
        changeUserName();
    });

    open.on('click', function () {
        accautWrap.toggleClass('open');
    });

    $('body').click(function (event){
        if (nameWrap.hasClass('edit') && nameWrap.is(':visible')){
            if ($(event.target).closest(nameWrap).length) return;

            changeUserName();
        }
        else if (accautWrap.hasClass('open') && accautWrap.is(':visible')) {
            if ($(event.target).closest(accautWrap).length) return;

            accautWrap.removeClass('open');
        }
    });

    $('body').keyup(function (event) {
        if (accautWrap.hasClass('open') && accautWrap.is(':visible')) {
            if (event.keyCode == 27) {
                if (nameWrap.hasClass('edit')) {
                    nameWrap.removeClass('edit');

                    $('#inputUserName').val($.trim($('#inputUserName').data('default')));
                }
                else {
                    accautWrap.removeClass('open');
                }
            }
            else if (event.keyCode == 13 && nameWrap.hasClass('edit')){
                // for ie => fixed blinking cursor in input
                $('#inputUserName').blur();
                changeUserName();
            }
        }

        if ($('#dialog-crop').is(":visible")) {
            if (event.keyCode == 27) {
                if ($('.alert-modal').exists()){
                    $('.alert-modal').find('[data-dismiss=modal-alert]').trigger('click');
                }
                else{
                    jcropShow();
                }
            }
        }
    });

    $('body').on('click', '#edit_user_logo', function(){
        if(isOldPage) {
            jcropShow();
        } else {
            window.location = $('#_LANG').val() + '/account.htm/?op=personal_info#picture';
        }
    });


    if (!$('html').hasClass('ie8')) {
        var $desktopNav = $('.h-nav');
        var slideout;
        var slideoutInit = function(enableTouchNav) {
            slideout = new Slideout({
                'panel': document.getElementById('mobile-panel'),
                'menu': document.getElementById('mobile-menu'),
                'padding': 256,
                'tolerance': 70,
                'side': 'right',
                'touch': enableTouchNav
            });
        };
        var enableTouchNav = function() {
            return !$desktopNav.is(':visible');
        };

        if ($('#mobile-panel').length > 0 && typeof window.SlideoutInit === "undefined") {
            //var iOsOffMenu = ( navigator.userAgent.match(/iPad|iPhone|iPod/) ? false : true );

            slideoutInit(enableTouchNav());
            window.SlideoutInit = true;

            var mobileMenuBtn = document.querySelector('.mobile-menu-btn');
            var mobilePanelClose = document.querySelector('.mobile-panel-close');

            mobileMenuBtn.addEventListener('click', function () {
                slideout.toggle();
            });
            mobilePanelClose.addEventListener('click', function () {
                slideout.close();
            });

            $(window).on('resize', function(){
                slideout.destroy();
                slideoutInit(enableTouchNav());
            });
        }
    }
});

function headerHide(){
    $('.h-accautWrap').removeClass('open');
}

function jcrop() {
    $('.jcrop').Jcrop({
        bgColor:     'black',
        bgOpacity:   .4,
        setSelect:   [ 0, 0, 200, 200 ],
        aspectRatio: 1,
        onSelect: updateCoords
    });
}

function updateCoords(c)
{
    $('#x').val(c.x);
    $('#y').val(c.y);
    $('#w').val(c.w);
    $('#h').val(c.h);
}

function checkCoords()
{
    if (!$('#save_crop_logo').hasClass('disabled')){
        if (parseInt($('#w').val()) > 0){
            $('#img_w').val($('.jcrop-holder').width());
            $('#img_h').val($('.jcrop-holder').height());

            submitCropLogo();
        }
        else{
            modalAlert('attention', 'Please select a crop region then press submit.');
        }
    }

    return false;
}

function jcropShow() {
    if ($('#dialog-crop').is(":visible")) {
        if ($('.jcrop').data('Jcrop')) {
            $('.jcrop').data('Jcrop').destroy();
        }
        uiWinOldClose('crop');
    }
    else {
        headerHide();
        openCropUserLogoDlg();
    }
}

function openCropUserLogoDlg(){
    uiWinOld(
        $('#_LANG').val() + '/header/ajaxGetCropDlg',
        {version_crop: version_crop, baseClass: 'crop', dialogName: 'crop', fullsize: true},
        function(){
            if (user_logo_url.length === 0 && $('img#user_logo_crop').attr('src').indexOf('socava') !== -1) {
                user_logo_url = $('img#user_logo_crop').attr('src').replace(/\?.*$/g, '');
            }
        }
    );

}

function resizeHeight(container) {
    $(container).css({
        position:'absolute',
        top: ($(window).height() - $(container).outerHeight())/2
    });
}

function submitCropLogo(){
    startLoad();
    var csrf = CSRF.getParams('checkCoordsCrop');
    $.postJSON($('#_LANG').val() + '/account/ajaxCropUserLogo?' + $('#checkCoordsCrop').serialize(), {logo_url: user_logo_url, csrf: csrf},
        function(json) {
            stopLoad();
            if (json.result) {
                updateUserLogo(json.logo_url, true);
                user_logo_url = '';
            } else {
                json.hasOwnProperty('csrf') ? modalAlert('attention', json.message) : modalAlert('attention', json.alertMessage);
            }
        }
    );
}

function updateUserLogo(url_logo, is_hide_jcrop){
    url_logo = url_logo || '';
    is_hide_jcrop = is_hide_jcrop || false;

    window.is_user_logo = true;
    $('.default_logo_crop').removeClass('default_logo_crop');

    if ($('.jcrop').data('Jcrop')) {
        $('.jcrop').data('Jcrop').destroy();
    }

    $('#user_logo_crop').removeAttr('style').attr('src', url_logo + '?full=true&v=' + version_crop);

    if (is_hide_jcrop){
        $('#user_logo_thumb').css('background-image', 'none');
        $('#user_logo_thumb_header').css('background-image', 'none');
        setTimeout(function(){
            $('#userphoto').attr('src', url_logo + '?v=' + version_crop);
            $('.h-ac__img').css('background-image', 'url(' + url_logo + '?v=' + version_crop + ')');
            $('#user_logo_thumb_header').css('background-image', 'url(' + url_logo + '?v=' + version_crop + ')');
        }, 500);

        $('#userInfoFromHeader').addClass('userIcon');
        $('#userphoto-delete').removeClass('hide');
    }

    $('#save_crop_logo').removeClass('disabled');

    version_crop++;

    if (is_hide_jcrop){
        stopLoad();
        jcropShow();
    }
    else{
        $('#save_crop_logo, #delete_user_logo').addClass('disabled');
        setTimeout(function(){
            jcrop();
            $('#save_crop_logo, #delete_user_logo').removeClass('disabled');
            stopLoad();
        }, 1000);
    }
}

function deleteUserLogo(){
    if (!$('#delete_user_logo').hasClass('disabled')) {
        startLoad();
        $.postJSON($('#_LANG').val() + '/account/ajaxDeletePicture',
            function (json) {
                stopLoad();
                if (json.result) {
                    modalAlert('info', json.message, {nobtn: true});

                    deleteLogoFromHeader();

                    //and replace settings thumb if needed
                    $('#userphoto').attr("src","/images/uploaded/nophoto.png");
                    $('#userphoto-delete').addClass('hide');
                }
                else {
                    modalAlert('attention', json.message);
                }
            }
        );
    }
    return false;
}

function deleteLogoFromHeader(){
    window.is_user_logo = false;

    if ($('.jcrop').data('Jcrop')) {
        $('.jcrop').data('Jcrop').destroy();
    }

    $('#userInfoFromHeader').removeClass('userIcon');
    $('#save_crop_logo, #delete_user_logo').addClass('disabled');
    $('#user_logo_crop').attr('src', "/img/global/user-photo.jpg").removeAttr('style');
    $('#user_logo_thumb').css('background-image', 'url("/img/header/header-user-icon-default.png")');
    $('#user_logo_thumb_header').css('background-image', 'url("/img/header/header-user-icon-default.png")');

}

function changeUserName(){
    $('.ac-userInfo__nameWrap').removeClass('edit');

    var val = $.trim($('#inputUserName').val());

    var default_val = $.trim($('#inputUserName').data('default'));

    $('#inputUserName').val(default_val);

    if (val != default_val){
        startLoad();

        var val_split  = val.split(' ');
        var first_name = '';
        var last_name  = '';

        if (!val_split){
            val = $('#inputUserName').data('placeholder');
        }
        else{
            if (val_split.length == 1){
                first_name = val_split[0];
            }
            else{
                for(var i = 0; i < val_split.length - 1; i++){
                    first_name += val_split[i] + ' ';
                }

                last_name = val_split[val_split.length - 1];
            }
        }
        var csrf = CSRF.getParams('changeFL');
        $.postJSON($('#_LANG').val() + '/account/ajaxChangePersonalInfo', {fname: first_name, lname: last_name, csrf: csrf},
            function (json) {
                stopLoad();

                if (json.result) {
                    if (val == ''){
                        val = $('#inputUserName').data('placeholder');
                    } else {
                        val = $.trim(first_name) + (last_name ? ' ' + $.trim(last_name) : '');
                    }

                    $('#labelUserName').text(val);
                    $('#inputUserName').val(val).attr('data-default', val);
                }
                else {
                    modalAlert('attention', json.message);
                }
            }
        );
    }
}

var is_upload_now = false;
function userAvatarUpload() {
    try {
        var url_load = $('#_LANG').val() + '/account/ajaxUploadUserLogo';

        $('#upload_user_logo').fileupload({
            url: url_load,
            dataType: 'json',
            singleFileUploads: false,
            start: function (e, data) {
                automatic_loader_count = false;
                is_upload_now = true;
                startLoad();
            },
            stop: function (e, data) {
                is_upload_now = false;
            },
            add: function (e, data) {
                if (!is_upload_now){
                    if (data.files[0].size >= (1048576 * 15)){
                        modalAlert('attention', pdffiller.t('ACCOUNT_ERROR_UPLOAD_FILES_TOO_BIG'));
                    }
                    else{
                        var ext = strrchr(data.files[0].name, '.').toLowerCase();
                        var filetype = ['.jpg','.gif','.png','.jpeg'];

                        if (filetype.in_array(ext)){
                            data.submit();
                        }
                        else{
                            modalAlert('attention', pdffiller.t('ACCOUNT_ERROR_UPLOAD_FILES_NOT_FORMAT'));
                        }
                    }
                }
            },
            done: function (e, data) {
                if ($('.ie8').exists()){
                    var result_json = data.result;
                }
                else{
                    var result_json = JSON.parse(data.jqXHR.responseText);
                }

                afterUploadImg(result_json);
            },
            fail: function (e, data) {
                stopLoad();
                modalAlert('attention', 'File upload failed.');
            },
            progressall: function (e, data) {
                var progress = parseInt(data.loaded / data.total * 100, 10);
                loaderCounter(progress);
            }
        }).prop('disabled', !$.support.fileInput)
            .parent().addClass($.support.fileInput ? undefined : 'disabled');


        $('.old-modal-background').show();
        $('.old-modal-wrapper.crop').show();

        resizeHeight('.old-modal-container');

        $('#save_crop_logo').addClass('disabled');
        $('.h-accautWrap').removeClass('open');
    } catch (e) {
        window.location.href = $('#_LANG').val() + '/account.htm/?op=personal_info#picture';
    }
}
function afterDialogShow() {
    if(isOldPage) {
        userAvatarUpload()
    }
}

function afterUploadImg(result_json){
    if (result_json.result){
        updateUserLogo(result_json.logo_url);
        user_logo_url = result_json.logo_url;
    }
    else{
        stopLoad();
        modalAlert('attention', result_json.alertMessage);
    }
}