@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/common.css') }}">
<link rel="stylesheet" href="{{ asset('frontend/css/product-details.css') }}" />
<style>
    .service-body {
        top: 0px;
    }
</style>
@endsection

@section('content')
<main class="main">
    <div class="ctnr">
        <ul class="breadcrumb">
            <li><a href="/">Trang chủ</a></li>
            <li><a href="{{route('supplier')}}">Thương hiệu</a></li>
            <li><a href="#">{{$supplier->name}}</a></li>
        </ul>
    </div>
    <div class="page_news pd-section-top pd-section-bottom">
        <div class="ctnr">
            <div class="content-page">
                @if(count($data) > 0)
                <div class="slick-room row product-category">
                    @foreach ($data as $item)
                    <div class="clm" style="--w-lg:3;--w-md:6;--w-xs:6">
                        <div class="product-card">
                               @include('frontend.pages.product.discount-price-rank', ['data' => $item])
                            <div class="product-image">
                                <a href="{{$item->slug_full}}">
                                    <img src="{{asset($item->avatar_path)}}" alt="{{$item->name}}">
                                </a>
                            </div>
                            <div class="product-title"><a href="{{$item->slug_full}}">{{$item->name}}</a></div>
                            <div class="price-action-products-products-all">
                                 @include('frontend.pages.product.price-rank', ['data' => $item])
                            </div>
                            <div class="product-description">
                                <p>{!!$item->description!!}</p>
                            </div>
                             <div class="product-tags">
                                    <span class="tag-item">Đã bán: {{$item->sold}}</span>
                            </div>
                            <div class="price-section">
                                @if(isset($item->tags) && $item->tags->count() > 0)
                                <div class="product-tags">
                                    @foreach($item->tags as $tag)
                                    <span class="tag-item">{{$tag->name}}</span>
                                    @endforeach
                                </div>
                                @endif
                            </div>
                            <button class="buy-button"><a href="{{$item->slug_full}}">Xem thêm</a></button>
                        </div>
                    </div>
                    @endforeach
                </div>
                {{$data->appends(request()->all())->links()}}
                @else
                <span>Không tìm thấy dữ liệu !</span>
                @endif

            </div>
        </div>

    </div>
    </div>
</main>
@endsection