@extends('home.layouts.index')

@section('title')
مقالات نیکسان
@endsection

@section('description')

@endsection

@section('keywords')

@endsection

@section('style')


@endsection

@section('script')

@endsection

@section('content')
<div class="blog-slider blog-post py-30">
    <div class="container-fluid">
        <div class="slider-title">
            <div class="slider-title-desc">
                <div class="slider-title-title">
                    <h2 class="h1"><span class="title-font main-color-one-color">مقالات</span> وبلاگ</h2>
                </div>
            </div>
        </div>


        <!-- end advert banner -->

        <div class="blogs-items my-5">
            <div class="row gy-5">
                @foreach($articles as $article)
                <div class="col-lg-6">
                    <div class="blog-slider-item-row">
                        <a href="{{ route('home.article',['alias'=>$article->alias]) }}">
                            <div class="row gy-3 align-items-center">
                                <div class="col-sm-4">
                                    <div class="blog-slider-item-row-image">
                                        <img src="{{ imageExist(env('ARTICLES_IMAGES_THUMBNAIL_UPLOAD_PATH'),$article->image)}}" alt="">
                                    </div>
                                </div>
                                <div class="col-sm-8">
                                    <div class="blog-slider-item-stand-text">
                                        <div class="blog-slider-item-stand-title">
                                            <h6 class="font-16 title-font text-overflow-1 main-color-one-color">{{ $article->title }}</h6>
                                            <p class="text-overflow-2 my-2">{{$article->shortDescription}}</p>
                                            <div class="blog-slider-item-info d-flex align-items-center">
                                                <div class="blog-slider-item-info-item me-3">
                                                    <i class="bi bi-clock me-1"></i>
                                                    <span>{{verta($article->created_at)->format('Y/m/d')}}</span>
                                                </div>
                                     
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                @endforeach

            </div>
        </div>

        <!-- /blog-items -->
    </div>
</div>
@endsection