@extends('website.layout.app')
@section('content') 
@include('website.layout.about-header')
    <section class="blog-section"  data-aos="fade-up"
    data-aos-anchor-placement="top-bottom"  data-aos-delay="300">
        <div class="container">
            <div class="row">
              
 @foreach($blog_details as $details)

                        <article class="col-lg-4 col-md-6 post mb-xl-30">
                            <div class="post-wrapper bx-wrapper">
                                <div class="post-img animate-img">
                                    <a href="#">
                                        <img src="{{ asset($details->blog_image)}}" class="full-width" alt="img">
                                    </a>
                                    @php
    $carbonDate = \Carbon\Carbon::parse($details->blog_date);
@endphp

                                    <div class="post-date">
                              <div class="text-custom-white fw-600 date bg-custom-blue">{{ $carbonDate->format('d') }}</div>
<div class="text-custom-white year">{{ $carbonDate->format('M Y') }}</div>
                                    </div>
                                </div>
                                <div class="blog-meta padding-20 bg-custom-white p-relative">
                                 
                                    <div class="post-heading">
                                        <h2>
                                            <a href="#" class="text-custom-black fw-600 fs-20">{{json_decode($details->attributes)->blog_name}}
                                            </a>
                                        </h2>
                                        <p class="text-light-dark no-margin">
                                         {!! json_decode($details->attributes)->blogs_content !!}

                                             
                                        </p>
                                    </div>
                                </div>
                               
                            </div>
                        </article>
                   @endforeach
                     
                        
                   
            </div>
        </div>
    </section>
  @endsection