@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="productSearch">
                    <h3 class="productSerachHeading">
                        {{ isset($selectedCat['name']) && $selectedCat['name'] ? $selectedCat['name'] : 'Search FAQ' }}</h3>
                    <form action="" method="get">
                        <div class="keywordSerachCon">
                            <input type="text" name="keyword" value="{{ app('request')->keyword }}"
                                placeholder="Search {{ isset($selectedCat['name']) && $selectedCat['name'] ? $selectedCat['name'] : 'FAQ' }}" />
                            <button type="submit">
                                <i class="material-icons">search</i>
                            </button>
                        </div>
                    </form>
                </div>
                <div class="productCategorySearch">
                    <h3 class="productCategoryHeading">Category</h3>
                    <ul>
                        @foreach ($faqCategories as $cat)
                            @if ($cat['slug'] != app('request')->categorySlug)
                                <li>
                                    <a
                                        href="{{ route('faq.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 listItem">
                        @foreach ($products as $product)
                            @include('v1.enduser.faq.faqListItem')
                        @endforeach
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection