@extends('web.layouts.layout')
@section('meta_title', $courses->meta_title ?? 'About Online Course')
@section('meta_description', $courses->meta_description ?? '')
@section('meta_keywords', $courses->meta_keywords ?? '')
@section('content')

    @php
    $instructers = DB::table('instructors')->whereIn('id', explode(',',$courses->instructor_id??0))->get();
    $services = DB::table('services')->where('id', $courses->service_id)->first();
    $reviews = DB::table('course_reviews')->where('course_id', $courses->id)->where('status',1)->orderby('sequence')->get();
    $students_count = DB::table('students')->where('course_id', $courses->id)->count();
    //$instructer_course = $instructer ? DB::table('courses')->where('instructor_id', $instructer->id)->count() : 0;
    @endphp
    @if(!empty($courses->title) || !empty($courses->short_title))
    
    <section class="bd-breadcrumb-area p-relative fix z-index-11">
        <div class="bd-breadcrumb-bg-two" data-background="assets/images/breadcrumb/breadcrumb-bg-2.webp"></div>
        <div class="bd-breadcrumb-wrapper p-relative">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="bd-breadcrumb style-two d-flex-center text-center">
                            <div class="bd-breadcrumb-content">
                                <h1 class="bd-breadcrumb-title">{{$courses->title??''}}</h1>
                                <div class="bd-breadcrumb-list"> <span><a href="/">Home</a></span> <span
                                        class="divider"><i class="fa-regular fa-angle-right"></i></span> <span
                                        class="active">{{$courses->short_title??''}}</span> </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endif
    <section class="bd-course-details-area bd-course-details-top section-space-bottom">
        <div class="container">
            <div class="row gy-30">
                <div class="col-xxl-8 col-xl-8 col-lg-8">
                    <div class="bd-course-details-wrapper mb-20">
                        @if(!empty($courses->title) || $reviews->isNotEmpty())
                        <div class="bd-course-details-heading mb-20">
                            <h4 class="bd-course-details-title mb-10">{{$courses->title??''}}</h4>
                            @php
                              $totalReviews = $reviews->count();
                              $averageRating = $totalReviews > 0 ? round($reviews->avg('rating'), 1) : 0;
                              $fullStars = floor($averageRating);
                              $halfStar = ($averageRating - $fullStars) >= 0.5;
                              $emptyStars = 5 - ceil($averageRating);
                            @endphp
                            @if($totalReviews > 0)
                            <div class="bd-course-details-rating">
                              <ul>
                                @for ($i = 0; $i < $fullStars; $i++)
                                  <li><i class="fas fa-star"></i></li>
                                @endfor
                                @if ($halfStar)
                                  <li><i class="fas fa-star-half-alt"></i></li>
                                @endif
                                @for ($i = 0; $i < $emptyStars; $i++)
                                  <li><i class="fal fa-star"></i></li>
                                @endfor
                              </ul>
                              <span>({{ number_format($totalReviews) }} reviews)</span>
                            </div>
                            @endif
                        </div>
                        @endif
                        
                        @if(!empty($courses->description))
                        <div class="bd-course-details-content mb-20">
                            <h3 class="bd-course-details-content-title">Description</h3>
                            <p class="description">{!!$courses->description??''!!}</p>
                        </div>
                        @endif
                        @if(!empty($courses->about_the_course))
                        <div class="bd-course-details-content mb-20">
                            <h3 class="bd-course-details-content-title">About The Course</h3>
                            <p class="description">{!!$courses->about_the_course??''!!}</p>
                        </div>
                        @endif
                        @if(!empty($courses->objectives_of_the_Course))
                        <div class="bd-course-details-content mb-20">
                            <h3 class="bd-course-details-content-title"> Objectives of the Course </h3>
                            <div class="bd-course-details-list-box">
                                <p class="description">{!!$courses->objectives_of_the_Course??''!!}</p>
                            </div>
                        </div>
                        @endif
                        @if(!empty($courses->who_is_this_course_for))
                        <div class="bd-course-details-content mb-20">
                            <h3 class="bd-course-details-content-title">Requirements</h3>
                            <div class="bd-post-details-list">
                                {!!$courses->who_is_this_course_for??''!!}
                            </div>
                        </div>
                        @endif
                        @if($instructers)
                        
                        
        <div class="bd-testimonial-wrapper">
              <div class="swiper usear">
              <div class="swiper-wrapper">
                @foreach($instructers as $instructer )
                @php
                $instructer_course = $instructer ? DB::table('courses')->where('instructor_id', $instructer->id)->count() : 0;
                @endphp
                <div class="swiper-slide">
                   <div class="bd-course-instructors mb-20">
                            <h3 class="bd-course-details-content-title">Instructors</h3>
                            <div class="bd-course-instructors-content">
                                <div class="thumb"> <a href="#"><img
                                            src="{{asset('/admin_upload/'.$instructer->image??'')}}"
                                            alt="Instructor image"></a> </div>
                                <div class="bd-course-instructors-info">
                                    <div class="mb-5">
                                        <h6 class="name"><a href="#">{{$instructer->name??''}}</a></h6>
                                        @if(!empty($instructer->designation))
                                        <span class="designation">{{$instructer->designation??''}}</span>
                                        @endif
                                    </div>
                                    <div class="bd-course-instructors-course mb-15">
                                        @if($instructer_course > 0)
                                        <div class="item"> <i class="fas fa-desktop"></i> <span>{{$instructer_course}} Courses</span> </div>
                                        @endif
                                        @if($students_count > 0)
                                        <div class="item"> <i class="far fa-user-friends"></i> <span>{{$students_count}}
                                                Students</span> </div>
                                        @endif
                                    </div>
                                    @if(!empty($instructer->facebook_link) || !empty($instructer->x_link) || !empty($instructer->linkedin_link) || !empty($instructer->instagram_link) || !empty($instructer->behance_link))
                                    <div class="theme-social">
                                        <ul class="social-icon-list">
                                            @if(!empty($instructer->facebook_link))
                                            <li><a target="_black" href="{{$instructer->facebook_link??''}}"><i
                                                        class="fa-brands fa-facebook-f"></i></a></li>
                                            @endif
                                            @if(!empty($instructer->x_link))
                                            <li><a target="_black"  href="{{$instructer->x_link??''}}"><i
                                                        class="fa-brands fa-x-twitter"></i></a></li>
                                            @endif
                                            @if(!empty($instructer->linkedin_link))
                                            <li><a target="_black"  href="{{$instructer->linkedin_link??''}}"><i
                                                        class="fa-brands fa-linkedin-in"></i></a></li>
                                            @endif
                                            @if(!empty($instructer->instagram_link))
                                            <li><a target="_black"  href="{{$instructer->instagram_link??''}}"><i
                                                        class="fa-brands fa-instagram"></i></a></li>
                                            @endif
                                            @if(!empty($instructer->behance_link))
                                            <li><a target="_black"  href="{{$instructer->behance_link??''}}"><i
                                                        class="fa-brands fa-behance"></i></a></li>
                                            @endif
                                        </ul>
                                    </div>
                                    @endif
                                </div>
                            </div>
                            @if(!empty($instructer->description))
                            <div class="bd-course-instructors-bio mt-15">
                                <p>{!!$instructer->description??''!!}</p>
                            </div>
                            @endif
                        </div>
                </div>
                @endforeach

              </div>
              
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
               
            </div>
         </div> 
                        
                        
                        
                        
                        @endif
                        @if($reviews->isNotEmpty())
                        <div class="bd-student-feedback mb-10">
                          <h3 class="bd-course-details-content-title">Student Feedback</h3>
                          <div class="bd-review-rating-wrapper">
                          <div class="row gy-30 align-items-center">
                            @php
                            $totalReviews = $reviews->count();
                            $averageRating = $totalReviews > 0 ? round($reviews->avg('rating'), 1) : 0;
                            $starCounts = [1 => 0, 2 => 0, 3 => 0, 4 => 0, 5 => 0];
                            foreach ($reviews as $review) {
                              $rating = (int) $review->rating;
                              if ($rating >= 1 && $rating <= 5) {
                              $starCounts[$rating]++;
                              }
                            }
                            $starColors = [
                              5 => 'bg-success',
                              4 => 'bg-primary',
                              3 => 'bg-warning',
                              2 => 'bg-orange',
                              1 => 'bg-danger',
                            ];
                            @endphp
                            <div class="col-xl-3 col-lg-3 col-md-4 col-sm-4">
                            <div class="bd-rating-box">
                              <div class="bd-rating-box-number">{{ $averageRating }}</div>
                              <div class="bd-rating-box-icon">
                              @for ($i = 1; $i <= 5; $i++)
                                @if ($i <= floor($averageRating))
                                <a href="#"><i class="fa fa-star"></i></a>
                                @elseif ($i == ceil($averageRating) && ($averageRating - floor($averageRating)) >= 0.5)
                                <a href="#"><i class="fa fa-star-half-alt"></i></a>
                                @else
                                <a href="#"><i class="fa fa-star" style="color: #e4e4e4;"></i></a>
                                @endif
                              @endfor
                              </div>
                              <span class="bd-rating-box-title">({{ number_format($totalReviews) }} Reviews)</span>
                            </div>
                            </div>
                            <div class="col-xl-9 col-lg-9 col-md-8 col-sm-12">
                            <div class="bd-review-progress-wrapper">
                              @for ($star = 5; $star >= 1; $star--)
                              @php
                                $count = $starCounts[$star];
                                $percent = $totalReviews > 0 ? round(($count / $totalReviews) * 100) : 0;
                                $barClass = $starColors[$star] ?? 'bg-secondary';
                              @endphp
                              <div class="bd-review-progress-bar progress-style-2">
                                <div class="bd-review-text">{{ $star }}</div>
                                <div class="single-progress">
                                <div class="progress">
                                  <div class="progress-bar {{ $barClass }} wow bdFadeInLeft"
                                  data-wow-duration="0.5s" data-wow-delay=".3s"
                                  role="progressbar" style="width: {{ $percent }}%" aria-valuenow="{{ $percent }}"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                                </div>
                                <div class="bd-review-meta">
                                <span class="bd-review-percent">{{ $percent }}%</span>
                                <span class="bd-review-number">{{ $count }}</span>
                                </div>
                              </div>
                              @endfor
                            </div>
                            </div>
                          </div>
                          </div>
                        </div>
                        @endif
                        <div class="bd-course-detalis-reviews mb-10">
                          <h3 class="bd-course-details-content-title">Reviews</h3>
                          <div class="swiper kindergartenProgramActive111">
                            <div class="swiper-wrapper">
                              @forelse($reviews as $review)
                                <div class="swiper-slide">
                                  <div class="bd-postbox-comment-box d-sm-flex align-items-start">
                                    <div class="bd-postbox-comment-info">
                                      @if(!empty($review->image))
                                      <div class="bd-postbox-comment-avatar">
                                        <img src="{{ asset('/admin_upload/'.$review->image ?? '') }}" alt="image">
                                      </div>
                                      @endif
                                    </div>
                                    <div class="bd-postbox-comment-text">
                                      <div class="d-flex flex-wrap gap-15 align-items-center justify-content-between mb-10">
                                        <div class="post-rating">
                                          @php $rating = (int) $review->rating; @endphp
                                          @for ($i = 1; $i <= 5; $i++)
                                            <a href="#">
                                              <i class="fa fa-star" style="{{ $i <= $rating ? '' : 'color: #e4e4e4;' }}"></i>
                                            </a>
                                          @endfor
                                        </div>
                                      </div>
                                      <div class="bd-postbox-comment-name">
                                        <h5 class="title mb-5"><a href="#">{{ $review->name ?? 'Anonymous' }}</a></h5>
                                        <span class="post-meta">{{ \Carbon\Carbon::parse($review->created_at)->format('F d, Y') }}</span>
                                      </div>
                                      @if(!empty($review->description))
                                      <p>{!! $review->description ?? '' !!}</p>
                                      @endif
                                    </div>
                                  </div>
                                </div>
                              @empty
                                <div class="swiper-slide">
                                  <div class="bd-postbox-comment-box">
                                    <div class="bd-postbox-comment-text">
                                      <p>No reviews yet. Be the first to review this course!</p>
                                    </div>
                                  </div>
                                </div>
                              @endforelse
                            </div>

                            <!-- Swiper Arrows -->
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-button-next"></div>

                            <!-- Pagination -->
                            <div class="bd-testimonial-pagination mt-3"></div>
                          </div>
                        </div>

                    </div>
                </div>
                <div class="col-xxl-4 col-xl-4 col-lg-4">
                    <div class="bd-course-sidebar-widget sidebar-right sidebar-sticky">
                        @if(!empty($courses->image) || !empty($courses->you_tube_link))
                        <div class="bd-course-sidebar-widget-thumb mb-20 p-relative"> <img
                                src="{{asset('/upload/courses/'.$courses->image??'')}}" alt="image">
                            @if(!empty($courses->you_tube_link))
                            <div class="thumb-btn"> <a class="bd-video-btn popup-video has-bg"
                                    href="{{$courses->you_tube_link??''}}"> <span class="icon"><i
                                            class="fa-solid fa-play"></i></span> </a> </div>
                            @endif
                        </div>
                        @endif
                        @if(!empty($courses->amount2) || !empty($courses->amount))
                        <div class="bd-course-sidebar-widget-price mb-20">
                            <div class="bd-course-price"> <span class="current-price"> ₹ {{$courses->amount2??''}}</span> 
                            <span class="old-price"> ₹ {{$courses->amount??''}}</span> </div>
                        </div>
                        @endif
                        @if(!empty($courses->level) || !empty($courses->lessons) || $services || !empty($details))
                        <div class="bd-course-sidebar-widget-list mb-20">
                            <ul>
                                @if(!empty($courses->level))
                                <li>
                                    <div class="icon"> <span>Level</span> </div>
                                    <div class="video-corse-info"> <span>{{$courses->level??''}}</span> </div>
                                </li>
                                @endif
                                @if(!empty($courses->lessons))
                                <li>
                                    <div class="icon"> <span>Lessons</span> </div>
                                    <div class="video-corse-info"> <span>{{$courses->lessons??''}}</span> </div>
                                </li>
                                @endif
                                @if($services)
                                <li>
                                    <div class="icon"> <span>Category</span> </div>
                                    <div class="video-corse-info"> <span>{{DB::table('services')->where('id',$courses->service_id)->value('title')}}</span> </div>
                                </li>
                                @endif
                                @php
                                  $details = [];
                                  if (!empty($courses->details_information) && is_string($courses->details_information)) {
                                    $details = json_decode($courses->details_information, true);
                                  } elseif (is_array($courses->details_information)) {
                                    $details = $courses->details_information;
                                  }
                                @endphp
                                @if(!empty($details) && is_array($details))
                                  @foreach($details as $item)
                                    @if(!empty($item['detail']) && !empty($item['information']))
                                      <li>
                                        <div class="icon"> <span>{{ $item['detail'] }}</span> </div>
                                        <div class="video-corse-info"> <span>{{ $item['information'] }}</span> </div>
                                      </li>
                                    @endif
                                  @endforeach
                                @endif
                            </ul>
                        </div>
                        @endif
                      <div class="bd-course-sidebar-widget-btn d-flex-between flex-wrap gap-15">
                          <button type="button" class="bd-btn btn-primary w-100" data-bs-toggle="modal" data-bs-target="#signupModal">
                              <span class="left-icon"><i class="fal fa-book"></i></span>Enroll Now
                          </button>
                      </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @include('web.pages.sign_up')