@extends('layouts.site')

@section('content')
@if ($preview)<div class="bg-violet px-5 py-2 text-center text-sm text-white">Preview. This page is not published.</div>@endif
<article>
    <header class="on-dark section !pb-14">
        <div class="wrap max-w-3xl">
            <p class="eyebrow"><a class="hover:text-lilac" href="{{ route('insights.index') }}">Insights</a>@if ($post->category) / {{ $post->category }}@endif</p>
            <h1 class="display !text-4xl sm:!text-6xl">{{ $post->title }}</h1>
            <p class="mt-6 text-steel">{{ ($post->publish_at ?? $post->created_at)->format('j F Y') }}@if ($post->author) &middot; {{ $post->author->name }}@endif</p>
        </div>
    </header>
    <div class="on-light section !py-14">
        <div class="wrap max-w-3xl">
            @if ($post->excerpt)<p class="mb-8 font-serif text-2xl italic text-muted">{{ $post->excerpt }}</p>@endif
            <div class="prose-site text-lg">{{ \App\Support\Text::html($post->body) }}</div>
        </div>
    </div>
    <x-blocks :owner="$post" />
</article>
@if ($related->isNotEmpty())
<section class="on-ice section !py-14"><div class="wrap max-w-3xl"><p class="eyebrow">Keep reading</p>
    @foreach ($related as $r)<a class="rule-row" href="{{ route('insights.show', $r->slug) }}"><span class="font-display text-xl">{{ $r->title }}</span></a>@endforeach
</div></section>
@endif
<x-cta-band />
@endsection