@extends($activeTemplate . 'layouts.frontend')
@section('content')
    <section class="news-section ptb-80" id="blog">
        <div class="container">
            <figure class="figure highlight-background highlight-background--lean-left">
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1439px"
                    height="480px">
                    <defs>
                        <linearGradient id="PSgrad_4" x1="42.262%" x2="0%" y1="90.631%" y2="0%">
                            <stop offset="28%" stop-color="rgb(245,246,252)" stop-opacity="1" />
                            <stop offset="100%" stop-color="rgb(255,255,255)" stop-opacity="1" />
                        </linearGradient>

                    </defs>
                    <path fill-rule="evenodd" fill="rgb(255, 255, 255)"
                        d="M863.247,-271.203 L-345.788,-427.818 L760.770,642.200 L1969.805,798.815 L863.247,-271.203 Z" />
                    <path fill="url(#PSgrad_4)"
                        d="M863.247,-271.203 L-345.788,-427.818 L760.770,642.200 L1969.805,798.815 L863.247,-271.203 Z" />
                </svg>
            </figure>
            <div class="news-area">
                <div class="row justify-content-center ml-b-30">
                    @forelse($blogElements as $item)
                        <div class="col-lg-4 col-md-6 col-sm-12 mrb-30">
                            <div class="news-item">
                                <div class="news-thumb">
                                    <img src="{{ getImage('assets/images/frontend/blog/thumb_' . @$item->data_values->image, '480x280') }}"
                                        alt="@lang('blog')">
                                </div>
                                <div class="news-content">
                                    <h3 class="title"><a
                                            href="{{ route('blog.details', [$item->id, slug($item->data_values->title)]) }}">{{ __(@$item->data_values->title) }}</a>
                                    </h3>
                                    <p>{{ __(@$item->data_values->short_description) }}</p>
                                    <div class="news-btn">
                                        <a href="{{ route('blog.details', [$item->id, slug($item->data_values->title)]) }}"
                                            class="custom-btn">@lang('Read More') <i class="ti-angle-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @empty
                        <div class="col-lg-4 col-md-6 col-sm-12 mrb-30">
                            {{ __($emptyMessage) }}
                        </div>
                    @endforelse

                </div>
                @if ($blogElements->hasPages())
                    {{ paginateLinks($blogElements) }}
                @endif
            </div>
        </div>
    </section>
@endsection
