@page "/faqs"

<PageTitle>Häufige Fragen</PageTitle>

<h1>Häufige Fragen</h1>

@if (_unavailable)
{
    <p>Die Fragen sind gerade nicht erreichbar. Bitte später erneut versuchen.</p>
}
else if (_groups.Count == 0)
{
    <p>Zurzeit gibt es keine Fragen.</p>
}
else
{
    @foreach (var group in _groups)
    {
        <section class="faq-topic">
            <h2>@group.Key</h2>
            @foreach (var faq in group)
            {
                <details class="faq-item">
                    <summary>@faq.Question</summary>
                    <div class="faq-answer">
                        @((MarkupString)Markdown.ToHtml(faq.Answer))
                    </div>
                </details>
            }
        </section>
    }
}