@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') 
<div class="slider-area">
   <div class="slider-active owl-carousel">
      @if(!empty($sliders) && $sliders->count() > 0)
      @foreach($sliders as $value)
      <div class="single-slider slider-height-1 bg-img">
         <img src="{{  showImage($value->image ?? '', $value->image_webp ?? '') }}"  alt="{{ $value->title ?? '' }}">
      </div>
      @endforeach
      @endif
   </div>
</div>
<div class="course-area bg-img py-5">
   <div class="container">
      <div class="row m-0">
         <div data-aos="fade-up" class="section-title mb-4">
            <h2> {!! $home_settings->colleges_heading ?? '' !!}</h2>
         </div>
         <div data-aos="zoom-in" class="brand-carousel owl-carousel brand-newmain">
            @if(!empty($colleges) && $colleges->count() > 0)
            @foreach($colleges as $value)
            <a href="{{ $value->url ?? '' }}" target="_blank">
            <img src="{{  showImage($value->image ?? '', $value->image_webp ?? '') }}"  alt="{{ $value->name ?? '' }}">
            </a>
            @endforeach
            @endif
         </div>
      </div> 
   </div>
</div>


@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 course-only-conte-new">
                                       <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>
   </div>
</div>
@endif


@if(!empty($trust))
<section class="learner-brands-acsnew py-5 default-overlay">
   <div class="container">
      <div class="row m-0">
         <div class="section-title text-center mb-4">
            <h2 class="mb-2">
               <span>{!! $home_settings->trust_heading ?? '' !!}</h2>
         </div>
         @foreach ($trust as $value )
         <div class="col-md-4 mb-3">
            <div class="learner-three-card">
               <div class="learner-star-content">
                  <h5>{{ $value->rating ?? '' }} <i class="fa-solid fa-star"></i></h5>
               </div>
               <div class="learner-three-img">
                  <a href="{{ $value->url ?? '' }}" target="_blank">
                     <img src="{{  showImage($value->image ?? '', $value->image_webp ?? '') }}"  alt="{{ $value->name ?? '' }}">

                  </a>
               </div>
            </div>
         </div>
         @endforeach

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



<div class="about-us py-5">
   <div class="container">
      <div class="row m-0">
         <div class="col-lg-6 col-md-6">
            <div class="about-content">
               <div data-aos="fade-up" class="section-title section-title-green mb-30">
                  <h2>{!! $about_cms->heading ?? '' !!}</h2>
               </div>
               <p>{!! $about_cms->short_description ?? '' !!}</p>
               <div data-aos="zoom-in" class="about-btn mt-45">
                  <a class="default-btn" href="{{ route('about') }}">ABOUT US</a>
               </div>
            </div>
         </div>
         <div class="col-lg-6 col-md-6">
            <div data-aos="zoom-in" class="about-img default-overlay">
               <img src="{{ showImage($home_settings->about_image ?? '', $home_settings->about_image_webp ?? '') }}" alt="{{ $about_cms->heading ?? '' }}">
            </div>
         </div>
      </div>
   </div>
</div>

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

@if(!empty($why_us))
<section class="type-coachingacsnew py-5 who-chose-containernew">
   <div class="container">
      <div class="row m-0">
         <div class="section-title text-center mb-4">
            <h2 class="mb-2">{!! $home_settings->why_choose_us_heading ?? '' !!}</h2>
            <p class="text-center mt-0">{!! $home_settings->why_choose_us_detail ?? '' !!}</p>
         </div>
         @foreach ($why_us as $value )
         <div class="col-md-4 mb-3">
            <div class="both-coaching-acsmain">
               <div class="coaching-two-img who-chosethreecard">
                  <img src="{{ showImage($value->image ?? '', $value->image_webp ?? '') }}" alt="{{ $value->heading ?? '' }}">
               </div>
               <div class="coaching-two-content">
                  <h3>{{ $value->heading ?? '' }}</h3>
                  <p class="mb-0">{{ $value->short_description ?? '' }}</p>
               </div>
            </div>
         </div>
         @endforeach
      </div>
   </div>
</section>
@endif

@if(!empty($awards))
<section class="award-acs-mainnew py-5">
   <div class="container">
      <div class="row m-0">
         <div data-aos="fade-up" class="text-center mb-4">
            <h2 class="rt-heading mb-2">{!! $home_settings->award_heading ?? '' !!}</h2>
         </div>
         @foreach ($awards as $value)
         <div class="col-lg-4 col-md-6 mb-3" data-aos="fade-up" data-aos-delay="{{ $key * 100 }}">
            <article class="award-card award-1">
               <div class="award-inner">
                  <img src="{{ showImage($value->image ?? '', $value->image_webp ?? '') }}" class="award-img" alt="{{ $value->name ?? ''}}">
                  <h3 class="award-title">{{ $value->name ?? ''}}</h3>
                  <p class="award-desc">{{ $value->short_description ?? ''}}</p>
               </div>
            </article>
         </div>
       @endforeach
      </div>
   </div>
