@extends('layouts.app')

@section('content')
    <article class="">
        @include('partials.headers.single')

        <div class="ctn {{ $grid }} relative z-20 -mt-[120px]">
            <div
                class="md:pt-13 {{ $margeAround }} col-span-12 rounded-bl-lg rounded-tr-lg bg-white p-5 shadow md:px-10 md:pb-10 lg:col-span-8">
                <div class="flex flex-wrap items-baseline justify-between">
                    <time class="" datetime="{{ $date }}" pubdate="pubdate">{{ $date }}</time>
                    @if ($categories)
                        <div class="flex flex-wrap gap-2">
                            @foreach ($categories as $category)
                                @include('partials.components.tag', [
                                    'name' => $category->name,
                                    'url' => get_term_link($category->term_id),
                                ])
                            @endforeach
                        </div>
                    @endif
                </div>
                <hr class="bg-dash {{ $margeAround }} h-[2px] w-full border-none bg-[length:16px_2px]" />
                @if ($content ?? false)
                    <div class="wysiwyg last:mb-0">
                        {!! $content !!}
                    </div>
                @endif
            </div>
        </div>
    </article>

    @if ($pageCta ?? false)
        @include('partials.page-cta', ['section' => $pageCta])
    @endif
@endsection