@extends('layouts.webpage.main_two')

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

@section('content')

    <!-- Hero / Featured Image (SAME AS PROJECT PAGE) -->
    <section class="single-product">
        @if(!empty($blog->featured_img))
            <img src="{{ asset('uploads/blogs/' . $blog->featured_img) }}"
                 class="img-fluid"
                 alt="{{ $blog->title }}">
        @else
            <img src="{{ asset('assets/img/default-blog.jpg') }}"
                 class="img-fluid"
                 alt="Default blog image">
        @endif
    </section>

    <div data-aos="fade-up">
        <section class="structure py-5">
            <div class="container text-center">

                <!-- 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="main-title">{{ $blog->title }}</h2>

                <!-- Blog Content -->
                <div class="row text-start">
                    <div class="col-12">
                        {!! $blog->content !!}
                    </div>
                </div>

                <!-- Conclusion -->
                @if(!empty($blog->conclusion))
                    <div class="row">
                        <div class="col-12 text-start">
                            <h4>Conclusion</h4>
                            <p class="main-para">{{ $blog->conclusion }}</p>
                        </div>
                    </div>
                @endif

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

@endsection