@extends('web.layouts.main')
@section('content')


    <main>

        
        @include('web.pages.components.headerNav')

        <!-- ---------- news page ----------- -->   
        <section class="news_section section_padding">
            <div class="container">
                <div class="row gx-lg-5">
                @foreach($news as $row)
                    <div class="col-lg-4">
                        <div class="news_card">
                            <div class="img">
                                <img src="{{asset($row->image)}}" alt="">
                            </div>
                            <div class="info">
                                <div class="top_inf">
                                    
                                    <div class="author">
                                        <div class="img">
                                            <img src="{{asset($row->user)}}" alt="">
                                        </div>
                                        <span> {{$row->descriptions()->user}} </span>
                                    </div>
                                </div>
                                <h5 class="title">
                                    {!! mb_substr(strip_tags($row->descriptions()->title),0,30,"UTF-8") !!}...
                                </h5>
                                <div class="text">
                                   {!! mb_substr(strip_tags($row->descriptions()->description),0,100,"UTF-8") !!}
                                </div>
                                <a href="{{url(getCurrentLocale().'/news/'.$row->id)}}" class="butn butn_dark rounded-pill p-2">
                                    <span class="px-3"> {{__('web.read_more')}} </span>
                                    <i class="fal fa-long-arrow-left icon mainBack text-white"></i>
                                </a>
                            </div>
                            <div class="float_date">
                                {{date('d',strtotime($row->created_at))}} <br> {{date('M',strtotime($row->created_at))}}
                            </div>
                        </div>
                    </div>
                @endforeach
                </div>
            </div>
            
            @if($count > 0)
            <div class="container">
                <nav aria-label="Page navigation example">
                    <ul class="pagination justify-content-center mt-5">
                    @if($skip != '1')
                      <li class="page-item"><a class="page-link" href="{{url(getCurrentLocale().'/news?paginate='.($skip-1))}}"> <i class="fas fa-chevron-right"></i> </a></li>
                    @endif
                    @for($i=1 ;$i <= $paginate ;$i++)
                      <li class="page-item"><a class="page-link @if($i == $skip) active @endif" href="{{url(getCurrentLocale().'/news?paginate='.($i))}}">{{$i}}</a></li>
                    @endfor
                    @if($skip != $paginate)
                      <li class="page-item"><a class="page-link" href="{{url(getCurrentLocale().'/news?paginate='.($skip+1))}}"> <i class="fas fa-chevron-left"></i> </a></li>
                    @endif
                    </ul>
                </nav>
            </div>
            @endif
        </section>
    </main>

@stop