@extends('v1.enduser.layouts.default')

@section('content')
    <div class="pageBanner">
        <figure class="desktopBanner">
            <img
                src="{{ $pageInfo['content']['banner'] ? $pageInfo['content']['banner'] : '/images/sample/page-banner.jpg' }}" />
        </figure>
        <figure class="mobileBanner">
            <img
                src="{{ $pageInfo['content']['mobile_banner'] ? $pageInfo['content']['mobile_banner'] : '/images/sample/page-banner-mobile.jpg' }}" />
        </figure>
    </div>
    @if (trim($pageInfo['content']['title']) !== '' || trim($pageInfo['content']['content']) !== '')
        <div class="pageContentCon">
            <div class="container pageContent">
                <h2>{{ $pageInfo['content']['title'] }}</h2>
                <p>{!! $pageInfo['content']['content'] !!}</p>
            </div>
        </div>
    @endif
    <div class="container">
        <div class="productListingCon">
            <div class="productFilter">
                <div class="productCategorySearch">
                    <h3 class="productCategoryHeading">Category</h3>
                    <ul>
                        @foreach ($resourceCategories as $cat)
                            @if ($cat['slug'] != app('request')->categorySlug)
                                <li>
                                    <a
                                        href="{{ route('resources.cat', ['lang' => app('request')->lang, 'categorySlug' => $cat['slug']]) }}">{{ $cat['name'] }}</a>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                </div>
            </div>
            <div class="productList">
                @if (count($products) > 0)
                    <div class="productWrapper">
                        @foreach ($products as $product)
                            @include('v1.enduser.resource.resourceListItem')
                        @endforeach
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection