<template>
    <div class="account-page">
        <NuxtPage></NuxtPage>
        <div class="left-center footer">
            <NuxtLink to="/account/inspect/nodes/_all">Inspect</NuxtLink>
            <NuxtLink to="/account/monitorings/nodes">Monitorings</NuxtLink>
            <NuxtLink to="/account/settings">Settings</NuxtLink>
            <p class="pointer" @click="logout()">Logout</p>
        </div>
    </div>
</template>

<script setup lang="ts">
function logout()
{
    useCookie('session').value = null;
    useRouter().push('/');
}
</script>

<style scoped>
.account-page {
    height: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
}
.footer {
    background-color: rgb(235, 235, 235);
    padding: 1rem;
}
</style>