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

<x-layouts.master
    :title="$article->title"
    :description="$meta_description"
    :image="$article_series->getThumbnail()"
>

    @if(!empty($brand))
        <x-sections.header-brand :brand="$brand"></x-sections.header-brand>
    @else
        <x-sections.slimline-header
            :title="$article_series->title"
            :back_url="$article_series->getUrl()"
        />
    @endif

    <div class="container-1 py-20">


        <div class="prose-container">

            <img src="{{ $article->getThumbnail('header_img', false, false) }}" alt="" class="mb-4 w-full">

            @if(!is_null($article->published_at))
                <p class="text-lg mb-3">
                    <span>{{ $article->published_at->format(config('formats.short-date')) }}</span>
                </p>
            @endif

            <h1 class="h1 md:text-6xl text-purple mb-4">{{ $article->title }}</h1>

            <div class="prose">
                {!! $article->content !!}
            </div>

            <div class="mt-20">
                <x-sharethis></x-sharethis>
            </div>

        </div>
    </div>

    <div class="bg-grad-grey-fade">

        <x-recommendations.index-bespoke
            content-types="Podcast"
            title="Trending Audio"
        />

        <x-promotional-blocks :promo_blocks="$promotional_blocks" :start_purple="$promotional_blocks->count() % 2 == 0"/>

    </div>


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