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

     <div class="page-heading">
                <div class="bread">
                    <h4>{{articlename($article->id)}}</h4>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url(getCurrentLocale().'/')}}">{{__('web.home')}}</a></li>
                        <li class="breadcrumb-item"><a href="{{url(getCurrentLocale().'/article')}}">{{__('web.articles')}}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{articlename($article->id)}}</li>
                        </ol>
                    </nav>
                </div>
        </div>  
        <main>
            <!--start single-blog-->   
            <section class="single-blog">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="single-blog-inner">
                                <img src="{{asset($article->image)}}" class="blog-img">
                                <div class="inner">
                                    <div class="details">
                                        <div class="author">
                                            <i class="far fa-user"></i>
                                            <p>{{articleuser($article->id)}}</p>
                                        </div>
                                        <div class="date">
                                            <p><i class="far fa-clock"></i> {{diff($article->created_at)}}</p>
                                        </div>
                                    </div>
                                    <h4>{{articlename($article->id)}}</h4>
                                    <div class="desc">
                                       {!! articledescription($article->id) !!}
                                        </div>
                                </div>
                         
                            </div>
                        </div>
                        
                    </div>
                </div>   
            </section>
            <!--start blog-sec-->
            <section class="blog-sec" style="z-index:1">
                <div class="container">
                <div class="text-heading">
                    <h3>{{__('web.articlematual')}}</h3>
                    <p>{{__('web.articledesc')}}</p>
                </div>
                <div class="row">
                    @foreach($articles as $row)
                    <div class="col-md-4">
                        <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>
                            <p>
                          {{ strip_tags(mb_substr(articledescription($row->id),0,100,"UTF-8")) }}
                    </p>
                    <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