@extends('welcome')

@section('seo_title', __('Search Results for ":query"', ['query' => trim(strip_tags($q))]))

@section('content')
<div class="min-h-screen">
    <div class="pt-20 w-full py-4 bg-white shadow-sm">
        <div class="max-w-3xl px-2 mx-auto text-slate-600 lg:text-lg flex items-center justify-center">
            {{__('Search Results for ":query"', ['query' => $q])}}
        </div>
    </div>


    @if(!empty(\App\Models\Options::get_option('homepageAdCode')))
    <div class="mx-auto max-w-2xl text-center mt-10 mb-3">
        {!! clean(\App\Models\Options::get_option('homepageAdCode')) !!}
    </div>
    @endif

    <div class="mt-10 mx-auto max-w-2xl w-full p-4 review-box rounded-lg">



        @if($sites->count())
        @foreach($sites as $site)
        <div class="mb-5 pb-6 border-b-2 border-slate-200">
            <div class="flex flex-wrap">
                <div class="w-full lg:w-40 flex-shrink-0 pr-5 pb-5 lg:pb-0">
                    <a href="{{ $site->slug }}">
                        <img src="{{ $site->screenshot }}" alt="{{ $site->business_name }}" class="rounded-lg w-full" />
                    </a>
                </div>
                <div class="flex-grow">
                    <h5>
                        <a href="{{ $site->slug }}" class="text-xl text-slate-500 font-bold">
                            {{ $site->business_name }}
                        </a>
                    </h5>
                    <div class="mt-0 flex items-center">
                        <a href="{{ $site->slug }}" class="text-slate-600 font-thin text-sm bg-slate-100 rounded px-1 inline-flex items-center">
                            <x-elusive-website class="w-3 flex-shrink-0 mr-1" />
                            {{ $site->url }}
                        </a>
                        <a href="{{route('companies.browse', ['category' => $site->category])}}" class="ml-3 text-slate-600 font-thin text-sm bg-slate-100 rounded px-1 inline-flex items-center">
                            <x-iconsax-out-category class="w-3 mr-1 flex-shrink-0 " />
                            {{ $site->category->name }}
                        </a>
                    </div>
                    <div class="mt-2 w-full flex items-center space-x-2 text-slate-500 font-semibold text-sm">
                        <x-entypo-location class="text-slate-400 w-4 flex-shrink-0 mr-2 " /> {{ $site->location }}
                    </div>
                    <div class="flex items-center space-x-2 mt-3 text-slate-600">
                        <div>
                            @if($site->reviewsCount > 0)
                            <x-stars :negative="ceil(5-$site->rating)" :positive="$site->rating" />
                            @else
                            <x-stars :negative="5" :positive="0" />
                            @endif
                        </div>
                        <div>
                            <h5>{{ $site->reviewsCount }} {{ ($site->reviewsCount > 1 || $site->reviewsCount == 0) ? __('reviews') : __('review') }}</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endforeach

        @if($sites->hasPages())
        <div class="mt-5 lg:ml-5">
            {{ $sites->appends([ 'searchQuery' => request('searchQuery')])->links() }}
        </div>
        @endif
        @else
        <div class="text-center text-slate-500 text-xl p-5">
            <x-mdi-flask-empty-off-outline class="w-32 mx-auto text-slate-300" />
            {{ __('No results found') }}
        </div>
        @endif
    </div>
</div>
@endsection