@section('title', $blog['meta_title'])
@section('description', $blog['meta_description'])
@section('keywords', $blog['meta_keywords'])
@section('tags', $blog['meta_tags'])
@extends('front.layouts.app')
@section('content')
    <section class="news-events-deltails faculty-resources mt-5">
        <div class="container">
            <div class="row">
                <div class="col-md-8 mt-5">
                    <a href="{{route('blog-details',$blog->slug)}}" target="_blank" class="blog-img">
                        <img src="{{asset('front/images/blog/' .$blog->banner )}}" alt="Image">
                    </a>
                    <div class="heading pt-4">
                        @if(isset($blog['name']))
                            <h1>{{ $blog['name'] }} </h1>
                        @endif
                        <p class="text-muted">
                            Date: {{ \Carbon\Carbon::parse($blog->b_date)->format('M d, Y') }}
                        </p>
                    </div>

                    <div class="news-events-deltails-content my-5 py-1">
                        @if(isset($blog['long_description']))
                            {!! $blog['long_description'] !!}
                        @endif
                    </div>

                    {{-- Tags --}}
                    <div class="mb-5">
                        @if($tags->count())
                            <div class="d-flex align-items-center flex-wrap bg-warning rounded-pill px-3 py-2 mt-4">
                                <span class="fw-bolder h4 me-3 ms-3 mt-2 text-black">Tags:</span>
                                @foreach($tags as $tag)
                                    <a href="#"
                                       class="badge bg-white h3 rounded-pill me-2 mt-2" style="color: black;">
                                        {{ $tag->name }}
                                    </a>
                                @endforeach
                            </div>
                        @endif
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="p-3 bg-light rounded shadow-sm mt-5">
                        <p class="mb-3 h4 text-center">Relevant Blogs</p>
                        @forelse($relevantBlogs as $relBlog)
                            <div class="card mb-3 shadow-sm border-0">
                                <div class="card-body p-3">
                                    <p class="card-title h6 mb-2">
                                        <a href="{{ route('blog-details', $relBlog->slug) }}"
                                           class="text-decoration-none text-dark">
                                            {{ Str::limit($relBlog->name, 60) }}
                                        </a>
                                    </p>
                                    <p class="text-muted small mb-1">
                                        {{ \Carbon\Carbon::parse($relBlog->b_date)->format('M d, Y') }}
                                    </p>
                                </div>
                            </div>
                        @empty
                            <p class="text-muted">No relevant blogs found.</p>
                        @endforelse
                    </div>
                </div>

            </div>
        </div>
    </section>
@endsection
@push('js')
@endpush