@inherits LayoutComponentBase

<div class="d-flex flex-column flex-lg-row" style="min-height: 100vh;">
    @* Hamburger toggle: visible only on viewports <lg.
       Bootstrap collapse JS lives in bootstrap.bundle.min.js (loaded in App.razor). *@
    <button class="btn btn-outline-secondary btn-sm d-lg-none m-2 align-self-start"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#sidebar-collapse"
            aria-controls="sidebar-collapse"
            aria-expanded="false"
            aria-label="Toggle navigation">
        &#9776;
    </button>

    <div class="collapse d-lg-block" id="sidebar-collapse">
        <NavMenu />
    </div>

    <main class="flex-grow-1 p-3" style="background-color: #f8f9fa;">
        @Body
    </main>
</div>

@* Global host for IDialogService. One instance per layout renders all confirm/prompt
   dialogs raised via IDialogService.ConfirmAsync / PromptAsync. *@
<DialogHost />

<SessionExpiry />