function addPermission(userEmail,permission){
    if (confirm("Really give permission to "+userEmail+"?")){
        $.post('/api/user/addpermission',{email:userEmail,permissions:permission},reload,'json');
    }
}

function disableList(listEmail){
    $.post('/api/list/disable',{list:listEmail},showListResult,'json');
}

function dropList(listEmail){
    console.log('dopList('+listEmail+')');
}

function dropPermission(userEmail,permission){
    if (confirm("Really withdraw permission from "+userEmail+"?")){
        $.post('/api/user/droppermission',{email:userEmail,permissions:permission},reload,'json');
    }
}


function enableList(listEmail){
    $.post('/api/list/enable',{list:listEmail},showListResult,'json');
}

function hideList(listEmail){
    $.post('/api/list/hide',{list:listEmail},showListResult,'json');
}

function loadArchive(domain,prefix){
    let listEmail = prefix+'@'+domain;
    $.get('/api/list/archive?list='+listEmail,showListArchive,'json');
}

function loadListDetail(listEmail){
    $.post('/api/list/detail',{list:listEmail},showListDetail,'json');
}

function loadListOfEditableLists(){
    $.getJSON('/api/list/editable', showListOfEditableLists);
}

function loadListOfSubscribableLists(){
    $.getJSON('/api/list/subscribable', showListList);
}

function loadMembers(listEmail){
    $.post('/api/list/members',{list:listEmail},showMembers,'json');
}

function loadUserList(){
    $.getJSON('/api/user/list', showUserList);
}

function reload(){
    window.location.reload(true);
}

function showList(listEmail){
    $.post('/api/list/show',{list:listEmail},showListResult,'json');
}

function showListArchive(data){
    for (let time in data.archive){
        let post = data.archive[time];
        let row = $('<tr/>');
        var url = 'post?id='+post.id;
        $('<td/>').html('<a href="'+url+'">'+new Date(post.date)+'</a>').appendTo(row);
        $('<td/>').html('<a href="'+url+'">'+post.from_name+'</a>').appendTo(row);
        $('<td/>').html('<a href="'+url+'">'+post.subject+'</a>').appendTo(row);
        row.appendTo($('#archive'));
        console.log(post);
    }
}

function showListDetail(data){
    if (data.forward_from) $('input[name="forward_from"]').prop('checked',true);
    if (data.forward_attached) $('input[name="forward_attached"]').prop('checked',true);
    if (data.hide_receivers) $('input[name="hide_receivers"]').prop('checked',true);
    if (data.reply_to_list) $('input[name="reply_to_list"]').prop('checked',true);
    if (data.open) $('input[name="open"]').prop('checked',true);
    if (data.archive) $('input[name="archive"]').prop('checked',true);
}

function showListOfEditableLists(data){
    for (let i in data.lists){
        let list = data.lists[i];
        let row = $('<tr/>');
        let addr = list.email.prefix+'@'+list.email.domain;
        let inspect = 'inspect?list='+addr;
        let td = $('<td/>');
        $('<a/>',{href:inspect}).text(list.name).appendTo(td);
        td.appendTo(row);
        td = $('<td/>');
        $('<a/>',{href:inspect}).text(addr).appendTo(td)
        td.appendTo(row);
        let states = [];
        for (let state in list.state){
            if (list.state[state] > 0) states.push(state);
        }
        $('<td/>').text(states.toString()).appendTo(row);

        let select = $('<select/>',{name:addr}).change(function () {
            let action = $(this).children("option:selected").val();
            let list = $(this).attr('name');
            if (confirm("This will "+action+" '"+list+"'. Are you sure?")) self[action+'List'](list);
        });
        $('<option/>').text('Actions').appendTo(select);
        ['enable','disable','drop','hide','show','test'].forEach(val => $('<option/>',{value:val}).text(val).appendTo(select));

        select.appendTo($('<td/>')).appendTo(row);

        $('<td/>').text(list.imap_host).appendTo(row);
        $('<td/>').text(list.imap_port).appendTo(row);
        $('<td/>').text(list.imap_user).appendTo(row);
        $('<td/>').text(list.inbox).appendTo(row);
        $('<td/>').text(list.smtp_host).appendTo(row);
        $('<td/>').text(list.smtp_port).appendTo(row);
        $('<td/>').text(list.smtp_user).appendTo(row);
        row.appendTo('#listlist');
    }
    if (data.user.permissions.includes('create lists')){
        $('a[href=add_list]').show();
    } else {
        $('a[href=add_list]').hide();
    }
}

