{{-- Every chapter, in order. Shared by the web page and the PDF. --}}
@foreach ($chapters as $index => $chapter)
    @php
        $audienceClass = match ($chapter['audience']) {
            'Administrator' => 'is-admin',
            'Principal' => 'is-principal',
            'Teacher' => 'is-teacher',
            default => '',
        };
    @endphp

    <article class="gd-chapter" id="{{ $chapter['id'] }}" data-guide-chapter>
        <header class="gd-chapter-head">
            <div class="gd-chapter-eyebrow">Chapter {{ $index + 1 }}</div>
            <h2 class="gd-chapter-title">
                <span class="gd-chapter-icon">@gi($chapter['icon'], '#2563eb')</span>{{ $chapter['title'] }}
            </h2>
            <span class="gd-audience {{ $audienceClass }}">@gi('people', '#475569') For: {{ $chapter['audience'] }}</span>
        </header>

        <div class="gd-body">
            @include('user-guide.chapters.' . $chapter['id'])
        </div>
    </article>
@endforeach