function fillUserInfo(result){
    if(!result.result){
        alert(result.reason);
        location.href='entrance.php';
        return;
    }

    $('#slot_id').html(result.id);
    $('#slot_nickname').html(result.name);
    $('#slot_grade').html(result.grade);
    $('#slot_acl').html(result.acl);
    $('#slot_icon').attr('src', result.picture);
    $('#global_salt').val(result.global_salt);
    $('#slot_join_date').html(result.join_date);
    $('#slot_third_use').html(result.third_use?'○':'×');
    if(result.third_use){
        $('#third_use_disallow').show();
    }
    $('#slot_oauth_type').text(result.oauth_type);
    if(result.oauth_type != 'NONE'){
        $('#slot_token_valid_until').text(result.token_valid_until);
    }
    else{
        $('#slot_token_valid_until').parent().html('');
    }
    


}

function changeIconPreview(){
    var $preview = $(this);
    console.log($preview);

    var filename = $preview[0].files[0].name;
    var reader = new FileReader();
    reader.onload = function(e) {
        $('#slot_new_icon').attr('src', e.target.result).css('visibility','visible');
    }

    reader.readAsDataURL($preview[0].files[0]);
    
    $('#image_upload_filename').val(filename);
}

function deleteIcon(){
    $.ajax({
        type:'post',
        url:'j_icon_delete.php',
        dataType:'json'
    }).then(function(result){
        if(!result.result){
            alert(result.reason);
            location.reload();
            return;
        }

        showAdjustServerModal(result.servers);
    },function(){
        alert('알 수 없는 이유로 아이콘 삭제를 실패했습니다.');
        location.reload();
    });
}

function disallowThirdUse(){
    $.ajax({
        type:'post',
        url:'j_disallow_third_use.php',
        dataType:'json'
    }).then(function(result){
        alert('철회했습니다.');
        location.reload();
    },function(){
        alert('알 수 없는 이유로 철회를 실패했습니다.');
        location.reload();
    });
}

function showAdjustServerModal(serverList){

    var $form = $('#chooseServerForm');
    $form.empty();

    serverList.map(function(server){
        var serverKey = server[0];
        var serverKorName = server[1];

        var $item = $('<div style="display:inline-block;margin-right:7px;" class="custom-control custom-checkbox">\
        <input type="checkbox" checked class="custom-control-input" name="{1}" id="switch_{1}">\
        <label class="custom-control-label" for="switch_{1}">{0}</label>\
      </div>'.format(serverKorName, serverKey));
        $form.append($item);
    });


    var $modal = $('#chooseServer');
    $modal.modal({
        backdrop:'static'
    });
    $modal.on('hidden.bs.modal', function (event) {
        location.reload();
        return;
    });

    $("#modal-apply").off("click").on("click", function(){
        var events = [];
        $form.find('input:checked').each(function(){
            var $input = $(this);
            var server = $input.attr('name');
            console.log(server);
            events.push($.ajax({
                type:'post',
                url:'../{0}/j_adjust_icon.php'.format(server),
                dataType:'json'
            }));
        })

        $.when.apply($, events).then(function(){
            alert('적용되었습니다.');
            location.reload();
        },function(){
            //서버 폐쇄등으로 접근하지 못할 수도 있음.
            alert('적용되었습니다.');
            location.reload();
        });
    });

}

function changeIcon(e){
    e.preventDefault();
    var $icon = $('#image_upload');

    if($icon[0].files.length == 0){
        alert('파일을 선택해주세요');
        return false;
    }
    var icon = $icon[0].files[0];



    $.ajax({
        type:'post',
        url:'j_icon_change.php',
        dataType:'json',
        contentType:false,
        processData:false,
        data:new FormData($(this)[0])
    }).then(function(result){
        if(!result.result){
            alert(result.reason);
            location.reload();
            return;
        }

        showAdjustServerModal(result.servers);
    },function(){
        alert('알 수 없는 이유로 아이콘 업로드를 실패했습니다.');
        location.reload();
    });
}

