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

<section class="exam-container-acsnew py-5">
    <div class="container">
    <div class="row m-0">
        <div class="section-title text-center mb-4">
            <h2 class="mb-2">{{ $cms->category_name ?? '' }}</h2>
        </div>
        <div class="col-md-6">
            <div class="exam-container-content">
                {!! $cms->description ?? '' !!}
            </div>
        </div>
        <div class="col-md-6">
            <div class="exam-container-img">
                <img src="{{ showImage($cms->image ?? '',$cms->image_webp ?? '') }}" alt="{{ $cms->heading ?? '' }}">
            </div>
        </div>
    </div>
    </div>
</section>


@if(!empty($gallery))
<section class="acs-gallerynew py-5">
   <div class="container">
      <div class="uk-child-width-1-4@m uk-child-width-1-2@s uk-grid-small gallery-acs" uk-grid uk-lightbox="nav: thumbnav; slidenav: false">
         @foreach ($gallery as $value)
         <div>
            <a class="uk-inline acs-light-gallery gallery-item" 
               href="{{ showImage($value->image ?? '', $value->image_webp ?? '') }}">
             <img src="{{ showImage($value->image ?? '', $value->image_webp ?? '') }}" 
                       alt="{{ $value->name ?? '' }}">
            </a>
         </div>
         @endforeach
      </div>
   </div>
</section>
@endif




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


@endsection