import linkService from '../services/link.js';
import utils from '../services/utils.js';
import server from '../services/server.js';
import treeService from "../services/tree.js";
import treeCache from "../services/tree_cache.js";

const $dialog = $("#recent-changes-dialog");
const $content = $("#recent-changes-content");

export async function showDialog() {
    utils.closeActiveDialog();

    glob.activeDialog = $dialog;

    $dialog.modal();

    const result = await server.get('recent-changes');

    // preload all notes into cache
    await treeCache.getNotes(result.map(r => r.noteId), true);

    $content.empty();

    if (result.length === 0) {
        $content.append("No changes yet ...");
    }

    const groupedByDate = groupByDate(result);

    for (const [dateDay, dayChanges] of groupedByDate) {
        const $changesList = $('<ul>');

        const dayEl = $('<div>').append($('<b>').html(utils.formatDate(dateDay))).append($changesList);

        for (const change of dayChanges) {
            const formattedTime = utils.formatTime(utils.parseDate(change.date));

            let $noteLink;

            if (change.current_isDeleted) {
                $noteLink = $("<span>").text(change.current_title);

                if (change.canBeUndeleted) {
                    const $undeleteLink = $(`<a href="javascript:">`)
                        .text("undelete")
                        .on('click', async () => {
                            const confirmDialog = await import('../dialogs/confirm.js');
                            const text = 'Do you want to undelete this note and its sub-notes?';

                            if (await confirmDialog.confirm(text)) {
                                await server.put(`notes/${change.noteId}/undelete`);

                                $dialog.modal('hide');

                                await treeCache.reloadNotes([change.noteId]);

                                treeService.activateNote(change.noteId);
                            }
                        });

                    $noteLink
                        .append(' (')
                        .append($undeleteLink)
                        .append(')');
                }
            }
            else {
                const note = await treeCache.getNote(change.noteId);
                const notePath = await treeService.getSomeNotePath(note);

                $noteLink = await linkService.createNoteLink(notePath, {
                    title: change.title,
                    showNotePath: true
                });
            }

            $changesList.append($('<li>')
                .append(formattedTime + ' - ')
                .append($noteLink));
        }

        $content.append(dayEl);
    }
}

function groupByDate(result) {
    const groupedByDate = new Map();
    const dayCache = {};

    for (const row of result) {
        let dateDay = utils.parseDate(row.date);
        dateDay.setHours(0);
        dateDay.setMinutes(0);
        dateDay.setSeconds(0);
        dateDay.setMilliseconds(0);

        // this stupidity is to make sure that we always use the same day object because Map uses only
        // reference equality
        if (dayCache[dateDay]) {
            dateDay = dayCache[dateDay];
        }
        else {
            dayCache[dateDay] = dateDay;
        }

        if (!groupedByDate.has(dateDay)) {
            groupedByDate.set(dateDay, []);
        }

        groupedByDate.get(dateDay).push(row);
    }

    return groupedByDate;
}