@extends('home.layouts.index')

@section('title')
    {{ $article->title }}
@endsection


@section('description')

@endsection

@section('keywords')

@endsection

@section('style')

@endsection

@section('script')

@endsection

@section('content')
<div class="blog-content">
    <div class="content">
        <div class="container-fluid">
            <div class="blog-content-meta">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="blog-content-meta-thumbnail slider-parent">
                            <img src="{{ imageExist(env('ARTICLES_IMAGES_UPLOAD_PATH'),$article->image)}}" class="img-thumbnail" alt="">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="blog-content-meta-detail">
                            <div class="blog-content-meta-detail-title">
                                <h2 class="title-font">{{$article->title}}</h2>
                            </div>
                            <div class="blog-content-meta-detail-detail">
                        

                                <div class="blog-content-meta-detail-detail-item">
                                    <i class="bi bi-calendar-check"></i>
                                    <h6>آخرین بروزرسانی: </h6>
                                    <span> {{verta($article->created_at)->format('y/m/d')}} </span>
                                </div>
                   
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="blog-main-content my-4">

                <div class="blog-main-content-content">
                    <div class="content-box">
                        <div class="container-fluid">
                            <div class="blog-main-content-content-text">
                                {!! $article->description !!}

                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

@endsection