@extends('frontend.layouts.app')

@section('content')
<div class="breadcumb-area style2 bg-smoke4">
  <div class="breadcumb-wrapper" data-bg-src="{{ URL::asset('frontend/assets/img/bg/breadcumb-bg.jpg')}}">
    <div class="container">
      <div class="breadcumb-content">
        <h1 class="breadcumb-title">Blog Details</h1>
        <ul class="breadcumb-menu">
          <li><a href="{{ url('/')}}">Home</a></li>
          <li>Blog Details</li>
        </ul>
      </div>
    </div>
  </div>
</div>

<section class="th-blog-wrapper blog-details space-top space-extra-bottom">
  <div class="container">
    <div class="row">
      <div class="col-xxl-8 col-lg-7">
        <div class="blog-single">
          <div class="blog-img"><img src="{{ asset('uploads/blog/images/'.$blog->image) }}" alt="Blog Image"></div>
          <div class="blog-content">
            <div class="blog-meta"><a class="author" href="{{ url('/blog-details/'.$blog->slug) }}"><i class="fa-light fa-user"></i>by Admin</a><a href="{{ url('/blog-details/'.$blog->slug) }}"><i class="fa-regular fa-calendar"></i>{{ $blog->created_at->format('F d, Y') }}</a></div>
            <h2 class="blog-title">{{ $blog->title }}</h2>
            <p class="">{!! $blog->description !!}</p>
            
          </div>
        </div>
      </div>
      <div class="col-xxl-4 col-lg-5">
        <aside class="sidebar-area">
          <div class="widget">
            <h3 class="widget_title">Recent Posts</h3>
            <div class="recent-post-wrap">
              @foreach($recent_blogs as $recent_blog)  
              <div class="recent-post">
                <div class="media-img"><a href="{{ url('/blog-details/'.$recent_blog->slug) }}"><img src="{{ asset('uploads/blog/images/'.$recent_blog->image) }}" alt="Blog Image"></a></div>
                <div class="media-body">
                  <div class="recent-post-meta"><a href="{{ url('/blog-details/'.$recent_blog->slug) }}"><i class="fa-solid fa-calendar-days"></i>{{ $blog->created_at->format('F d, Y') }}</a></div>
                  <h4 class="post-title"><a class="text-inherit" href="{{ url('/blog-details/'.$recent_blog->slug) }}">{{ $blog->title }}</a></h4>
                </div>
              </div>
              @endforeach
            </div>
          </div>
          <div class="widget widget_banner" data-bg-src="{{ URL::asset('frontend/assets/img/bg/widget_banner.jpg')}}">
            <div class="widget-banner position-relative text-center"><span class="icon"><i class="fa-solid fa-phone"></i></span><span class="text">Need Help? Call Here</span><a class="phone" href="tel:+25669872564">+256 6987 2564</a><a href="contact.html" class="th-btn style6">Get A Quote <i class="fa-light fa-arrow-right-long"></i></a></div>
          </div>
        </aside>
      </div>
    </div>
  </div>
</section>
@endsection

@section('custom_script')
@endsection