/**
 * Copyright (C) 2024-present Puter Technologies Inc.
 *
 * This file is part of Puter.
 *
 * Puter is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published
 * by the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

import UIWindow from './UIWindow.js';
import UIWindowLogin from './UIWindowLogin.js';
import UIWindowSignup from './UIWindowSignup.js';

async function UIWindowSessionList (options) {
    options = options ?? {};
    options.reload_on_success = options.reload_on_success ?? true;

    return new Promise(async (resolve) => {
        let h = '';
        h += '<div style="margin:10px;">';
        // loading indicator
        h += `<div class="loading">${i18n('signing_in')}</div>`;
        // session list
        h += '<div class="hide-scrollbar" style="overflow-y: scroll; max-width: 400px; margin: 0 auto;">';
        h += `<h1 style="text-align: center; font-size: 18px; font-weight: normal; color: #757575; margin-bottom: 30px;"><img src="${window.icons['logo-white.svg']}" style="padding: 4px; background-color: blue; border-radius: 5px; width: 25px; box-sizing: border-box; margin-bottom: -6px; margin-right: 6px;">${i18n('sign_in_with_puter')}</h1>`;
        for ( let index = 0; index < window.logged_in_users.length; index++ ) {
            const l_user = window.logged_in_users[index];
            h += `<div data-uuid="${l_user.uuid}" class="session-entry" style="display: flex; padding: 15px 10px;">`;
            // profile picture
            h += `<div class="profile-picture" style="background-color: #cbced1; width: 30px; height: 30px; margin:0; margin-right: 10px; background-image: url('${l_user.profile.picture ?? window.icons['profile.svg']}');"></div>`;
            h += `<div style="display: flex; align-items: center;">${l_user.username}</div>`;
            h += '</div>';
        }
        h += '</div>';
        // c2a
        h += `<div style="margin-top: 20px; margin-bottom: 20px; text-align:center;"><span class="login-c2a-session-list">Log Into Another Account</span> &bull; <span class="signup-c2a-session-list">${i18n('create_account')}</span></div>`;
        h += '</div>';

        const el_window = await UIWindow({
            title: i18n('window_title_session_list'),
            app: 'session-list',
            single_instance: true,
            icon: null,
            uid: null,
            is_dir: false,
            body_content: h,
            has_head: false,
            selectable_body: false,
            draggable_body: options.draggable_body ?? true,
            allow_context_menu: false,
            is_resizable: false,
            is_droppable: false,
            init_center: true,
            allow_native_ctxmenu: false,
            allow_user_select: false,
            width: 350,
            height: 'auto',
            dominant: true,
            show_in_taskbar: false,
            update_window_url: false,
            cover_page: options.cover_page ?? false,
            window_class: 'window-session-list',
            body_css: {
                width: 'initial',
                height: '100%',
                'background-color': 'rgb(245 247 249)',
                'backdrop-filter': 'blur(3px)',
                'display': 'flex',
                'flex-direction': 'column',
                'justify-content': 'center',
            },
        });
        $(el_window).find('.login-c2a-session-list').on('click', async function (e) {
            const login = await UIWindowLogin({
                referrer: options.referrer,
                reload_on_success: options.reload_on_success,
                cover_page: options.cover_page ?? false,
                has_head: options.has_head,
                send_confirmation_code: options.send_confirmation_code,
                window_options: {
                    has_head: false,
                    cover_page: options.cover_page ?? false,
                },
            });
            if ( login ) {
                if ( options.reload_on_success ) {
                    // disable native browser exit confirmation
                    window.onbeforeunload = null;
                    // refresh
                    location.reload();
                } else {
                    resolve(login);
                }
            }
        });
        $(el_window).find('.signup-c2a-session-list').on('click', async function (e) {
            $('.signup-c2a-clickable').parents('.window').close();
            // create Signup window
            const signup = await UIWindowSignup({
                referrer: options.referrer,
                reload_on_success: options.reload_on_success,
                send_confirmation_code: options.send_confirmation_code,
                window_options: {
                    has_head: false,
                    cover_page: options.cover_page ?? false,
                },

            });
            if ( signup ) {
                if ( options.reload_on_success ) {
                    // disable native browser exit confirmation
                    window.onbeforeunload = null;
                    // refresh
                    location.reload();
                } else {
                    resolve(signup);
                }
            }
        });

        $(el_window).find('.session-entry').on('click', function (e) {
            $(el_window).find('.loading').css({ display: 'flex' });

            setTimeout(() => {
                let selected_uuid = $(this).attr('data-uuid');
                let selected_user;
                for ( let index = 0; index < window.logged_in_users.length; index++ ) {
                    const l_user = window.logged_in_users[index];
                    if ( l_user.uuid === selected_uuid ) {
                        selected_user = l_user;
                    }
                }

                // new logged in user
                window.update_auth_data(selected_user.auth_token, selected_user);
                if ( options.reload_on_success ) {
                    // disable native browser exit confirmation
                    window.onbeforeunload = null;
                    // refresh
                    location.reload();
                } else {
                    resolve(true);
                }
            }, 500);
        });
    });
}

export default UIWindowSessionList;