@extends('site.master')

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@section('content')
    <div class="grid-row">
        <div class="grid-col search-header">
            <h1>{{$page->translation->name}} voor '{{$term}}'</h1>
            <a href="/{{$links->customerservice->route}}" class="button arrow">
                @lang('kms/customerservice.customerservice')
            </a>
        </div>
        <div class="grid-col search-content">
            <div class="grid-row">
                <div class="grid-col">
                    @if(count($results) == 0)
                        <h3>Er zijn geen resultaten voor '{{$term}}'</h3>
                    @else
                        @foreach($results as $key => $result)
                        @if($loop->first || class_basename($result->resource) !== class_basename($results[$loop->index - 1]->resource))
                                @if(!$loop->first) </ul> </div> @endif
                <div class="grid-row type">
                    <h3>{{class_basename($result->resource)}}</h3>
                    <hr/>
                    <ul>
                        @endif
                        @if(class_basename($result->resource) == 'Category')
                            <li class="category">
                                <div class="content">
                                    <h2>{{$result->resource->title}}</h2>
                                    @if(!empty(json_decode($result->resource->translation->description)))
                                        {!! json_decode($result->resource->translation->description)[0]->description !!}
                                    @endif
                                    <a class="button arrow"
                                       href="/{{$links->products->route}}/{{$result->resource->translation->slug}}">Lees
                                        meer</a>
                                </div>
                                @if(count($result->resource->images()->get())>0)
                                    <div class="imageholder">
                                        @foreach($result->resource->images()->get() as $key => $imageSlide)

                                            <figure data-order="{{$key}}"
                                                    class="image-placeholder {{$key == 0 ? 'active' : ''}} ">

                                                @foreach(['large', 'medium', 'small'] as $imageSize)
                                                    <span class="{{$imageSize}}"
                                                          style="background-image: url('{{ $imageSlide->{$imageSize.'_image_url'} }}');"></span>
                                                @endforeach

                                            </figure>

                                        @endforeach
                                    </div>
                                @endif
                            </li>
                        @else
                            <li>
                                <a class="button arrow"
                                   href="/{{$links->products->route}}/{{$result->resource->translation->slug}}">
                                    <h2>{{$result->resource->title}}</h2>
                                </a>
                            </li>
                        @endif
                        @endforeach
                        </ul> </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection