@extends('layouts.front-end.app')

@section('title',translate('Articles'))

@push('css_or_js')
    <meta property="og:image" content="{{$web_config['web_logo']['path']}}"/>
    <meta property="og:title" content="Products of {{$web_config['company_name']}} "/>
    <meta property="og:url" content="{{env('APP_URL')}}">
    <meta property="og:description"
          content="{{ substr(strip_tags(str_replace('&nbsp;', ' ', $web_config['about']->value)), 0, 160) }}">

    <meta property="twitter:card" content="{{$web_config['web_logo']['path']}}"/>
    <meta property="twitter:title" content="Products of {{$web_config['company_name']}}"/>
    <meta property="twitter:url" content="{{env('APP_URL')}}">
    <meta property="twitter:description"
          content="{{ substr(strip_tags(str_replace('&nbsp;', ' ', $web_config['about']->value)),0,160) }}">
@endpush

@section('content')

    <div class="container pb-5 mb-2 mb-md-4 rtl __inline-35" dir="{{Session::get('direction')}}">
        <div class="row my-4">
            <div class="col-lg-12 col-md-12 col-12 mb-3 text-center">
                <h2 class="text-center py-0 fs-24 font-semi-bold text-capitalize">{{translate('Articles')}}</h2>
            </div>
            @foreach($articles as $article)
                <div class="col-lg-3 col-md-3 col-12 mb-3">
                    <div class="product-single-hover shadow-none rtl">
                        <div class="overflow-hidden position-relative">
                            <div class="inline_product clickable">
                                <a href="{{route('article.show',$article->slug)}}">
                                    <img src="{{ getStorageImages(path: $article->cover_full_url, type: 'product') }}" alt="">
                                </a>
                            </div>
                            <div class="single-product-details article_div">
                                <div>
                                    <a href="{{route('article.show',$article->slug)}}" class="text-capitalize fw-semibold">
                                        {{ $article['name'] }}
                                    </a>
                                    <h6 class="fs-13 fw-normal">
                                        {{ Str::limit($article->short_description, 100, '...') }}
                                    </h6>
                                    <p class="text-left article_date mb-0">{{\Carbon\Carbon::parse($article->created_at)->locale('ar')->translatedFormat('j F، Y')}}</p>

{{--                                    <div class="d-flex justify-content-between align-items-center">--}}
{{--                                        <a style="color:#333333;" href="{{ url('articles') . '/' . $article->slug }}"--}}
{{--                                           class="read_more_btn btn btn-style">--}}
{{--                                            {{translate('Read More')}}<i style="font-size: 13px;" class="fas fa-arrow-left"></i>--}}
{{--                                        </a>--}}

{{--                                    </div>--}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>



@endsection

@push('script')
@endpush