@extends('front.app')
@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')

    <div class="page-content">

        <div class="breadcrumbs">
            <div class="container d-flex">
                {{ Breadcrumbs::render('news-list') }}
            </div>
        </div>

        <section class="inner-page">
            <div class="container">
                <div class="title">
                    <h1 class="title-h1">{{ $menu_id->name ?? '' }}</h1>
                </div>
                @if(!empty($news_items) && count($news_items))
                    <div class="product news-list">
                        @foreach($news_items as $one_news)
                            <div class="product-block">
                                <div class="image"
                                     style="background-image:url({{ $one_news->img_s }})">
                                    <a href="{{ route('news', $one_news->alias) }}"></a>
                                </div>
                                <div class="date">{{ getDefaultDateFormatWithLang($one_news->add_date, LANG) }}</div>
                                <div class="title">
                                    <a href="{{ route('news', $one_news->alias) }}"
                                       class="link">
                                        <span>{{ $one_news->name }}</span>
                                    </a>
                                </div>
                                <div class="undertitle">{{ $one_news->descr }}</div>
                            </div>
                        @endforeach
                    </div>

                    @if($news_items->lastPage() > 1 && $news_items->currentPage() != $news_items->lastPage())
                        <div class="show-more-button-wrapper">
                            <button type="button" class="show-more-button"
                                    onclick="showMoreNews('{{ route('show-more-news') }}');">
                                {{ ShowLabelById(152) }}
                            </button>
                        </div>
                    @endif

                    <div class="pagination-wrapper">
                        @include('front.templates.pagination', ['paginator' => $news_items, 'new_url' => ''])
                    </div>
                @else
                    <div class="basket-end basket-end--error">
                        <div class="container">
                            <div class="basket-end-inner">
                                <div class="basket-end-img">
                                    <img src="{{ asset('front-assets/img/icons/basket-end-2.svg') }}"
                                         alt="Empty List">
                                </div>
                                <div class="basket-end-title">{{ ShowLabelById(68) }}</div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </section>
    </div>

@stop