@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->heading,
   'pagename' => $cms->pagename,
   'breadcumb_image' => showImage($cms->image ?? '', $cms->image_webp ?? '')
   ]
)  

@if(!empty($course_category))
<div class="course-area bg-img py-5" style="background-image:url(assets/img/bg/bg-1.jpg);">
    <div class="container">
        <div class="row m-0">
            @foreach ($course_category as $value)
            <div class="col-md-4 mb-3">
                <div class="single-course">
                    <div class="course-img">
                        <a href="{{ route('courseCategory', $value->page_url ?? '') }}"><img class="animated"
                                src="{{ showImage($value->image ?? '',$value->image_webp ?? '') }}" alt="{{ $value->category_name ?? '' }}"></a>
                    </div>
                    <div class="course-content">
                        <h4><a href="{{ route('courseCategory', $value->page_url ?? '') }}">{{ $value->category_name ?? '' }}</a></h4>
                       <p>{!! substr(strip_tags($value->description ?? ''), 0, 255) . '...' !!}</p>
                    </div>
                    <div class="course-position-content">
                        <div class="course-btn">
                            <a class="default-btn" href="{{ route('courseCategory', $value->page_url ?? '') }}">READ MORE</a>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach

          
        </div>
    </div>
</div>
@endif


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



@endsection