@php
$articles = json_decode($post->articles);
$videos = collect(json_decode($post->videos));
$images = collect(json_decode($post->images));
@endphp

@if (count($images) > 0)
    <figure>
        <img width="1042" height="491" alt="{{ $post->keyword }}" src="{{ $images->first()->image }}"
            onerror="this.onerror=null;this.src='{{ $images->first()->thumbnail }}';" title="{{ $post->keyword }}">
    </figure>
@endif
<div class="description">
    <p align="justify">
        {{ $description }}
    </p>
    <p align="justify">
        {{ randomSentences($articles, 0, 4) }}
    </p>
    @if (count($videos) > 0)
        <p>
            <iframe rel="nofollow" class="aligncenter" width="90%"
                src="https://www.youtube.com/embed/{{ $videos->first()->id }}" frameborder="0"
                allowfullscreen=""></iframe>
        </p>
    @endif
    <p align="justify">
        {{ randomSentences($articles, 5, 9) }}
    </p>
</div>
@if (count($images) > 0)
    <div class="image-list">
        @foreach ($images as $key => $item)
            @if ($loop->iteration > 10)
            @break
        @endif
        <h2 id="" class="single-image-title">
            <span class="mntl-sc-block-heading__text">{{ $item->title }}</span>
        </h2>
        <figure id="mntl-sc-block_5-0-1"
            class="comp mntl-sc-block lifestyle-sc-block-image mntl-sc-block-image figure-landscape figure-high-res">
            <div class="figure-media">
                <div class="img-placeholder">
                    <img width="556" height="302" src="{{ $item->image }}"
                        onerror="this.onerror=null;this.src='{{ $item->thumbnail }}';"
                        title="{{ $post->keyword }}" alt="{{ $item->title }}" id="mntl-sc-block-image_5-0-1">
                </div>
            </div>
            <figcaption id="lifestyle-figure-caption_1-0"
                class="comp figure-article-caption lifestyle-figure-caption figure__caption">
                <a href="{{ $item->image }}" target="_blank" rel="nofollow noopener">Image by
                    {{ $item->domain }}</a>
            </figcaption>
        </figure>
    @endforeach
</div>
@endif