@extends('frontend.layouts.main')

@section('title', $seo['title'] ?? '' )
@section('keywords', $seo['keywords']??'')
@section('description', $seo['description']??'')
@section('abstract', $seo['abstract']??'')
@section('image', asset($seo['image']??''))

@section('css')
	<link rel="stylesheet" href="{{ asset('frontend/css/style.css') }}?v={{ time() }}" type="text/css" />
	<style>
		.search-result {
			font-size: 18px;
		}

		.search-wrap {
			padding: 15px 0 30px;
		}
	</style>
@endsection

@section('content')
<div class="breadcrumb">
    <div class="ctnr">
        <ul>
            <li>
                <a href="/">Trang chủ</a>
            </li>
            <li>
                Tìm kiếm
            </li>
        </ul>
    </div>
</div>

<div class="search-wrap">
	<div class="ctnr">
		@if(count($dataProduct) > 0)
		<div class="search-result">
			Đã tìm thấy <strong>({{ $dataProduct->total() }})</strong> kết quả
		</div>
		@endif	
		<div class="product-list">
			<div class="product-block">
				@if(count($dataProduct) > 0)
				<div class="row">
					@foreach ($dataProduct as $item)
						<div class="clm" style="--w-lg:2.4; --w-md:4; --w-xs:6">
							@include('frontend.components.products.item1', [
								'item' => $item
								])
						</div>
					@endforeach
				</div>
				{{$dataProduct->appends(request()->all())->links()}}
				@else 
					<div class="no-data">Không tìm thấy kết quả nào phù hợp với từ khóa!</div>
				@endif
			
			</div>
		</div>
	</div>
</div>

@endsection
@section('js')

@endsection