@extends('site.master')

@section('title', __('site/search.title'))

@section('content')


    <div class="o-body">

        <div class="o-block-top">
            <div class="o-intro  l-contain">
                <div class="o-intro__main">
                    <h2 class="c-heading__title">@lang('site/search.search_results'): {{ $results->count() }}</h2>
                    <p class="c-heading__subtitle">@lang('site/search.subheading', ['term' => $searchTerm])</p>
                </div>
                <div class="o-intro__aside  o-intro__aside--push-right">
                    @include('site.components.aid')
                </div>
            </div>
        </div>

        @foreach($resultCategories as $resultCategory => $resultCategoryItems)
            <section class="c-result__result-category">
                <div class="l-contain">

                    <h2 class="c-heading__title">@lang('site/search.category.' . $resultCategory)</h2>

                    @if($resultCategory == 'product')

                        <div class="c-result__products">
                            <ul class="c-result__items-grid">
                                @if($resultCategoryItems->count() > 0)
                                    @foreach($resultCategoryItems as $resultCategoryItem)
                                        <li class="c-result__product">
                                            @include('site.components.productCard', [
                                                'productCardHideCategory' => true,
                                                'product' => $resultCategoryItem->node,
                                                'productRoute' => $resultCategoryItem->route
                                            ])
                                        </li>
                                    @endforeach
                                @endif
                            </ul>
                        </div>

                    @elseif($resultCategory == 'category')

                        <div class="c-result__categories">
                            @foreach($resultCategoryItems as $resultCategoryItem)
                                <div class="c-result__category">
                                    <a href="{{ $resultCategoryItem->route }}" class="c-result__image">
                                        @if(!empty($resultCategoryItem->image))
                                            <img alt="search image" src="{{ $resultCategoryItem->image->small_image_url }}" />
                                        @endif
                                    </a>

                                    <div class="c-result__content">

                                        <a class="c-result__inline-link" href="{{ $resultCategoryItem->route }}">
                                            <h2 class="c-result__title">{{ $resultCategoryItem->name }}</h2>
                                            <p class="c-result__description">{{ $resultCategoryItem->node->translation->meta_description }}</p>
                                        </a>

                                        <div class="c-result__button">
                                            @include('site.components.button', [
                                                'buttonText' => __('site/search.categoryButton'),
                                                'buttonLink' => $resultCategoryItem->route
                                            ])
                                        </div>

                                    </div>
                                </div>
                            @endforeach
                        </div>

                    @endif

                </div>
            </section>
        @endforeach

        <section class="o-block  l-contain">
            @include('site.organisms.servicepoint', [
                'servicePointLabel' => __('site/search.servicepoint.label'),
                'servicePointHeading' => __('site/search.servicepoint.heading'),
                'servicePointDescription' => __('site/search.servicepoint.description'),
                'servicePointButtonText' => __('site/search.servicepoint.button_text'),
            ])
        </section>

    </div>

@endsection