</section>
@endif


@if(!empty($who_us))
<div class="event-area bg-img default-overlay py-5">
   <div class="container">
      <div class="row m-0">

         <div class="section-title text-center mb-4">
            <h2 class="mb-2">{!! $home_settings->who_choose_us_heading ?? '' !!}</h2>
            <p class="text-center mt-0">
               {!! $home_settings->who_choose_us_detail ?? '' !!}
            </p>
         </div>

         <div class="tabs-wrapper d-flex">

            <!-- LEFT SIDE DYNAMIC BUTTONS -->
            <div class="nav-container who-choose-tabsacsind">
               <div class="nav flex-column nav-pills" id="v-pills-tab">

                  @foreach ($who_us as $index => $item)
                     <button class="nav-link {{ $index == 0 ? 'active' : '' }}"
                        data-bs-toggle="pill"
                        data-bs-target="#tab{{ $index }}">
                        {{ $item->heading }}
                     </button>
                  @endforeach

               </div>
            </div>

            <!-- RIGHT SIDE DYNAMIC CONTENT -->
            <div class="tab-content flex-grow-1">

               @foreach ($who_us as $index => $item)
               <div class="tab-pane fade {{ $index == 0 ? 'show active' : '' }}"
                    id="tab{{ $index }}">
                  <div class="tab-card">
                     <img class="tab-hero" src="{{ showImage($item->image ?? '',$item->image_webp ?? '') }}" alt="{{ $item->heading ?? '' }}">
                     <div class="tab-body">
                        <h3>{{ $item->heading ?? '' }}</h3>
                        <p>{{ $item->short_description ?? '' }}</p>
                     </div>
                  </div>
               </div>
               @endforeach
            </div>
         </div>
      </div>
   </div>
</div>
@endif



@if(!empty($results))
<section class="ranker-topnew py-5">
   <div class="container">
      <div class="row m-0">
         <div data-aos="fade-up" class="text-center mb-4">
            <h2 class="rt-heading mb-2">{!! $home_settings->result_heading ?? '' !!}</h2>
            <p class="text-muted text-center mt-0">{!! $home_settings->result_detail ?? '' !!}</p>
         </div>
         <div class="owl-carousel ranker-carousel owl-theme">
            @foreach ($results as $value)
            <div data-aos="zoom-in" class="ranker-card">
               <div class="rank-img">
                  <img src="{{ showImage($value->image ?? '', $value->image_webp ?? '') }}" 
                       alt="{{ $value->name ?? '' }}">
               </div>
               <div class="rank-number">
                  <span>{{ $value->rank ?? '' }}</span>
               </div>
               <h4 class="rank-name">{{ $value->name ?? '' }}</h4>
               <div class="rank-course">
                   {{ $value->category->category_name ?? '' }}
               </div>
               <div class="rank-year">Year: {{ $value->year ?? '' }}</div>
            </div>
            @endforeach
         </div>
         <div class="text-center mt-4">
            <a href="{{ route('result') }}" class="default-btn px-4 py-2">
               View More
            </a>
         </div>
      </div>
   </div>
</section>
@endif



@if(!empty($gallery))
<section class="acs-gallerynew py-5">
   <div class="container">
      <div data-aos="fade-up" class="section-head">
         <h2>{!! $home_settings->gallery_heading ?? '' !!}</h2>
      </div>
      <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 data-aos="zoom-in" class="view-all-wrap">
         <a href="{{ route('gallery') }}" class="btn btn-acs" id="viewAllBtn">View All Gallery</a>
      </div>
   </div>
</section>
@endif


@if(!empty($testimonials))
<section class="testi-newnormal py-5">
    <div class="container">
        <div class="row m-0 mb-0">
            <div class="section-head mb-2">
                <h2 class="text-center">{!! $home_settings->testimonials_heading ?? '' !!}</h2>
            </div>
        </div>

        <div class="swiper mySwipertest-video">
            <div class="swiper-wrapper">

                @foreach($testimonials as $testi)

                {{-- VIDEO TYPE --}}
                @if($testi->type == 'Video')
                    <div class="swiper-slide youtube-card" data-id="{{ $testi->video_id ?? ''}}">
                        <div class="thumb-box">
                            <img src="https://img.youtube.com/vi/{{ $testi->video_id }}/maxresdefault.jpg" alt="{{ $testi->name ?? '' }}">
                            <div class="play-button"></div>
                        </div>

                        <div class="content-box">
                            <h3 class="video-heading">{{ $testi->name ?? ''}}</h3>
                            <p class="video-para">{{ $testi->short_description ?? ''}}</p>
                        </div>
                    </div>

                {{-- IMAGE TYPE --}}
                @elseif($testi->type == 'Image')
                    <div class="swiper-slide youtube-card">
                        <div class="thumb-box">
                            <img src="{{ showImage($testi->image ?? '', $testi->image_webp ?? '') }}" alt="{{ $testi->name ?? '' }}">
                        </div>

                        <div class="content-box">
                            <h3 class="video-heading">{{ $testi->name ?? '' }}</h3>
                            <p class="video-para">{{ $testi->short_description ?? ''}}</p>
                        </div>
                    </div>
                @endif

                @endforeach

            </div>

            <div class="vd-testi-swiper-btnnew">
                <div class="swiper-button-next acs-right"></div>
                <div class="swiper-button-prev acs-left"></div>
            </div>

        </div>

    </div>
</section>
@endif


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



<div class="news-annouce-newmain py-5">
   <div class="container">
      <div class="row g-4 m-0">
      @if(!empty($news))
         <div data-aos="zoom-in" class="col-12 col-md-6">
            <div class="na-box left-na-box">
               <div class="na-head">
                  <h3>{!! $home_settings->news_heading ?? '' !!}</h3>
                  <span class="na-line"></span>
               </div>
               <div class="na-scroll">
                  @foreach ($news as $value)
                  <div class="na-single">
                     <span class="na-title">{{ $value->display_name ?? ''}}</span>
                     <a href="{{ route('newsDetails',$value->page_url ?? '') }}" class="na-btn-news">Read</a>
                  </div>
                  @endforeach
               </div>
               <div class="na-foot text-end mt-2">
                  <a href="{{ route('news') }}" class="na-more">View All →</a>
               </div>
            </div>
         </div>
     @endif

 @if(!empty($announcements)) 
         <div data-aos="zoom-in" class="col-12 col-md-6">
            <div class="na-box right-na-box">
               <div class="na-head">
                  <h3>{!! $home_settings->announcement_heading ?? '' !!}</h3>
                  <span class="na-line"></span>
               </div>
               <div class="na-scroll">
                  @foreach ($announcements as $value)
                     <div class="na-single">
                        <span class="na-title">{{ $value->title ?? '' }}</span>
                        @php
                              if (!empty($value->type) && $value->type === 'PDF') {
                                 $url = !empty($value->pdf) ? asset($value->pdf) : 'javascript:void(0)';
                                 $btn =  'View PDF';
                              }
                              else {
                                 $url = !empty($value->link) ? $value->link : 'javascript:void(0)';
                                 $btn =  'Go to Link';
                              }
                        @endphp
                        <a href="{{ $url }}" target="_blank" class="na-btn-news">{{ $btn }}</a>
                     </div>
                  @endforeach
               </div>
               <div class="na-foot text-end mt-2">
                  <a href="{{ route('announcement') }}" class="na-more">View All →</a>
               </div>
            </div>
         </div>
          @endif

      </div>
   </div>
</div>





<section class="acs-all-addressnew py-5 default-overlay">
   <div class="container">
      <div data-aos="fade-up" class="heading mb-2">
         <h2> {{ $home_settings->branches_heading ?? '' }} </h2>
      </div>
      <div class="row g-4 m-0">
         @foreach($address as $item)
         <div class="col-12 col-md-6 col-lg-4">
            <article data-aos="zoom-in" class="address-card">
               <div class="address-map">
                     <iframe
                        src="{{ $item->map_script ?? '' }}"
                        width="100%"
                        height="220"
                        style="border:0; border-radius:14px;"
                        allowfullscreen=""
                        loading="lazy"
                        referrerpolicy="no-referrer-when-downgrade">
                     </iframe>
               </div>

               <div class="address-top">
                     <div class="flex-fill">
                        <div class="address-title">
                           {{ $item->branch_name ?? '' }}
                        </div>

                        <div class="address-line">
                           <img src="{{ asset('assets/website/img/location-address.png') }}" alt="location">
                           <span>{{ $item->address ?? '' }}</span>
                        </div>

                        <div class="contact-row">
                           @if(!empty($item->phone_no))
                           <a class="meta-pill" href="tel:+91-{{ $item->phone_no ?? '' }}">
                                 <img src="{{ asset('assets/website/img/call-address.png') }}" alt="call">
                                 <span>+91-{{ $item->phone_no ?? '' }}</span>
                           </a>
                           @endif

                           @if(!empty($item->email_id))
                           <a class="meta-pill" href="mailto:{{ $item->email_id ?? ''}}">
                                 <img src="{{ asset('assets/website/img/envelope-address.png') }}" alt="mail">
                                 <span>{{ $item->email_id ?? '' }}</span>
                           </a>
                           @endif
                        </div>
                     </div>
               </div>
            </article>
         </div>
         @endforeach
      </div>
   </div>
</section>


@endsection