@extends('layouts.webpage.main_two')

@section('page-title', $blog->title)

@section('content')
<div data-aos="fade-up">
    <section class="single-blognew">
        <div class="container py-5">

            <!-- Meta -->
            <p class="blog-meta">
                {{ strtoupper(date('F d, Y', strtotime($blog->created_at))) }} &nbsp; | &nbsp;
                {{ $blog->category ?? 'General' }} &nbsp; | &nbsp; by Meking Buildtec India Pvt Ltd
            </p>

            <!-- Title -->
            <h2 class="blog-title">{{ $blog->title }}</h2>

            <!-- Featured Image -->
            <div class="mb-4">
                <img src="{{ asset('uploads/blogs/' .$blog->featured_img) }}" class="img-fluid rounded" alt="Blog Image">
            </div>

            <!-- Blog Content -->
            {!! $blog->content !!}

            <!-- Optional Conclusion -->
            @if(!empty($blog->conclusion))
            <div class="conclusion-box">
                <h6>Conclusion</h6>
                <p>{{ $blog->conclusion }}</p>
            </div>
            @endif

        </div>
    </section>
</div>


<style>
    nav a.nav-link {
    color: #000000 !important;
    transition: 0.3s;
}

nav a.nav-link:hover {
    color: #000000 !important;
    transition: 0.3s;
}
</style>
@endsection