@extends('web.layouts.container')

@section('content')
    <div class="page-heading">
        <div class="overlay"></div>
        <div class="container">
            <div class="text text-center">
                <h4>{{__('articles.head')}}</h4>
            </div>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="#">{{__('main.home_page')}}</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">{{__('articles.head')}}</li>
                </ol>
            </nav>
        </div>
    </div>
    <section class="news-sec">
        <div class="container">
            <div class="row">
                @if($articles->count())
                    @foreach($articles as $article)
                        <div class="col-md-4">
                            <a href="{{route('article.show', $article->id)}}">
                                <div class="card">
                                    <div class="image-content">
                                        <img src="{{asset($article->image)}}" alt="">
                                        <span class="right-line"></span>
                                        <span class="middle-line"></span>
                                    </div>
                                    <div class="card-body">
                                        <div class="date">
                                            <p>
                                                <b>{{date('d', strtotime($article->created_at))}}</b><br>
                                                {{date('Y M', strtotime($article->created_at))}}
                                            </p>
                                        </div>
                                        <div class="details">
                                            @php
                                                /** @var TYPE_NAME $article */
                                                    $time = Carbon\Carbon::now();
                                                    $time->setTimezone('Asia/Riyadh');
                                                    $time = $time->timestamp(strtotime($article->created_at))
                                            @endphp
                                            <p><i class="far fa-user"></i>{{$article->author}}</p>
                                            <p><i class="far fa-clock"></i>{{date('h:i A', strtotime($time))}}</p>

                                        </div>
                                        <h6>{{$article->title}}</h6>
                                        <p>{{str_limit(strip_tags($article->description), 100)}}</p>

                                        <span class="more">
                                            {{__('articles.read_more')}}
                                            <i class="fas fa-long-arrow-alt-left"></i>
                                        </span>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection