@include('htmlpage.frontent.layout.app')
<!-- News -->
<section>
    <div class="container g-padding-y-80--xs g-padding-y-125--sm pt-5">
        <div class="row pt-5">
            <div class="col-lg-7 mb-4 mb-lg-0">
                <img class="img-fluid rounded" src="{{ asset('storage/' . $blog->image_path) }} " alt="Navigating The Maze: Essential Tips For Home Renovation Estimates">
                <h2 class="mt-4 text-transform-none fw-medium">{{ $blog->title }}</h2>
                <div class="mb-4 d-flex">By<span class="mx-2 text-700">|</span>
                    <div class="text-700">{{ $blog->author }}</div><span class="mx-2 text-700">|</span>
                    <div class="text-700">{{ $blog->created_at->format('Y-m-d') }}</div><span class="mx-2 text-700">|</span>
                    <div class="text-700">{{ $blog->categoryModel->category }}</div>
                </div>
                <div>
                {!! $blog->description !!}




                </div>
            </div>
            <div class="col-lg-5 ps-lg-7">
                <h4 class="mt-4 mb-3 fw-normal">Popular Posts</h4>
                <div style="max-height: 400px; overflow-y: auto;">
                @if ($listlastblog->isNotEmpty())
            @foreach ($listlastblog as $listlast)
                    <div class="d-flex mb-3"><a href="{{ route('blogdetails', ['url' => str_replace([' ', '_'], '-', $listlast->url)]) }}">
                            <div class="d-flex"><img class="rounded" src="{{ asset('storage/' . $listlast->image_path) }}" width="120" alt="">
                                <div class="flex-1 ms-3">
                                    <h5 class="lh-sm mt-0 text-transform-none fs-0 mb-1 fw-semi-bold font-base"><a class="text-900" href="{{ route('blogdetails', ['url' => str_replace([' ', '_'], '-', $listlast->url)]) }}">{{ $listlast->title }}</a></h5>
                                    <p class="text-600 mb-0">{{ $listlast->created_at->format('Y-m-d') }}</p>
                                </div>
                            </div>
                        </a>
                      </div>
                      @endforeach
                @else
                <p>No galleries found for this project.</p>
              @endif
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End News -->
@include('htmlpage.frontent.layout.footer')