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

 <div class="page-heading">
            <div class="bread">
                <h4>{{__('web.article')}}</h4>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                      <li class="breadcrumb-item"><a href="{{url(getCurrentLocale().'/')}}">{{__('web.home')}}</a></li>
                      <li class="breadcrumb-item active" aria-current="page">{{__('web.article')}}</li>
                    </ol>
                  </nav>
            </div>
       </div>  
        <main>
            <!--start blog-sec-->   
            <section class="blog-sec blog-wrapper" style=" z-index:1;">
                <div class="container">
                <div class="text-heading">
                    <h3>{{__('web.articledesc')}}</h3>
                    <span class="sub-title">{{__('web.articles')}}</span>
                </div>
                <div class="row">
                    @foreach($articles as $row)
                    <div class="col-lg-4 col-md-6">
                        <div class="card">
                            <div class="image-content">
                              <img src="{{asset($row->image)}}">
                            </div>
                            <div class="card-body">
                              <span class="date">{{diff($row->created_at)}} </span>
                              <span class="badge">{{__('web.new')}}</span>
                              <h5>{{articlename($row->id)}}</h5>
                    <div>
                      {{ strip_tags(mb_substr(articledescription($row->id),0,100,"UTF-8")) }}
                    </div>
                    <a href="{{url(getCurrentLocale().'/article/'.$row->id)}}">
                      <i class="fas fa-arrow-right"></i> {{__('web.readmore')}}
                    </a>
                            </div>
                          </div>
                    </div>
                    @endforeach
                </div>
                </div>
                <img src="{{url('')}}/assets/web/images/nawal-pattern-2.png" class="logo-pattern-r">
            </section>
        </main>


@stop