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

@include('website.sections.breadcumb', 
   ['heading' => $material_category->category_name,
   'pagename' => $material_category->category_name,
   'breadcumb_image' => showImage($cms->image ?? '', $cms->image_webp ?? '')
   ]
) 
 

@if(!empty($material) && $material->count() > 0)
<section class="pdf-sectionacsnew py-5">
  <div class="container">
    <div class="section-head">
      <h3>{!! $material_category->category_name ?? '' !!}</h3>
      {!! $material_category->description ?? '' !!}
    </div>
    <div class="row g-4 m-0">
      @foreach($material as $index => $value)
      <div class="col-12 col-sm-6 col-lg-3">
        <div class="card card-study h-100">
          <a class="thumb" href="{{ !empty($value->pdf) ? asset($value->pdf) : 'javascript:void(0);' }}" aria-label="{{ $value->name ?? '' }}">
            <img src="{{  showImage($value->image ?? '', $value->image_webp ?? '') }}" alt="{{ $value->name ?? '' }}">
          </a>
          <div class="card-body">
            <div class="study-title">{{ $value->name ?? '' }}</div>
          </div>
          <div class="card-footer">
              <a class="btn-download"
                href="{{ !empty($value->pdf) ? asset($value->pdf) : 'javascript:void(0);' }}"
                download>
                View More
              </a>
          </div>
        </div>
      </div> 
      @endforeach
    </div>
  </div>
</section>
@endif

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

@endsection