@page "/docs"
@inject Web.Services.DocsService DocsService

<PageTitle>Docs</PageTitle>

<h1>Documentation</h1>

@if (notes == null)
{
    <p>Loading...</p>
}
else
{
    <div class="docs-grid">
        @foreach (var note in notes.OrderBy(n => n.Title))
        {
            <a href="/docs/@note.Slug" class="docs-card">
                <h3>
                    @note.Title
                    @if (!string.IsNullOrEmpty(note.Category))
                    {
                        <span class="category-badge">@note.Category</span>
                    }
                </h3>
            </a>
        }
    </div>
}

@code {
    private List<Web.Models.NoteInfo>? notes;

    protected override async Task OnInitializedAsync()
    {
        var index = await DocsService.GetIndexAsync();
        notes = index.Notes;
    }
}