@extends('website.layout.app')

@section('title', $blog->meta_title ?? 'Invinaa')
@section('meta_keywords', $blog->meta_keyword ?? '')
@section('meta_description', $blog->meta_description ?? '')


@section('content')

    @php
        $setting = \App\Models\Setting::first();
    @endphp

    <!-- Header Start -->
    <div class="container-fluid bg-breadcrumb">
        <div class="container text-center py-5" style="max-width: 900px">
            <h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">
                Latest Blogs
            </h3>

            <ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
                <li class="breadcrumb-item">
                    <a href="index.html" class="text-white">Home</a>
                </li>

                <li class="breadcrumb-item active text-secondary">Blog-Detail</li>
            </ol>
        </div>
    </div>
    <!-- Header End -->

    <section class="container py-5">
        <div class="row g-5">
            <!-- LEFT COLUMN – BLOG CONTENT -->
            <div class="col-lg-8">
                <!-- Blog Featured Image -->
                <img src="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1200&q=80"
                    class="img-fluid rounded mb-4" alt="Blog Image" />

                <!-- Blog Metadata -->
                <div class="d-flex align-items-center mb-3">
                    <span class="me-4 text-secondary">
                        <i class="fas fa-user me-2"></i> {{ $blog->name ?? 'Admin' }}
                    </span>
                    <span class="me-4 text-secondary">
                        <i class="fas fa-calendar me-2"></i> {{ $blog->created_at->format('d M, Y') }}
                    </span>
                    <span class="text-secondary">
                        <i class="fas fa-tag me-2"></i>
                        {{ App\Models\BlogCategory::find($blog->cat_id)->title ?? 'General' }}
                    </span>
                </div>

                <!-- Blog Title -->
                <h2 class="fw-bold mb-4">
                    {{ $blog->title ?? 'GST Registration: A Comprehensive Guide for Businesses' }}
                </h2>

                <!-- Blog Content -->
                {!! $blog->description ?? '' !!}

                <!-- Share Icons -->
                <div class="d-flex align-items-center mt-5">
                    <h5 class="fw-bold me-3">Share:</h5>
                    <a href="{{ $setting->facebook_link ?? '#' }}" class="btn btn-primary btn-social rounded-circle me-2">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    <a href="{{ $setting->twitter_link ?? '#' }}" class="btn btn-primary btn-social rounded-circle me-2">
                        <i class="bi bi-twitter-x"></i>
                    </a>
                    <a href="{{ $setting->instagram_link ?? '#' }}" class="btn btn-primary btn-social rounded-circle me-2">
                        <i class="fab fa-instagram"></i>
                    </a>
                    <a href="{{ $setting->linkedin_link ?? '#' }}" class="btn btn-primary btn-social rounded-circle">
                        <i class="fab fa-linkedin-in"></i>
                    </a>
                </div>
            </div>

            <div class="col-lg-4">

                <!-- Recent Posts -->
                <div class="p-4 rounded shadow-sm mb-4 bg-light">
                    <h5 class="fw-bold mb-3">Recent Posts</h5>

                    @if(isset($recent_blogs) && $recent_blogs->count() > 0)
                        @foreach($recent_blogs as $recent)
                            <a href="{{ route('blog-detail', $recent->slug_name) }}"
                                class="d-flex mb-3 align-items-center text-dark">

                                <img src="{{ !empty($recent->image) ? asset($recent->image) : asset('img/new/article (1).jpg') }}"
                                    class="rounded me-3" width="70" height="60" alt="{{ $recent->title }}" />

                                <p class="mb-0">
                                    {{ \Illuminate\Support\Str::limit($recent->title, 45) }}
                                </p>
                            </a>
                        @endforeach
                    @else
                        <p class="text-muted mb-0">No recent posts available.</p>
                    @endif
                </div>

                <!-- Categories -->
                <div class="p-4 rounded shadow-sm bg-light">
                    <h5 class="fw-bold mb-3">Categories</h5>

                    @if(isset($blogcategoryList) && $blogcategoryList->count() > 0)
                        @foreach($blogcategoryList as $category)
                            @if(isset($category->blogs) && $category->blogs->count() > 0)
                                <a href="#" class="d-block mb-2">
                                    <i class="fas fa-angle-right me-2"></i>
                                    {{ $category->title }}
                                    <span class="text-muted">({{ $category->blogs->count() }})</span>
                                </a>
                            @endif
                        @endforeach
                    @else
                        <p class="text-muted mb-0">No categories found.</p>
                    @endif
                </div>

            </div>

        </div>
    </section>

    <!-- Contact End -->

    {{-- @include('website.testimonials-list') --}}

    {{-- @include('website.request-quotes') --}}
@endsection