@extends('layouts.blog', ['mainId' => 'blogPost', 'navColour' => 'navbar-light', 'navButtonColour' => 'btn-colour-cauldron', 'navButtonGhost' => 'btn-ghost-primary'])


@section('header')

    @include('pages.resources.blog.partials.post_header', [
        'modifiers' => ['text', 'blog-post'],
        'title' => $blogPost->title,
        'subtitle' => $blogPost->summary,
    ])

@endsection

@section('content')

    <div class="blog-post-main pt-4 pt-md-5 mr-xl-5">

        {!! $blogPost->markdownMarkup() !!}

        @if ($blogPost->tags)
            <h4 class="content__subtitle content__subtitle--blue content__subtitle--stick-out">Tags<br>
            @foreach ($blogPost->tags as $tag)
                <span class="badge badge-primary">{{ $tag->name }}</span>
            @endforeach
            </h4>
        @endif

        @if (isset($relatedPosts))
            <h4 class="content__subtitle content__subtitle--blue content__subtitle--stick-out">Similar Articles</h4>
            <div class="row blog-box-row mr-0 ml-0" style="margin: 0;">
                @foreach ($relatedPosts as $relatedPost)
                    <div class="blog-box-container col-12 col-md p-0 mr-5">
                        @include('common.media_box', [
                            'link' => $relatedPost->linkUrl,
                            'title' => $relatedPost->title,
                            'surtitle' => '',
                            'description' => $relatedPost->summary,
                            'image' => $relatedPost->imageUrl ?: 'https://placeholdit.imgix.net/~text?txtsize=43&txt=460%C3%97200&w=460&h=200',
                            'imageAlt'=> $relatedPost->getImageAltTag(),
                        ])
                    </div>
                @endforeach
            </div>
        @endif

    </div>


@endsection