@extends('layouts.main')
@section('seo')
    <meta name="description" content="">
    <title>{{ __("news.title") . " - " . config('app.name', 'Laravel') }}</title>
@endsection

@section('content')
<div class="page-header mt-30">
    {{-- <div class="container">--}}
    {{-- <div class="archive-header" style="background-image: url('/uploads/about/news.jpg') !important;">--}}
    {{-- <div class="row align-items-center">--}}
    {{-- <div class="col-xl-3">--}}
    {{-- <h1 class="mb-15" id="shopTitle">Blog & News</h1>--}}
    {{-- <div class="breadcrumb" id="shopTitle">--}}
    {{-- <a href="{{url('/')}}" rel="nofollow"><i class="fa-solid fa-house"></i>Home</a>--}}
    {{-- <span></span> News--}}
    {{-- </div>--}}
    {{-- </div>--}}
    {{-- </div>--}}
    {{-- </div>--}}
    {{-- </div>--}}
</div>
<div class="page-content mb-50">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="shop-product-fillter mb-50 pr-30">
                    <div class="totall-product">
                        <h2>
                            {{ __("news.title") }}
                        </h2>
                    </div>
                </div>
                <div class="loop-grid loop-list pr-30 mb-50">
                    @foreach ($news as $article)
                    <article class="wow fadeIn animated mb-30 animated">
                        <div class="entry-content-2 pl-50">
                            <h3 class="post-title mb-20">
                                @if($article->content === NULL)
                                <a target="_blank" href="{{ Storage::url($article->attachment) }}">
                                    {{ $article->title }}</a>
                                @else
                                <a href="{{route('news.article',[$article->slug])}}">
                                    {{ $article->title }}</a>
                                @endif
                            </h3>
                            <p class="post-exerpt mb-40">{{ $article->shortDescription }}</p>
                            <div class="entry-meta meta-1 font-xs color-grey mt-10 pb-10">
                                <div>
                                    <span class="post-on">{!! $article->created_at !!}</span>
                                </div>
                                @if($article->content === NULL)
                                <a target="_blank" href="{{ Storage::url($article->attachment) }}"
                                    class="text-brand font-heading font-weight-bold">{{ __("news.read-more") }} <i
                                        class="fi-rs-arrow-right"></i></a>
                                @else
                                <a href="{{route('news.article',[$article->slug])}}"
                                    class="text-brand font-heading font-weight-bold">{{ __("news.read-more") }} <i
                                        class="fi-rs-arrow-right"></i></a>
                                @endif
                            </div>
                        </div>
                    </article>
                    @endforeach
                </div>
                <div class="pagination-area mt-15 mb-sm-5 mb-lg-0">
                    <nav aria-label="Page navigation example">
                        <ul class="pagination justify-content-start">
                            {{ $news->onEachSide(100)->links('vendor.livewire.bootstrap') }}

                        </ul>
                    </nav>
                </div>
            </div>
            {{-- <div class="col-lg-3 primary-sidebar sticky-sidebar">--}}
            {{-- <div class="widget-area">--}}
            {{-- <div class="sidebar-widget widget-category-2 mb-50">--}}
            {{-- <h5 class="section-title style-1 mb-30">Categorie</h5>--}}

            {{-- <ul>--}}
            {{-- @foreach (getCategories() as $cat)--}}
            {{-- <li>--}}
            {{-- <a href="{{ route('categoryPage',[$cat->id,  $cat->category_slug]) }}"><img--}}
                {{--                                                    src="/assets/imgs/theme/icons/category-6.svg"--}}
                {{--                                                    alt=""/>{{ucFirst($cat->name)}}</a>--}}
                {{-- </li>--}}
                {{-- @endforeach--}}
                {{-- </ul>--}}
                {{-- </div>--}}
                {{-- <!-- Product sidebar Widget -->--}}
                {{-- </div>--}}
                {{-- </div>--}}
        </div>
    </div>
</div>


@endsection