@php
    $meta_description = str_replace([" ", "\n", "\r"], " ", $page->content);
    $meta_description = Str::limit(strip_tags($meta_description), 200);
@endphp

<x-layouts.master
    :title="$page->title"
    :description="$meta_description"
>
    <x-sections.header-generic-page>
        <x-slot name="title">
            <h1 class="h2 text-white">{{ $page->title }}</h1>
        </x-slot>
    </x-sections.header-generic-page>

    @if ($page->pageArea)
        <div class="container-2 lg:!max-w-6xl">
            <div class="prose-container lg:max-w-none py-20 flex flex-col lg:flex-row gap-8 items-start">
                <div class="border-b lg:border-b-0 lg:border-r border-purple pb-8 pr-8 flex-none md:max-w-[18rem]">

                    @foreach($page->pageArea->pages()->active()->get() as $sidebarPage)
                        <a class="h4 my-1 text-purple block hover:text-purple-light hover:underline
                        @if(request()->is(ltrim($sidebarPage->getUrl(true), '/'))) underline @endif"
                           href="{{ $sidebarPage->getUrl() }}">{{ $sidebarPage->title }}</a>
                        <br />
                    @endforeach

                </div>

                <div class="prose max-w-prose">
                    {!! \App\Helpers\GenericPageHelper::addNoDownloadToAudioTags($page->content) !!}
                </div>
            </div>
        </div>
    @else
        <div class="container-1 py-20">
            <div class="prose prose-container">
                {!! \App\Helpers\GenericPageHelper::addNoDownloadToAudioTags($page->content) !!}
            </div>
        </div>
    @endif

    <x-sections.footer />
</x-layouts.master>