@extends('frontend.layouts.app')
@section('title', 'Blog')
@section('content')

<section class="media-details common-padd">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div class="left-box">
                    <div class="image-box">
                        <img src="{{ !empty($blog['image']) ? asset('/storage/' . $blog['image'])  : asset('backend/assets/img/image_placeholder.svg') }}" alt="">
                    </div>
                    <div class="content-box">
                        <ul>
                            <li>T.S. Tijoriwala</li>
                                                        <li><strong>Updated:</strong> {{ $formatted }}</li>
                        </ul>
                        {!! $blog['details'] !!}
                        <a href="{{$blog['link']}}"><button class="btn"><img class="p-2" src="{{asset('/frontend/images/link-icon.svg')}}" alt="">Visit Original Link</button></a>
                    </div>
                </div>
            </div>
            @if($related->isNotEmpty())
            <div class="col-lg-4">
                <div class="recent-post">
                    <h4>RECENT STORIES</h4>
                    <ul>
                        @foreach ($related as $i => $blog)
                        @if ($i < 5)
                            <li>
                            <a href="{{ !empty($blog['blog_slug']) ? route('blog_details', $blog['blog_slug']) : '#' }}">
                                <div class="sid-content">
                                    <div class="img-box-side">
                                        <img src="{{ !empty($blog['image']) ? asset('/storage/'. $blog['image'])  : asset('backend/assets/img/image_placeholder.svg') }}" alt="">
                                    </div>
                                                                        <dtv class="content-text">
                                        <p>{{$summary}}... </p>

                                    </dtv>
                                </div>
                            </a>
                            </li>
                            @endif
                            @endforeach
                    </ul>
                </div>
            </div>
            @endif
        </div>
    </div>
</section>
@endsection