@extends('docs.layout')

@section('title', $document->title)
@section('body_class', 'page-article')

@section('content')
<div class="shell">
    <aside class="rail">
        <nav aria-label="Documentation">
            @foreach ($groups as $group => $pages)
                <h2>{{ $group }}</h2>
                <ul>
                    @foreach ($pages as $item)
                        <li>
                            <a
                                href="{{ $item->url() }}"
                                @if ($item->slug === $document->slug) aria-current="page" @endif
                            >{{ $item->title }}</a>
                        </li>
                    @endforeach
                </ul>
            @endforeach
        </nav>
    </aside>
    <main class="main">
        <p class="kicker">{{ $document->group }} · {{ $document->summary }}</p>
        <article class="prose">
            {!! $html !!}
        </article>
        <p class="footnote">
            Source : <code>docs/developer/{{ $document->file }}</code>.
            Accueil du site : <a href="/docs">/docs</a>.
        </p>
    </main>
</div>
@endsection