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


@section('content')

@include('pages.resources.academy.partials.hero')

<div class="py-2 stripe--academy-content-items">
    <div class="container">

        <div class="row justify-content-center academy-content-items-filter js-content-items-filter" data-target="#contentItemsAcademy">
            <ul class="academy-content-items-filter__list">
                <li class="academy-content-items-filter__item{{ Html::isActive($category, null, 'content-items-filter__item--active') }}">
                    <a class="js-mixitup-filter" data-filter="all" href="{{ route('academy') }}" title="All Resources">
                        <i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp;&nbsp;All Resources</a>
                </li>

                <li class="academy-content-items-filter__item{{ Html::isActive($category, 'marketing', 'content-items-filter__item--active') }}">
                    <a class="js-mixitup-filter" data-filter=".js-mixitup-aboutschools" href="{{ route('academy', ['aboutschools']) }}" title="About Schools">
                        <i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp;&nbsp;About Schools</a>
                </li>

                <li class="academy-content-items-filter__item{{ Html::isActive($category, 'html-design', 'content-items-filter__item--active') }}">
                    <a class="js-mixitup-filter" data-filter=".js-mixitup-edumarketing" href="{{ route('academy', ['edumarketing']) }}" title="Edu-Marketing">
                        <i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp;&nbsp;Edu-Marketing</a>
                </li>

                <li class="academy-content-items-filter__item{{ Html::isActive($category, 'campus', 'content-items-filter__item--active') }}">
                    <a class="js-mixitup-filter" data-filter=".js-mixitup-sellingtoschools" href="{{ route('academy', ['sellingtoschools']) }}" title="Selling to Schools">
                        <i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp;&nbsp;Selling to Schools</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="stripe stripe--academy-items academy-resources-section pt-5 pb-2 mt-4 mb-2">
    <div class="container">
        <div class="content-items-filter-placeholder">
            @include('pages.resources.academy.partials.items')
        </div>
    </div>
</div>

<div class="pagination-stripe text-center mb-4 py-3">
    <div class="container">
        <div class="pagination-links pb-2">
            {{ $posts->links() }}
        </div>
        <div class="page-load-status">
            <div class="infinite-scroll-request loader-ellips">
                <span class="loader-ellips__dot"></span>
                <span class="loader-ellips__dot"></span>
                <span class="loader-ellips__dot"></span>
                <span class="loader-ellips__dot"></span>
            </div>
            <p class="infinite-scroll-last">End of all academy resources</p>
            <p class="infinite-scroll-error">No more academy resources to load</p>
        </div>
    </div>
</div>

@include('common.cta-banner', [
'btnColour' => 'btn-colour-cauldron',
'img' => asset('images/grow-your-edu-business.svg'),
])

@endsection