@extends('layouts.frontLayout.front-layout')

@section('content')
<div class="site-main main-container no-sidebar">
  <div class="section-037">
    <div class="breadcrumbs-wrapper text-uppercase">
      <div class="container">
        <div class="breadcrumbs">
          <a href="{{ url('/') }}" title="Back to the home page">Home</a>
          <a href="{{ url('/blogs') }}"><span>|</span><span class="fw-bold">Blogs</span></a>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="blog">
            <div class="blog-item">
              <div class="row">
                <div class="col-md-4">
                  <div class="blog-image">
                    <img src="{{ asset('images/BlogImages/'.$blog->image) }}" alt="Blog Image" class="img-responsive">
                  </div>
                </div>
                <div class="col-md-8">
                  <div class="blog-details">
                    <h2 class="blog-title">{{ $blog->title }}</h2>
                    <p class="blog-meta">
                      <span class="blog-date">{{ $blog->date }}</span>
                    </p>
                    <div class="blog-content">
                      {!! $blog->description !!}
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection