@extends('frontend.layouts.app')
@section('title',$blog->seo_title)
@section('description',$blog->seo_description)
@section('keywords',$blog->seo_keyword)
@section('tags',$blog->seo_tags)
@section('content')
    <!--==============================
    Breadcumb
============================== -->
    <div class="breadcumb-wrapper " data-bg-src="{{asset('frontend/coreui/assets/img/breadcumb/breadcumb-bg.jpg')}}">
        <div class="container z-index-common">
            <div class="breadcumb-content">
                <span class="breadcumb-title h1">Blog Detail</span>
                <p class="breadcumb-text">Linking life to learning</p>
                <div class="breadcumb-menu-wrap">
                    <ul class="breadcumb-menu">
                        <li><a href="{{route('front.home')}}">Home</a></li>
                        <li><a href="{{route('front.blog')}}">Blog</a></li>
                        <li>{{$blog->name}}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div><!--==============================
    Blog Details Area
    ==============================-->
    <section class="vs-blog-wrapper blog-details space-top space-extra-bottom">
        <div class="container">
            <div class="row gx-40">
                <div class="col-lg-9">
                    <div class="vs-blog blog-single">
                        <div class="blog-img bg-white">
                            <img src="{{ asset("storage/Blog/Cover/{$blog->cover_image}") }}"
                                 alt="Blog Image">
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a href="#"><i class="far fa-calendar-alt"></i>{{ date('M j Y', strtotime($blog->blog_date)) }}</a>
                            </div>
                            <h1 class="blog-title">{{$blog->name}}</h1>
                            <p>{!! $blog->description !!}</p>
                            <div class="share-links clearfix  ">
                                <div class="row justify-content-between">
                                    <div class="col-xl-auto">
                                        <span class="share-links-title">Tags:</span>
                                        <div class="tagcloud">
                                            @foreach($blog->tag_blog as $blog)
                                                <a href="#">{{$blog->name}}</a>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget widget_categories h-50 col-lg-3">
{{--<div class="row">--}}
{{--    <div class="col-md-12">--}}
                    <p class="widget_title h3">Related Blogs</p>
                    <ul>
                        @if($relatedBlogs->count() > 0)
                            @foreach($relatedBlogs as $related)
                                <li>
                                    <a href="{{ route('front.blog_detail', ['slug' => $related->slug]) }}">
                                        {{ $related->name }}
                                    </a>
                                </li>
                            @endforeach
                        @else
                            <li class="widget fw-bold">No related posts found.</li>
                        @endif
                    </ul>

                </div>
            </div>
{{--                    <div class="col-md-12"></div>--}}
{{--                </div>--}}
{{--            </div>--}}
        </div>
    </section>
@endsection