@extends('frontend.layouts.main')
@section('title', $seo['title'] ?? '')
@section('keywords', $seo['keywords'] ?? '')
@section('description', $seo['description'] ?? '')
@section('abstract', $seo['abstract'] ?? '')
@section('image', asset($header['seo_home']->image_path))
@section('idMain', 'page-product')
@section('css')
<link rel="stylesheet" href="{{ asset('frontend/css/style.css') }}?v={{ time() }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('frontend/css/product-list.css') }}?v={{ time() }}">
@endsection

@section('content')
<div class="breadcrumb">
	<div class="ctnr">
		<ul>
			<li>
				<a href="/">Trang chủ</a>
			</li>
																						<li>
				<a href="javascript:void(0)">{{$title ?? 'Sản phẩm'}}</a>
			</li>
		</ul>
	</div>
</div>
<section class="product-list">
	<div class="ctnr">
		<div class="header-category">
			<h1>{{$title ?? 'Sản phẩm'}}<span id="total-data">({{ $dataProduct->total() }} sản phẩm)</span></h1>
			
		</div>

		
		@if(isset($dataProduct) && $dataProduct->isNotEmpty())
		<div id="result-filter-product" class="product-block">
			<div class="row">
				@include('frontend.components.products.result-filter-product', ['products' => $dataProduct])
			</div>

			{{ $dataProduct->appends(request()->all())->links() }}
		</div>
		@else
		<div class="no-data">Đang cập nhật dữ liệu!!</div>
		@endif
	</div>
</section>

@endsection
@section('js')
<script src="{{ asset('frontend/js/product-list.js') }}?v={{ time() }}"></script>
@endsection