@extends('web.layouts.container')

@section('content')
    <section class="blog_det">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <div class="blog-inner">
                        <div class="blog-heading mb-4">
                            <p class="date mb-1">{{date('F d, Y', strtotime($article->create_ar)) . ' At ' . date('h:i A', strtotime($article->create_ar))}}</p>
                            <h2 class="titile">{{$article->title_1}}</h2>
                            <h5 class="subtitile">{{$article->title_2}}</h5>
                        </div>
                        <div class="img-box mb-4">
                            <img src="{{asset($article->image)}}" alt="" class="blog-img"/>
                        </div>
                        <p class="det">{!! $article->description !!}</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="recent-blog">
                        <h5 class="title mb-4"><b>{{__('articles.recent_articles')}}</b></h5>
                        @if(count($recentArticles))
                            @foreach($recentArticles as $recentArticle)
                                <a href="{{route('article.show', $recentArticle->id)}}">
                                    <div class="single-blog">
                                        <p class="name mb-0">{{$recentArticle->title_1}}2021</p>
                                    </div>
                                </a>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection