require('../scss/style.scss');
require('../scss/home.scss');

require('./pages/chart_and_messages');
require('./pages/withdrawals');
require('./pages/transactions_and_credit_cards');
require('./pages/settings');
require('./pages/savings');
require('./pages/incomes');

const $ = require('jquery');
const api = require('./utils/api');

const $sidebar_items = $(".left-sidebar").children();
["messages", "transactions", "withdrawals", "credit_cards", "savings", "incomes", "settings"].forEach(function(item) {
    $(`#${item}`).on("click", function() {
        $sidebar_items.removeClass("selected");
        $(this).addClass("selected");
        $(".content").hide();
        $(`#${item}_content`).show();
    });
});

$("#logout").on("click", async function() {
    await api.post('/api/account/logout');
});

$(".mobile-menu-icon").on("mousedown", function(event) {
    let $this = $(this);
    if ($this.hasClass("left")) {
        $(".left-sidebar").toggleClass("open");
    }
    event.stopPropagation();
});
$(document.body).on("mousedown", function() {
    $(".left-sidebar").removeClass("open");
});