@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($material_category) && $material_category->count() > 0)
<section class="pdf-sectionacsnew py-5">
  <div class="container">
    <div class="section-head">
      <h3>{!! $home_settings->study_materials_heading ?? '' !!}</h3>
      <p class="text-center">{!! $home_settings->study_materials_detail ?? '' !!}</p>

      {!! $cms->description ?? '' !!}

    </div>
    <div class="row g-4 m-0">
      @foreach($material_category as $index => $value)
      <div class="col-12 col-sm-6 col-lg-3">
        <div class="card card-study h-100">
          <a class="thumb" href="#" aria-label="Open Algebra Basics">
            <img src="{{  showImage($value->image ?? '', $value->image_webp ?? '') }}" alt="{{ $value->name ?? '' }}">
          </a>
          <div class="card-body">
            <div class="study-title">{{ $value->category_name ?? '' }}</div>
          </div>
          <div class="card-footer">
                  <a class="btn-download" href="{{ route('studentZoneDetail', $value->page_url ?? '') }}">View More</a>
          </div>
        </div>
      </div>
      @endforeach
    </div>
  </div>
</section>
@endif

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