@extends('layouts.master', [ 'mainId' => 'academy', 'navColour' => 'navbar-light', 'navButtonColour' => 'btn-colour-cauldron', 'navButtonGhost' => 'btn-link'])


@section('content')

    @include('pages.resources.blog.partials.hero')
    @include('pages.resources.blog.partials.cta-toolkit', [
         'avatar' => [
             'url' => asset('images/resources/blog/jackie-cta.jpg'),
             'alt' => 'Jackie'
         ],
         'text' => [
             'full' => '”If you are serious about multiplying your sales to schools you MUST download:',
             'full_line_two' => __('resources/blog.full_line_two'),
             'abridged' => __('resources/blog.abridged'),
         ],
         'url' => route('free-toolkit'),
         'button_text' => 'Multiply Your Sales'
     ])

    <section class="blog-posts-banner py-5 my-5">
        <div class="container">

            @if ($showHeroBlogPost && $latestBlogPost)
                <div class="blog-post blog-post-latest">
                    <div class="row vertical-align-md">
                        <div class="col-md-8" style="padding-right: 0; padding-left: 0;">
                            <a href="{{ route('blog-post', ['slug' => $latestBlogPost->slug]) }}" title="Read this post">
                                <img style="max-width: 100%;" src="{{ $latestBlogPost->getImageUrl('823x385') ?: 'http://placehold.it/823x351' }}" alt="{{ $latestBlogPost->getImageAltTag() ?? strip_tags($latestBlogPost->title) }}" class="blog-post-img"/>
                            </a>
                        </div>
                        <div class="col-md-4">
                            <div class="blog-post-wrapper">
                                <div class="blog-post-content py-5">
                                    <h1 class="colour-cauldron stripe mb-3">New Blog!</h1>
                                    <h3>
                                        <a href="{{ route('blog-post', ['slug' => $latestBlogPost->slug]) }}" title="Read this post">
                                            {{ $latestBlogPost->title }}
                                        </a>
                                    </h3>
                                    <div class="blog-post-btn my-3">
                                        {!! Html::buttonLink('Read Post', route('blog-post', ['slug' => $latestBlogPost->slug]), ['class' => 'btn btn-small btn-colour-ford font-weight-bold']) !!}
                                    </div>
                                    <div class="blog-post-author">
                                        by {{ $latestBlogPost->niceAuthor() }} - {{ $latestBlogPost->published_at->format('F j, Y') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </section>

    <hr class="colour-patronus-400">

    @foreach ($blogPosts->splice(($blogPosts->currentPage() == 1 && !$searchQuery) ? 1 : 0) as $blogPost)
        @include('pages.resources.blog.partials.blog-post-index',  [
            'categories' => $blogPost->categories,
            'title'      => $blogPost->title,
            'summary'    => $blogPost->summary,
            'text'       => $blogPost->text,
            'link'       => route('blog-post', ['slug' => $blogPost->slug]),
            'authorText' => 'by ' . $blogPost->niceAuthor() . ' - ' . $blogPost->published_at->format('F j, Y'),
            'imageUrl'   => $blogPost->getImageUrl('823x385'),
            'imageAlt'   => $blogPost->getImageAltTag(),
        ])
    @endforeach

    <div class="pagination-stripe text-center mb-3 py-3">
        <div class="container">
            <div class="pagination-links pb-2">
                <p style="font-size: 26px;"><strong>More content</strong></p>
                {!! $blogPosts->links() !!}
            </div>
        </div>
    </div>


@endsection