function showListList(data){
    for (let i in data.lists){
        let list = data.lists[i];
        let row = $('<tr/>');
        $('<td/>').html('<a href="archive?prefix='+list.email.prefix+'&domain='+list.email.domain+'">'+list.name+'</a>').appendTo(row);
        $('<td/>',{class:'right'}).text(list.email.prefix).appendTo(row);
        $('<td/>',{class:'right'}).text('@').appendTo(row);
        $('<td/>').text(list.email.domain).appendTo(row);
        let states = [];
        for (let state in list.state){
            if (list.state[state] > 0) states.push(state);
        }
        $('<td/>').text(states.toString()).appendTo(row);
        let td = $('<td/>',{class:'actions'});
        $('<button/>',{onclick:"subscribeTo('"+list.email.domain+"', '"+list.email.prefix+"');"}).text('subscribe').appendTo(td);
        $('<button/>',{onclick:"unsubscribeFrom('"+list.email.domain+"', '"+list.email.prefix+"');"}).text('unsubcribe').appendTo(td);
        td.appendTo(row);

        row.appendTo('#listlist');
    }
}

function showListResult(result){
    if ('error' in result){
        alert(result.error);
        return;
    }
    if ('success' in result){
        alert(result.success);
        reload();
        return;
    }
    alert("Api call did not return result");
}

function showMembers(data){
    for (let i in data.members){
        let member = data.members[i];
        let row = $('<tr/>');
        $('<td/>').text(member.name).appendTo(row);
        $('<td/>').text(member.email).appendTo(row);
        $('<td/>').text(member.state).appendTo(row);

        row.appendTo('#memberlist');
    }
}

function showUserList(data){
    let isAdmin = data.user.permissions.includes('admin');
    for (let i in data.users){
        let user = data.users[i];
        let row = $('<tr/>');
        $('<td/>').text(user.name).appendTo(row);
        $('<td/>').text(user.email).appendTo(row);
        $('<td/>').text(user.password).appendTo(row);
        $('<td/>').text(user.permissions).appendTo(row);
        let permissions = $('<span/>');
        if (isAdmin){
            if (user.permissions.includes('admin')){
                $('<button/>').text("- admin").click(() => dropPermission(user.email,1)).appendTo(permissions);
            } else {
                $('<button/>').text("+ admin").click(() => addPermission(user.email,1)).appendTo(permissions);
            }
            if (user.permissions.includes('create lists')){
                $('<button/>').text("- create lists").click(() => dropPermission(user.email,2)).appendTo(permissions);
            } else {
                $('<button/>').text("+ create lists").click(() => addPermission(user.email,2)).appendTo(permissions);
            }
        }
        permissions.appendTo(row);
        row.appendTo('#userlist');
    }
    if (isAdmin){
        $('a[href=register]').show();
    } else {
        $('a[href=register]').hide();
    }
}

function start(){
    console.log("application started");
}

function subscribeTo(domain,prefix){
    window.location.href='subscribe?list='+prefix+'@'+domain;
}

function testList(listEmail){
    $.post('/api/list/test',{list:listEmail},showListResult,'json');
}

function unsubscribeFrom(domain,prefix){
    window.location.href='unsubscribe?list='+prefix+'@'+domain;
}


$(start); // document.on ready