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

@section('content')
    <div class="pageBanner">
        <figure class="desktopBanner">
            <img src="{{ $banner['desktop'] ? $banner['desktop'] : '/images/sample/page-banner.jpg' }}"/>
        </figure>
        <figure class="mobileBanner">
            <img src="{{ $banner['mobile'] ? $banner['mobile'] : '/images/sample/page-banner-mobile.jpg' }}"/>
        </figure>
    </div>
    <div class="container">
        <div class="productListingCon">
            <div class="productFilter">
                <div class="productSearch">
                    <h3 class="productSerachHeading">{{ $selectedCat['name'] }}</h3>
                    <form action="" method="get">
                        <div class="keywordSerachCon">
                            <input type="text" name="keyword" value="{{ app('request')->keyword }}" placeholder="Search {{ $selectedCat['name'] }}"/>
                            <button type="submit">
                                <i class="material-icons">search</i>
                            </button>
                        </div>
                    </form>
                </div>
                <div class="productCategorySearch">
                    <h3 class="productCategoryHeading">Other Products</h3>
                    <ul>
                        @foreach($category as $cat)
                            @if($cat['slug']!=app('request')->categorySlug)
                                <li>
                                    <a href="{{ route('product.list', ['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.product.productListItem')
                        @endforeach
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection