@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($cms))
<div class="choose-area bg-img py-5">
   <div class="container">
      <div class="row m-0">
         <div class="col-lg-8 col-md-12">
            <div class="about-us-newmain">
               <h1>{{ $cms->heading ?? '' }}</h1>
               <p>{{ $cms->short_description ?? '' }}</p>
                 {!! $cms->description ?? '' !!} 
            </div>
         </div>
         <div class="col-lg-4 col-md-12">
            <div class="about-img">
               <img src="{{ showImage($home_settings->about_image ?? '', $home_settings->about_image_webp ?? '') }}" alt="{{ $cms->heading ?? '' }}">
            </div>
         </div>
      </div>
   </div>
</div>
@endif

@if(!empty($counters) && $counters->count() > 0)
@include('website.sections.counter', ['counters' => $counters])
@endif




@if(!empty($teams) && $teams->count() > 0)
<div class="vice-versa-msg-new py-5">
   <div class="container">
      @foreach($teams as $index => $item)
      <div class="row align-items-center mb-5 m-0">
         @if($index % 2 == 0)
         <!-- Image Left -->
         <div class="col-md-6">
            <div class="img-frame">
               <img src="{{ showImage($item->image ?? '', $item->image_webp ?? '') }}" alt="{{ $item->name ?? '' }}">
            </div>
         </div>
         <div class="col-md-6">
            <div class="msg-card">
               <h2 class="msg-title">{{ $item->name ?? '' }}</h2>
               <h6 class="fw-bold mb-3">{{ $item->designation ?? '' }}</h6>
               @if(!empty($item->description))
               <p class="msg-text">{!! $item->description !!}</p>
               @endif
            </div>
         </div>
         @else
         <div class="col-md-6 order-2 order-md-1">
            <div class="msg-card">
               <h2 class="msg-title">{{ $item->name ?? '' }}</h2>
               <h6 class="fw-bold mb-3">{{ $item->designation ?? '' }}</h6>
               @if(!empty($item->description))
               <p class="msg-text">{!! $item->description !!}</p>
               @endif
            </div>
         </div>
         <div class="col-md-6 order-1 order-md-2">
            <div class="img-frame">
               <img src="{{ showImage($item->image ?? '', $item->image_webp ?? '') }}" alt="{{ $item->name ?? '' }}">
            </div>
         </div>
         @endif
      </div>
      @endforeach
   </div>
</div>
@endif

@if(!empty($course_category))
<div class="course-area bg-img py-5 blue-bg-newacs">
   <div class="container">
      <div class="row m-0">
         <div data-aos="fade-up" class="section-title mb-4">
            <h2>{!! $home_settings->course_heading ?? '' !!}</h2>
         </div>
         <div class="d-block d-lg-flex align-items-start">
            {{-- TAB HEADINGS --}}
            <div class="nav flex-column nav-pills me-3 our-course-tabsmain mb-3" role="tablist">
               @foreach($course_category as $key => $cat)
               <button class="nav-link {{ $key == 0 ? 'active' : '' }}"
                  data-bs-toggle="pill"
                  data-bs-target="#tab-{{ $cat->id }}"
                  type="button">
               {{ $cat->category_name ?? '' }}
               </button>
               @endforeach
            </div>
            <div class="tab-content w-100">
               @foreach($course_category as $key => $cat)
                  <div class="tab-pane fade {{ $key == 0 ? 'show active' : '' }}" id="tab-{{ $cat->id }}">
                     <div class="row">
                        @if(!empty($course_by_category[$cat->id]) && count($course_by_category[$cat->id]) > 0)
                           @foreach($course_by_category[$cat->id] as $item)
                              <div data-aos="zoom-in" class="col-md-4 mb-3">
                                 <div class="single-course">
                                    <div class="course-img">
                                       <a href="{{ route('courseDetails', $item->page_url ?? '') }}">
                                          <img class="animated" src="{{ showImage($item->image, $item->image_webp) }}" alt="{{ $item->course_name }}">
                                       </a>
                                    </div>
                                    <div class="course-content">
                                       <h4><a href="{{ route('courseDetails', $item->page_url ?? '') }}">{{ $item->course_name }}</a></h4>
                                       <p>{{ $item->short_description ?? '' }}</p>
                                    </div>
                                    <div class="course-position-content">
                                       <div class="course-btn">
                                          <a class="default-btn" href="{{ route('courseDetails', $item->page_url ?? '') }}">READ MORE</a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           @endforeach
                        @else
                           <div class="col-12 text-center py-5 not-avail-asc">
                              <p class="mb-0">No courses available in this category.</p>
                           </div>
                        @endif
                     </div>

                  
                  </div>
               @endforeach
            </div>

         </div>
         <div class="text-center mt-3">
            <a href="{{ route('courseCategory', $cat->page_url ?? '') }}" class="default-btn">View More</a>
         </div>
      </div>
   </div>
</div>
@endif

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