@extends('shared.front')
@section('content')
    <!-- news list -->
    <article class="top__news news-list-page">
        <div class="news__container">
            <div class="title-w-decor">
                <div class="title-decor decor-1"></div>

                <h2>
                    {{ __('messages.index.news') }}
                </h2>

                <div class="title-decor decor-2"></div>
            </div>
            <div class="news__content">
                <div class="news__item news__col-left">
                    <div class="news__thumb">
                        <img src="{{ asset($list[0]->image) }}" alt="" />
                    </div>

                    <div class="news__content-col">
                        <p class="desc-tag">
                            ĐỌC NHIỀU NHẤT
                        </p>
                        <h3 class="content-title">
                            {{ $list[0]->title }}
                        </h3>
                        <p class="content-desc">
                            {{ $list[0]->post_excerpt }}
                        </p>
                        <a href="{{ action('HomeController@newdetail', ['name' => $list[0]->name]) }}" class="btn submit-btn">
                            Xem chi tiết
                        </a>
                    </div>
                </div>
                <div class="news__col-right">
                    <!-- item  -->
                    @for($i = 1; $i < count($list); $i++)
                        <a href="{{ action('HomeController@newdetail', ['name' => $list[$i]->name]) }}" class="news__item">
                            <div class="news__thumb">
                                <img src="{{ asset($list[$i]->image) }}" alt="" />
                            </div>
                            <div class="news__item__content">
                                <h3>{{ $list[$i]->title }}</h3>
                            </div>
                        </a>
                    @endfor
                </div>
            </div>

{{--            <ul class="pagination">--}}
{{--                <li class="prev disable"><span><img src="assets/img/icon-arrow-prev.svg" alt="prev" /></span></li>--}}
{{--                <li class="active"><span>1</span></li>--}}
{{--                <li><a href="#">2</a></li>--}}
{{--                <li><a href="#">3</a></li>--}}
{{--                <li><a href="#">4</a></li>--}}
{{--                <li><a href="#">5</a></li>--}}
{{--                <li class="next"><a href="#"><img src="assets/img/icon-arrow-next.svg" alt="next" /></a></li>--}}
{{--            </ul>--}}
        </div>
    </article>
@endsection