@php($title = !empty($audio_series) ? ('|'. $audio_series->title):'')

<x-layouts.master
    :title="$audio_item->title . $title"
    :description="$audio_item?->intro"
    :image="$audio_item?->getThumbnail()"
>

    @if(!empty($audio_series))
        <livewire:section-audio-item-player
            :audio-series="$audio_series"
            :audio-item="$audio_item"
            :brand-title="$brand->title ?? null"
        />
    @else
        <livewire:section-audio-item-player
            :audio-item="$audio_item"
        />
    @endif

    <x-modals.model-show-signup />

    @if(!empty($brand))
        <x-sections.sub-menu-brand :brand="$brand"></x-sections.sub-menu-brand>
    @endif

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

        @if (!empty($brand))
{{--            <x-recommendations.index-bespoke--}}
{{--                content-types="AudioItem,PodcastEpisode"--}}
{{--                :title="'More from ' . $brand->title"--}}
{{--                trending="mostPopularLastMonth"--}}
{{--                :brand-id="$brand->id"--}}
{{--            />--}}
        @endif

        <x-recommendations.index-bespoke
            content-types="AudioSeries,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>