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

@section('content')
<section class="news-list">
    <div class="ctnr">
        @if (!empty($data) && count($data) > 0)
        <h1 class="name-category">{{$tag->name}}</h1>
        <div class="block-news news-top">
            <div class="row">
                @if(count($data) > 0)
                @foreach($data as $item)
                <div class="clm" style="--w-lg:3; --w-md:4; --w-xs:6">
                        <div class="item-news item-news-hot">
                            <a href="{{$item->slug_full}}" title="{{$item->name}}" class="wrap-img img-100">
                                <img src="{{asset($item->avatar_path)}}" alt="{{$item->name}}">
                            </a>
                            <div class="content">
                                <h3>
                                    <a href="{{$item->slug_full}}" title="{{$item->name}}" class="title">
                                        {{$item->name}}
                                    </a>
                                </h3>
                                <div class="cate-time">
                                    <div class="time-post">{{$item->created_at->format('d-m-Y')}}</div>
                                    <a href="{{$item->slug_full}}" title="{{$item->name}}"
                                        class="name-cate">{{$item->category->name}}</a>
                                </div>
                                <div class="des">
                                    {{$item->description}}
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
                @endif
            </div>
        </div>

    </div>


</section>
@endif

@endsection