@extends('theme::layouts.app', ['alias' => 'Home'])
@section('theme::title', __('seo.index'))
@section('theme::content')
    <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 col-12 main-content">
        <div class="container">
            <div class="card">
                <div class="card-header">
                    <h4>{{ __('index.latest-news') }}</h4>
                </div>
                <div class="card-body">
                    @forelse($news as $newsData)
                        <div class="card">
                            <div class="card-header text-left">
                                <a href="{{ route('news-slug', ['slug' => $newsData->slug]) }}">{{ $newsData->title }}</a>
                                <p class="small">{{\Carbon\Carbon::parse($newsData->published_at)->format('d/m/Y h:i A')}}</p>
                            </div>
                            {{-- <div class="card-body">
                                @isset($newsData->image->filename)
                                    <div class="text-center">
                                        <img class="img-fluid"
                                             src="{{ route('images.image', ['image' => $newsData->image->filename]) }}"
                                             alt="{{$newsData->title}}"/>
                                    </div>
                                @endisset
                                <div>{!! $newsData->body !!}</div>
                            </div> --}}
                            <div class="news-card">
                                @isset($newsData->image->filename)
                                    <div class="news-card-image">
                                        <img src="{{ route('images.image', ['image' => $newsData->image->filename]) }}" 
                                             alt="{{$newsData->title}}"/>
                                    </div>
                                @endisset
                            
                                <div class="news-card-body">
                                    <h5 class="news-card-title">
                                        <a href="{{ route('news-slug', ['slug' => $newsData->slug]) }}">
                                            {{ $newsData->title }}
                                        </a>
                                    </h5>
                                    <p class="news-card-date">
                                        {{ \Carbon\Carbon::parse($newsData->published_at)->format('d/m/Y h:i A') }}
                                    </p>
                                    <p class="news-card-content">
                                        {!! Str::limit(strip_tags($newsData->body), 150, '...') !!}
                                    </p>
                                    <a href="{{ route('news-slug', ['slug' => $newsData->slug]) }}" class="news-card-read-more">
                                        📖 Read More
                                    </a>
                                </div>
                            </div>                            
                        </div>
                    @empty
                    @endforelse
                </div>
            </div>
        </div>
    </div>
@endsection