function changePassword(e){
    e.preventDefault();
    var $form = $(this);

    var old_pw = $('#current_pw').val();
    var new_pw = $('#new_pw').val();
    var new_pw_confirm = $('#new_pw_confirm').val();

    if(!old_pw){
        alert('이전 비밀번호를 입력해야 합니다.');
        return;
    }
    if(new_pw.length < 6){
        alert('비밀번호 길이는 6글자 이상이어야 합니다.');
        return;
    }

    if(new_pw != new_pw_confirm){
        alert('입력 값이 일치하지 않습니다.');
        return;
    }

    var global_salt = $('#global_salt').val();

    var old_password = sha512(global_salt+old_pw+global_salt);
    var new_password = sha512(global_salt+new_pw+global_salt);

    $.ajax({
        type:'post',
        url:'j_change_password.php',
        dataType:'json',
        data:{
            old_pw:old_password,
            new_pw:new_password
        }
    }).then(function(result){
        if(!result.result){
            alert(result.reason);
        }
        else{
            alert('비밀번호를 바꾸었습니다');
            location.reload();
        }
    },function(){
        alert('알 수 없는 이유로 비밀번호를 바꾸지 못했습니다.');
    });
}

function deleteMe(){
    var $form = $('#delete_me_form');

    var pw = $('#delete_pw').val();

    if(!pw){
        alert('비밀번호를 입력해야 합니다.');
        return;
    }

    var global_salt = $('#global_salt').val();

    var password = sha512(global_salt+pw+global_salt);

    $.ajax({
        type:'post',
        url:'j_delete_me.php',
        dataType:'json',
        data:{
            pw:password
        }
    }).then(function(result){
        if(!result.result){
            alert(result.reason);
        }
        else{
            alert('탈퇴 처리되었습니다.');
            location.href='../';
        }
    },function(){
        alert('알 수 없는 이유로 회원탈퇴에 실패했습니다.');
    });
}

function extendAuth(){
    var validUntil = $('#slot_token_valid_until').html();
    var availableAt = moment(validUntil).subtract(5, 'days').format('YYYY-MM-DD HH:mm:ss');
    var now = moment().format('YYYY-MM-DD HH:mm:ss');

    if(now < availableAt){
        alert('{0}부터 초기화할 수 있습니다.'.format(availableAt));
        return false;
    }

    if(!confirm('로그아웃됩니다. 진행할까요?')){
        return;
    }

    $.ajax({
        type:'post',
        url:'../oauth_kakao/j_reset_token.php',
        dataType:'json',
    }).then(function(result){
        if(!result.result){
            alert(result.reason);
        }
        else{
            alert('초기화했습니다. 다시 로그인해 주십시오.');
            location.href='../';
        }
    },function(){
        alert('알 수 없는 이유로 로그인 토큰 연장에 실패했습니다.');
    });
}

$(function(){
    $('#slot_icon, #slot_new_icon').attr('src', pathConfig.sharedIcon+'/default.jpg');
    $.ajax({
        type:'post',
        url:'j_get_user_info.php',
        dataType:'json'
    }).then(function(result){
        fillUserInfo(result);
    },function(){
        alert('알 수 없는 이유로, 회원 정보를 불러오지 못했습니다.');
        location.href='entrance.php';
    });

    $('#image_upload').change(changeIconPreview);

    $('#btn_remove_icon').click(function(){
        if(confirm('아이콘을 제거할까요?')){
            deleteIcon();
        }
        return false;
    });

    $('#third_use_disallow').click(function(){
        if(confirm('개인정보 3자 제공 동의를 철회할까요?')){
            disallowThirdUse();
        }
    });

    $('#change_pw_form').submit(changePassword);

    $('#change_icon_form').submit(changeIcon);

    $('#delete_me_form').submit(function(e){
        e.preventDefault();
        if(confirm('한 달 동안 재 가입할 수 없습니다. 정말로 탈퇴할까요?')){
            deleteMe(e);
        }
    });

    $('#expand_login_token').click(extendAuth);
})