@extends('website.includes.layout')
@section('meta_title', $cms->meta_title ?? '')
@section('meta_keyword', $cms->meta_keyword ?? '')
@section('meta_description', $cms->meta_description ?? '')
@section('image', $cms->image ?? '')
@section('content') 


@include('website.sections.breadcumb', 
   ['heading' => $cms->display_name,
   'pagename' => $cms->display_name,
   'breadcumb_image' => showImage($bg->image ?? '', $bg->image_webp ?? '')
   ]
) 
 <div class="course-details-area py-5">
    <div class="container">
        <div class="row m-0">
            <div class="col-xl-9 col-lg-8 mb-3 mb-md-0">
                <div class="course-left-wrap">
                   @if (!empty($cms->image))
                    <div class="apply-area">
                        <img src="{{ showImage($cms->image ?? '', $cms->image_webp ?? '') }}" alt="{{ $cms->display_name ?? ''}}">
                    </div>
                    @endif

                    <div class="course-detail-content-new common-ul-li mt-3">
                        <h1>{{ $cms->heading ?? '' }}</h1>
                        <div class="post-blog-content">
                            <span><strong>Post By</strong> : {{ $cms->post_by ?? '' }}</span>
                            <span><strong>Post Date</strong> : {{ date('d M Y', strtotime($cms->post_date)) }}</span>
                        </div> 
                        {!! $cms->description ?? '' !!}
                    </div> 
                </div>
            </div>
           <div class="col-xl-3 col-lg-4">
    <div class="sidebar-style sidebar-res-mrg-none">
        <div class="sidebar-recent-post">
            <div class="sidebar-title mb-40">
                <h4>Recent Blogs</h4>
            </div>

            <div class="recent-post-wrap">
                @if(!empty($random_blogs) && $random_blogs->count() > 0)
                    @foreach($random_blogs as $item)
                        <div class="single-recent-post">
                            <div class="recent-post-img">
                                <a href="{{ route('blogDetails', $item->page_url ?? '') }}">
                                    <img src="{{ showImage($item->image ?? '', $item->image_webp ?? '') }}" alt="{{ $item->display_name ?? '' }}">
                                </a>
                            </div>
                            <div class="recent-post-content">
                                <p>
                                    <a href="{{ route('blogDetails', $item->page_url ?? '') }}">
                                        {{ Str::limit($item->short_description ?? '', 60) }}
                                    </a>
                                </p>
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </div>
</div>

        </div>

        
        
    </div>
</div>
<section class="blog-section-acs py-5">
    <div class="container">

        <!-- heading -->
        <div class="text-center mb-4">
            <h2 class="blog-title">{{ $home_settings->blog_heading ?? '' }}</h2>
            <p class="blog-sub text-center">{!!  $home_settings->blog_detail ?? '' !!}</p>
        </div>
        <div class="row m-0" id="blogList">
            @include('website.sections.blogs', ['blogs' => $random_blogs])
        </div>
    </div>
</section>

@if(!empty($banner))
@include('website.sections.banner', ['banner' => $banner])
@endif

@endsection