@extends('Frontend.layouts.top-nav')
@section('content')
{{-- @dd($news->lastPage()) --}}
<section class="news-list-section mat">
    <div class="container">
    <div class="news-title">
        <h3><i class="fa fa-mail-bulk"></i><span> समाचार सूचीहरू</span></h3>
    </div>

    <div class="row mt-4">
        <div class="col-12 col-md-12 ">
            <div class="row" style="min-height:300px">
                @if(count($news) > 0)
                @foreach($news as $n)
                    <div class="col-12 col-sm-6 col-md-4">
                        <article>
                            <div class="news-content">
                                <div class="news-content-top">
                                    <img src="{{ $n->cover_image }}">
                                    <div class="news-date">
                                        {{Carbon\Carbon::parse($n->created_at)->format('d M Y')}}
                                    </div>
                                    <div class="news-title">
                                        <h2>{{$n->title}}</h2>
                                    </div>
                                </div>
                                <div class="news-content-bottom">
                                    <div class="news-desc">
                                        {!! strip_tags($n->description) !!}
                                    </div>
                                    <a href="{{route('frontend.news.single', $n->slug)}}">थप जानकारी  <i class="fa fa-angle-double-right"></i></a>
                                </div>

                            </div>
                        </article>
                    </div>
                @endforeach
                @else
                    <div class="alert alert-danger m-auto p-auto align-items-center">
                        <span>कृपया माफ गर्नुहोला, कुनै पनि समाचार राखिएको छैन |</span>
                    </div>
                @endif
            </div>
            @if(count($news) > 0)
                <nav class="pagination-box my-5">
                    <ul class="pagination justify-content-center">
                        <li class="page-item {{$news->currentPage() == 1?'disabled':''}}">
                            <a class="page-link " href="{{ url('/news').'?page='. ($news->currentPage() - 1) }}">अघिल्लो</a>
                        </li>
                        @for($i = 1;$i<= $news->lastPage(); $i++)
                            <li class="page-item {{$i==$news->currentPage()?'active':''}}"><a class="page-link {{$i==$news->currentPage()?'active':''}}" href="{{url('/news').'?page='.$i}}">{{$i}}</a></li>
                            @endfor
                            <li class="page-item {{$news->currentPage() == $news->lastPage()?'disabled':''}}">
                                <a class="page-link" href="{{ url('/news').'?page='.($news->currentPage() + 1) }}">अर्को</a>
                            </li>
                    </ul>
                </nav>
            @endif 
        </div>
    </div>
    </div>
</section>

@endsection