{{ define "main" }}
    {{ $modulePath := path.Split (path.Dir .Path) }}
    {{ $module := .GetPage (path.Dir (string $modulePath)) }}


    <div class="container mx-auto flex items-start px-4 md:px-0">
        <div class="md:w-3/12 my-8 sticky-sidebar md:pr-8">
            <nav>
                {{ partial "learn/topics" (dict "context" . "topic" . "module" $module "mode" "sidebar") }}
            </nav>
            {{ partial "learn/topic-links" (dict "context" .) }}
        </div>
        <div class="md:w-7/12 my-8">
            <header class="container mx-auto">
                {{ partial "docs/breadcrumb.html" . }}
                <h1>{{ .Title }}</h1>
            </header>
            <section class="container mx-auto my-8">
                {{ .Content }}
            </section>
            {{ partial "learn/topics-next-prev" (dict "context" . "topic" . "module" $module) }}
            <div>
                {{ partial "docs/feedback.html" . }}
            </div>
        </div>

        <div class="md:w-2/12 md:ml-8 m8-8 ">
            <!-- TODO: Move feedback here once wiring is complete -->
            <!-- <div>
                {{ partial "docs/feedback.html" . }}
            </div> -->
        </div>
    </div>
{{ end }}