@inherits LayoutComponentBase

<link href="@(nameof(HyperBooru)).styles.css" rel="stylesheet" />

<div id="navbar">
    <a href="/">Home</a>
    <a href="/TagDefinitions">Tags</a>
    <a href="/Gallery?ingest=true">Ingest</a>
    <a href="/Upload">Upload</a>
    <a href="javascript:;" @onclick=@(() => aboutDialog.Show())>About</a>

    <p id="nsfw-label">NSFW</p>
    <div id="nsfw-switch">
        <NsfwSwitch/>
    </div>
    <form action="/Gallery" method="get">
        <input type="text" name="q" placeholder="Search"/>
    </form>
</div>

<div id="content">
    @Body
</div>

<Dialog Title="About" @ref=aboutDialog>
    About HyperBooru
    <div class="button-container">
        <button @onclick=@(() => aboutDialog.Hide())>Close</button>
    </div>
</Dialog>

@code {
    private Dialog aboutDialog;
}