@using Blog3000.Shared;


    <div class="post-finder" >
        <div class="searchbox"  @ref="ScrollAnchorElement">
            <input type="text" id="SearchBox" class="form-control search" maxlength="32" @bind="SearchText" placeholder="Search...">
            <button type="button" class="searchbut btn btn-primary oi oi-arrow-right" @onclick="UpdateSearch" title="Start search" />
            <button type="button" class="searchbut btn btn-primary oi oi-x" @onclick="ClearSearch" title="Clear search" />

        </div>


        @if (errorMsg != null)
        {
            <div class="error-msg">@errorMsg</div>
        }

        <div class="section-title">Showing result for: "@dispMode"</div>
        <div class="navbar">
            <button type="button" alt="First" title="Goto first result" @onclick="GotoFirst" class="first btn btn-primary oi oi-media-step-backward"></button>
            <button type="button" alt="Go back" title="Go back one page" @onclick="GotoPrev" class="second btn btn-primary oi oi-caret-left"></button>
            <span class="showing">Showing @PageInfo</span>
            <button type="button" alt="Next" title="Goto next page" @onclick="GotoNext" class="third btn btn-primary oi oi-caret-right"></button>
        </div>
        <ul>
            @foreach (var b in selectedPosts)
            {
                var x = "viewer/" + @b.Id;

                <li style="text-wrap: none">

                    @{
                        var r = b.Revisions?.Latest();
                        var a = r?.Author ?? b.Author;
                        var t = (r?.ChangedAt?.ToShortDateString() ?? "???")
                                         + ", "
                                         + (r?.ChangedAt?.ToShortTimeString() ?? "???");
                    }

                    <NavLink class="nav-link" href="@x">
                        @b.Title
                        <abstract>@b.Abstract</abstract>
                        <small>(@a, @t UTC)</small>
                    </NavLink>

                </li>

            }
        </ul>
        <div class="navbar">
            <button type="button" alt="First" @onclick="GotoFirst" class="first btn btn-primary oi oi-media-step-backward"></button>
            <button type="button" alt="Go back" @onclick="GotoPrev" class="second btn btn-primary oi oi-caret-left"></button>
            <span class="showing">Showing @PageInfo</span>
            <button type="button" alt="Next" @onclick="GotoNext" class="third btn btn-primary oi oi-caret-right"></button>
        </div>
    </div>



@code {

}