@using Data_Coupler.Services
@inject IAuthenticationService AuthService
@inherits LayoutComponentBase

<PageTitle>Data_Coupler</PageTitle>

<div class="page">
    <div class="sidebar">
        <NavMenu />
    </div>

    <main>
        <div class="top-row px-4">
            <button class="btn btn-outline-danger btn-sm logout-button" @onclick="Logout">
                <i class="oi oi-account-logout"></i> Logout
            </button>
        </div>

        <article class="content px-4">
            @Body
        </article>
    </main>
</div>

<style>
    .logout-button {
        float: right;
    }
</style>

@code {
    private void Logout()
    {
        AuthService.Logout();
    }
}