@extends('web_theme::layout.main')

@php
    $title = $news && $news->title
        ? $news->title . ' | News | El DiDi Group'
        : 'Latest News | El DiDi Group';

    $description = $news && $news->content
        ? \Illuminate\Support\Str::limit(strip_tags($news->content), 150)
        : 'Read the latest news and updates from El DiDi Group.';

    $ogImage = !empty($news->photo)
        ? asset($news->photo)
        : asset('themes/web/assets/images/logo.png');
@endphp

@section('title', $title)
@section('meta_description', $description)
@section('og_image', $ogImage)

@push('schema')
@php $schemas = [
    \App\Services\SchemaService::newsArticle($news),
    \App\Services\SchemaService::breadcrumb([
        ['name' => 'Home', 'url'  => '/'],
        ['name' => 'News', 'url'  => '/news'],
        ['name' => $news->title, 'url' => '/news/' . $news->id],
    ]),
]; @endphp
@include('schema')
@endpush

@section('content')
    <!-- Page Title -->
    <section class="page-title">
        <div class="content" style="background-image: url('{{ asset($newsHeaderImg) }}');">
        </div>

    </section>
    <!-- End Page Title -->

    <!-- Sidebar Page Container -->
    <div class="sidebar-page-container">
        <div class="auto-container">
            <div class="row clearfix">

                <!-- Content Side -->
                <div class="content-side col-lg-8 col-md-12 col-sm-12">
                    <div class="blog-detail">
                        <div class="inner-box">
                            <div class="upper-box">
                                <div class="box-inner">
                                    <h1>{{ $news->title }}</h1>
                                </div>
                            </div>
                            <div class="image">
                                <img src="{{ asset($news->photo) }}" alt="{{ $news->title}}" width="510" height="600" loading="lazy" style="aspect-ratio: 510/600;" />
                            </div>
                            <div class="lower-content pt-5">
                                <div class="post">
									<div class="post-date">{{$news->created_at->format('d M Y')}}</div>
								</div>
                                {!! $news->content !!}
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Sidebar Side -->
                @if(!empty($recent_news))
                    <div class="sidebar-side col-lg-4 col-md-12 col-sm-12">
                        <aside class="sidebar">
                            <!-- Post Widget -->
                            <div class="sidebar-widget post-widget">
                                <!-- Sidebar Title -->
                                <div class="title-box">
                                    <h4>Recent Articles</h4>
                                </div>

                                <div class="widget-content">
                                    @foreach ($recent_news as $recentItem)
                                        <div class="post">
                                            <div class="thumb"><a href="{{ route('web.news.show', $recentItem->id) }}"><img
                                                        src="{{ asset($recentItem->photo) }}" alt="{{ $recentItem->title }}" width="510" height="600" loading="lazy" style="aspect-ratio: 510/600;" /></a></div>
                                            <h6><a href="{{ route('web.news.show', $recentItem->id) }}">{{ $recentItem->title }}</a></h6>
                                            <div class="post-date">{{ strtoupper($recentItem->created_at->format('d M Y')) }}</div>
                                        </div>
                                    @endforeach

                                </div>
                            </div>
                        </aside>
                    </div>
                @endif
            </div>
            <i class="fa fa-bar-chart" aria-hidden="true"> Visitors Counter : <span
                    class="post-views-count">{{ $news->views }}</span></i>
        </div>
    </div>
    <!-- End Sidebar Page Container -->
@endsection