@extends('user-front.layout')

@section('tab-title')
  {{ $keywords['course_details'] ?? 'Course Details' }}
@endsection

@section('meta-description', !empty($userSeo) ? $userSeo->meta_description_course_details : '')
@section('meta-keywords', !empty($userSeo) ? $userSeo->meta_keyword_course_details : '')

@section('page-name')
  {{ $keywords['course_details'] ?? 'Course Details' }}
@endsection
@section('br-name')
  {{ $keywords['course_details'] ?? 'Course Details' }}
@endsection

@section('content')
  @php
    $position = $currencyInfo->base_currency_symbol_position;
    $symbol = $currencyInfo->base_currency_symbol;
  @endphp

  <!--====== COURSE TITLE PART START ======-->
  <section class="course-title-area ptb-100 bg_cover lazy @if ($userBs->theme == 'home_two') custom-padding @endif"
    data-bg="{{ asset(\App\Constants\Constant::WEBSITE_COURSE_COVER_IMAGE . '/' . $details->cover_image) }}">
    <div class="container">
      <div class="row">
        <div class="col-lg-8">
          <div class="course-title-content">
            <div class="course-title-content-title">
              <span>{{ $details->categoryName }}</span>
              <h2 class="title">{{ $details->title }}</h2>
            </div>
            <div class="course-rating d-flex">
              @if (!is_null($details->average_rating))
                <div class="rate">
                  <div class="rating" style="width: {{ $details->average_rating * 20 . '%;' }}"></div>
                </div>
                <p>
                  {{ $details->average_rating . ' (' . $ratingCount . ' ' . $keywords['ratings'] ?? __('ratings') . ')' }}
                </p>
              @endif
              <ul>
                <li><span><i class="fal fa-users"></i>
                    {{ $enrolmentCount }}
                    {{ $keywords['Students_Enrolled'] ?? __('Students Enrolled') }}</span></li>
              </ul>
            </div>
            <div class="course-info">
              <ul>
                <li><i class="fal fa-user"></i> {{ $keywords['by'] ?? 'By' }}
                  {{ $details->instructorName }}</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--====== COURSE TITLE PART END ======-->

  <!--====== COURSE DETAILS PART START ======-->
  <section class="course-details-area">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-lg-8">
          <div class="course-details-items white-bg">
            <div class="course-thumb">
              <div class="tab-btns">
                <ul class="nav nav-pills d-flex justify-content-between" id="pills-tab" role="tablist">
                  <li class="nav-item">
                    <a class="nav-link active" id="pills-1-tab" data-toggle="pill" href="#pills-1" role="tab"
                      aria-controls="pills-1" aria-selected="true"><i class="fal fa-list"></i>
                      {{ $keywords['Description'] ?? __('Description') }}</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" id="pills-2-tab" data-toggle="pill" href="#pills-2" role="tab"
                      aria-controls="pills-2" aria-selected="false"><i class="fal fa-book"></i>
                      {{ $keywords['curriculum'] ?? __('Curriculum') }}</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" id="pills-3-tab" data-toggle="pill" href="#pills-3" role="tab"
                      aria-controls="pills-3" aria-selected="false"><i class="fal fa-user"></i>
                      {{ $keywords['Instructor'] ?? __('Instructor') }}</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" id="pills-4-tab" data-toggle="pill" href="#pills-4" role="tab"
                      aria-controls="pills-4" aria-selected="false"><i class="fal fa-stars"></i>
                      {{ $keywords['Reviews'] ?? __('Reviews') }}</a>
                  </li>
                </ul>
              </div>
            </div>

            <div class="tab-content" id="pills-tabContent">
              <div class="tab-pane fade show active" id="pills-1" role="tabpanel" aria-labelledby="pills-1-tab">
                <div class="course-details-item">
                  <div class="summernote-content pt-3">
                    {!! replaceBaseUrl($details->description) !!}
                  </div>

                  <div class="course-faq">
                    <h4 class="title">
                      {{ $keywords['frequently_asked_questions'] ?? __('Frequently Asked Questions') }}
                    </h4>
                  </div>

                  @php
                    $faqs = DB::table('user_course_faqs')
                        ->where('course_id', $details->id)
                        ->where('language_id', $details->language_id)
                        ->orderBy('serial_number', 'asc')
                        ->get();
                  @endphp

                  @if (count($faqs) == 0)
                    <div class="row">
                      <div class="col">
                        <h5 class="text-center bg-light py-5">
                          {{ $keywords['No_FAQ_Found'] ?? __('No FAQ Found') . '!' }}</h5>
                      </div>
                    </div>
                  @else
                    <div class="course-accordian">
                      <div class="accordion" id="accordionCourse">
                        @foreach ($faqs as $faq)
                          <div class="card">
                            <div class="card-header">
                              <a class="{{ $loop->first ? '' : 'collapsed' }} title" data-toggle="collapse"
                                data-target="{{ '#collapse-' . $faq->id }}"
                                aria-expanded="{{ $loop->first ? 'true' : 'false' }}">
                                {{ $faq->question }}
                              </a>
                            </div>
                            <div id="{{ 'collapse-' . $faq->id }}" class="collapse {{ $loop->first ? 'show' : '' }}"
                              data-parent="#accordionCourse">
                              <div class="card-body">
                                <p>{{ $faq->answer }}</p>
                              </div>
                            </div>
                          </div>
                        @endforeach
                      </div>
                    </div>
                  @endif
                </div>
              </div>

              <div class="tab-pane fade" id="pills-2" role="tabpanel" aria-labelledby="pills-2-tab">
                <div class="curriculum-accordion">
                  <div class="accordion" id="curriculumAccordion">
                    @php
                      $modules = DB::table('user_course_modules')
                          ->where('course_information_id', $details->courseInfoId)
                          ->where('status', 'published')
                          ->orderBy('serial_number', 'asc')
                          ->get();
                    @endphp

                    @foreach ($modules as $module)
                      <div class="card">
                        @php
                          $modulePeriod = $module->duration;
                          $array = explode(':', $modulePeriod);
                          $moduleHour = $array[0];
                          $moduleDuration = \Carbon\Carbon::parse($modulePeriod);
                        @endphp

                        <div class="card-header">
                          <a class="{{ $loop->first ? '' : 'collapsed' }} title" data-toggle="collapse"
                            data-target="{{ '#collapse-' . $module->id }}"
                            aria-expanded="{{ $loop->first ? 'true' : 'false' }}">
                            {{ $module->title }}
                            <span
                              class="badge badge-warning">{{ $moduleHour == '00' ? '' : $moduleDuration->format('h') . 'h ' }}{{ $moduleDuration->format('i') . 'm' }}</span>
                          </a>
                        </div>
                        <div id="{{ __('collapse-') . $module->id }}"
                          class="collapse {{ $loop->first ? 'show' : '' }}"
                          aria-labelledby="{{ 'heading-' . $module->id }}" data-parent="#curriculumAccordion">
                          @php
                            $lessons = DB::table('user_lessons')
                                ->where('module_id', $module->id)
                                ->where('status', 'published')
                                ->orderBy('serial_number', 'asc')
                                ->get();
                          @endphp

                          <div class="card-body">
                            <ul class="play-list">
                              @foreach ($lessons as $lesson)
                                @php
                                  $lessonPeriod = $lesson->duration;
                                  $lessonDuration = \Carbon\Carbon::parse($lessonPeriod);
                                @endphp
                                <li>
                                  <a><i class="fas fa-play"></i>{{ $lesson->title }}<span
                                      class="time">{{ $lessonDuration->format('i') . ':' }}{{ $lessonDuration->format('s') }}</span></a>
                                </li>
                              @endforeach
                            </ul>
                          </div>
                        </div>
                      </div>
                    @endforeach
                  </div>
                </div>
              </div>

              <div class="tab-pane fade" id="pills-3" role="tabpanel" aria-labelledby="pills-3-tab">
                <div class="instructor-box">
                  <div class="thumb">
                    <img
                      data-src="{{ asset(\App\Constants\Constant::WEBSITE_INSTRUCTOR_IMAGE . '/' . $details->instructorImage) }}"
                      class="lazy" alt="Instructor">
                  </div>
                  <div class="info">
                    <h5>{{ $details->instructorName }}</h5>
                    <span class="position d-block">{{ $details->instructorJob }}</span>
                    {!! replaceBaseUrl($details->instructorDetails, 'summernote') !!}

                    @php
                      $socials = DB::table('user_course_instructor_social_links')
                          ->where('instructor_id', $details->instructorId)
                          ->orderBy('serial_number', 'asc')
                          ->get();
                    @endphp

                    @if (count($socials) > 0)
                      <ul class="social-link">
                        @foreach ($socials as $social)
                          <li><a href="{{ $social->url }}"><i class="{{ $social->icon }}"></i></a></li>
                        @endforeach
                      </ul>
                    @endif
                  </div>
                </div>
              </div>

              <div class="tab-pane fade" id="pills-4" role="tabpanel" aria-labelledby="pills-4-tab">
                <div class="reviews-area">
                  @guest('customer')
                    <h4 class="mb-3">
                      {{ $keywords['please_login_to_give_your_feedback'] ?? __('Please login to give your feedback') . '.' }}
                    </h4>
                    <a href="{{ route('customer.login', [getParam(), 'redirectPath' => 'course_details']) }}"
                      class="
                                            @if ($userBs->theme == 'home_eleven') btn
                                            @elseif($userBs->theme == 'home_four') template-btn
                                            @elseif($userBs->theme == 'home_five') template-btn
                                            @elseif($userBs->theme == 'home_nine') btn
                                            @else main-btn @endif">{{ $keywords['Login'] ?? __('Login') }}</a>
                  @endguest
                  @auth('customer')
                    <div class="rating-form-area">
                      <h4 class="title">{{ $keywords['ratings'] ?? __('Ratings') . '*' }}</h4>
                      <div class="rating-form mb-35">
                        <form action="{{ route('front.user.course.store_feedback', [getParam(), 'id' => $details->id]) }}"
                          method="POST">
                          @csrf
                          <div class="form_rating">
                            <ul class="rating">
                              <li class="review-value review-1">
                                <span class="far fa-star" data-ratingVal="1"></span>
                              </li>
                              <li class="review-value review-2">
                                <span class="far fa-star" data-ratingVal="2"></span>
                                <span class="far fa-star" data-ratingVal="2"></span>
                              </li>
                              <li class="review-value review-3">
                                <span class="far fa-star" data-ratingVal="3"></span>
                                <span class="far fa-star" data-ratingVal="3"></span>
                                <span class="far fa-star" data-ratingVal="3"></span>
                              </li>
                              <li class="review-value review-4">
                                <span class="far fa-star" data-ratingVal="4"></span>
                                <span class="far fa-star" data-ratingVal="4"></span>
                                <span class="far fa-star" data-ratingVal="4"></span>
                                <span class="far fa-star" data-ratingVal="4"></span>
                              </li>
                              <li class="review-value review-5">
                                <span class="far fa-star" data-ratingVal="5"></span>
                                <span class="far fa-star" data-ratingVal="5"></span>
                                <span class="far fa-star" data-ratingVal="5"></span>
                                <span class="far fa-star" data-ratingVal="5"></span>
                                <span class="far fa-star" data-ratingVal="5"></span>
                              </li>
                            </ul>
                          </div>

                          <input type="hidden" id="rating-id" name="rating">

                          <div class="form_group">
                            <textarea class="form_control" name="comment"
                              placeholder="{{ $keywords['enter_your_feedback'] ?? __('Enter Your Feedback') }}">{{ old('comment') }}</textarea>
                          </div>

                          <div class="form_group">
                            <button
                              class="
                                                            @if ($userBs->theme == 'home_eleven') btn
                                                            @elseif($userBs->theme == 'home_four') template-btn
                                                            @elseif($userBs->theme == 'home_five') template-btn
                                                            @else main-btn @endif">
                              {{ $keywords['Submit'] ?? __('Submit') }}
                            </button>
                          </div>
                        </form>
                      </div>
                    </div>
                  @endauth

                  @if (count($reviews) == 0)
                    <h4 class="mt-25 text-center">
                      {{ $keywords['this_course_is_not_reviewed_yet'] ?? __('This course is not reviewed yet') . '.' }}
                    </h4>
                  @else
                    <div class="reviews-list">
                      @foreach ($reviews as $review)
                        <div class="reviews-item">
                          @php $user = $review->customerInfo()->first(); @endphp

                          <div class="thumb">
                            @if (is_null($user->image))
                              <img data-src="{{ asset('assets/front/img/user/profile.jpg') }}" class="lazy img-fluid"
                                alt="User">
                            @else
                              <img data-src="{{ asset('assets/user/img/users/' . $user->image) }}"
                                class="lazy img-fluid" alt="User">
                            @endif
                          </div>
                          <div class="content">
                            <div class="title-review">
                              <div class="title">
                                <h5>{{ $user->first_name . ' ' . $user->last_name }}</h5>
                                <span class="date">{{ date_format($review->created_at, 'F d, Y') }}</span>
                              </div>
                              <ul class="rating user-rating">
                                @for ($i = 0; $i < $review->rating; $i++)
                                  <li><i class="fas fa-star"></i></li>
                                @endfor
                              </ul>
                            </div>
                            <p>{{ $review->comment }}</p>
                          </div>
                        </div>
                      @endforeach
                    </div>
                  @endif
                </div>
              </div>

              @if (is_array($packagePermissions) && in_array('Advertisement', $packagePermissions))
                @if (!empty(showAd(3)))
                  <div class="text-center mt-30">
                    {!! showAd(3) !!}
                  </div>
                @endif
              @endif

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

        <div class="col-lg-4 col-md-7 col-sm-9">
          <div class="course-details-sidebar white-bg">
            <div class="course-sidebar-thumb">
              <img
                data-src="{{ asset(\App\Constants\Constant::WEBSITE_COURSE_THUMBNAIL_IMAGE . '/' . $details->thumbnail_image) }}"
                class="lazy" alt="image">
              <a class="video-popup" href="{{ $details->video_link }}"><i class="fas fa-play"></i></a>
            </div>

            <div class="course-sidebar-price d-flex justify-content-between align-items-center">
              @if ($details->pricing_type == 'premium')
                <h3 class="title">
                  {{ $position == 'left' ? $symbol : '' }}{{ formatNumber($details->current_price) }}{{ $position == 'right' ? $symbol : '' }}
                  @if (!is_null($details->previous_price))
                    <span>{{ $position == 'left' ? $symbol : '' }}{{ formatNumber($details->previous_price) }}{{ $position == 'right' ? $symbol : '' }}</span>
                  @endif
                </h3>
              @else
                <h3 class="title">{{ $keywords['Free'] ?? __('Free') }}</h3>
              @endif
            </div>

            <div class="course-sidebar-price d-none" id="discount-info">
              <h6>{{ $keywords['discounted_price'] ?? __('Discounted Price') }}:
                {{ $position == 'left' ? $symbol : '' }}<span
                  id="discount-price"></span>{{ $position == 'right' ? $symbol : '' }}</h6>
            </div>

            <div class="course-sidebar-btns">
              @if (session()->has('profile_warning'))
                <div class="alert alert-warning" role="alert">
                  <strong>{{ session()->get('profile_warning') }} <a
                      href="{{ route('customer.edit_profile', getParam()) }}">{{ $keywords['here'] ?? __('here') }}</a></strong>
                </div>
              @endif

              @error('attachment')
                <div class="alert alert-danger" role="alert">
                  <strong>{{ $message }}</strong>
                </div>
              @enderror

              @php
                $courseType = '';

                if ($details->pricing_type == 'free') {
                    $courseType = 'free';
                }
              @endphp

              @auth('customer')
                @if (
                    ($details->pricing_type == 'premium' &&
                        (!is_null($enrolmentInfo) && $enrolmentInfo->payment_status == 'completed')) ||
                        ($details->pricing_type == 'free' && !is_null($enrolmentInfo)))
                  <div class="alert alert-success" role="alert">
                    <strong>{{ $keywords['you_have_already_enrolled_in_this_course'] ?? __('You have already enrolled in this course') . '.' }}</strong>
                  </div>
                @endif
              @endauth

              @if (
                  !Auth::guard('customer')->check() ||
                      (($details->pricing_type == 'premium' &&
                          (is_null($enrolmentInfo) || $enrolmentInfo->payment_status != 'completed')) ||
                          ($details->pricing_type == 'free' && is_null($enrolmentInfo))))
                <form id="my-checkout-form"
                  action="{{ route('front.user.course.enrolment', [getParam(), 'id' => $details->id, 'type' => $courseType]) }}"
                  method="POST" enctype="multipart/form-data">
                  @csrf
                  @if ($details->pricing_type == 'premium')
                    <select name="gateway" class="course-select mb-4" id="payment-gateway">
                      <option selected disabled>
                        {{ $keywords['select_payment_gateway'] ?? __('Select Payment Gateway') }}
                      </option>

                      @if (count($onlineGateways) > 0)
                        @foreach ($onlineGateways as $onlineGateway)
                          <option value="{{ $onlineGateway->keyword }}"
                            {{ $onlineGateway->keyword == old('gateway') ? 'selected' : '' }}>
                            {{ $onlineGateway->name }}
                          </option>
                        @endforeach
                      @endif

                      @if (count($offlineGateways) > 0)
                        @foreach ($offlineGateways as $offlineGateway)
                          <option value="{{ $offlineGateway->id }}"
                            {{ $offlineGateway->id == old('gateway') ? 'selected' : '' }}>
                            {{ $offlineGateway->name }}
                          </option>
                        @endforeach
                      @endif
                    </select>

                    <div class="iyzico-element {{ old('gateway') == 'iyzico' ? '' : 'd-none' }}">
                      <input type="text" name="identity_number" class="form-control mb-2"
                        placeholder="Identity Number">
                      @error('identity_number')
                        <p class="text-danger text-left">{{ $message }}</p>
                      @enderror
                      <input type="text" name="zip_code" class="form-control" placeholder="Zip Code">
                      @error('zip_code')
                        <p class="text-danger text-left">{{ $message }}</p>
                      @enderror
                    </div>

                    @foreach ($onlineGateways as $onlineGateway)
                      @if ($onlineGateway->keyword == 'stripe')
                        <div id="stripe-element" class="mb-2">
                          <!-- A Stripe Element will be inserted here. -->
                        </div>
                        <!-- Used to display form errors -->
                        <div id="stripe-errors" class="pb-2 text-danger" role="alert">
                        </div>
                      @endif
                      @if ($onlineGateway->keyword == 'authorize.net')
                        <div id="authorize-net-input"
                          class="@if (
                              $errors->has('anetCardNumber') ||
                                  $errors->has('anetExpMonth') ||
                                  $errors->has('anetExpYear') ||
                                  $errors->has('anetCardCode')) d-block @else d-none @endif">
                          <div class="form-group mb-4">
                            <input type="text" class="form-control" id="anetCardNumber" name="anetCardNumber"
                              placeholder="{{ $keywords['enter_your_card_number'] ?? __('Enter Your Card Number') }}"
                              autocomplete="off">
                            <p class="mt-2 text-danger" id="anetCardNumber-error"></p>
                            @error('anetCardNumber')
                              <p class="mt-2 text-danger">{{ $message }}</p>
                            @enderror
                          </div>

                          <div class="form-group mb-4">
                            <input type="text" class="form-control" id="anetExpMonth" name="anetExpMonth"
                              placeholder="{{ $keywords['enter_expiry_month'] ?? __('Enter Expiry Month') }}"
                              autocomplete="off">
                            <p class="mt-2 text-danger" id="anetExpMonth-error"></p>
                            @error('anetExpMonth')
                              <p class="mt-2 text-danger">{{ $message }}</p>
                            @enderror
                          </div>

                          <div class="form-group mb-4">
                            <input type="text" class="form-control" id="anetExpYear" name="anetExpYear"
                              placeholder="{{ $keywords['enter_expiry_year'] ?? __('Enter Expiry Year') }}"
                              autocomplete="off">
                            @error('anetExpYear')
                              <p class="mt-2 text-danger">{{ $message }}</p>
                            @enderror
                          </div>

                          <div class="form-group mb-4">
                            <input type="text" class="form-control" id="anetCardCode" name="anetCardCode"
                              placeholder="{{ $keywords['enter_card_code'] ?? __('Enter Card Code') }}"
                              autocomplete="off">
                            @error('anetCardCode')
                              <p class="mt-2 text-danger">{{ $message }}</p>
                            @enderror
                          </div>
                          <input type="hidden" name="opaqueDataValue" id="opaqueDataValue" />
                          <input type="hidden" name="opaqueDataDescriptor" id="opaqueDataDescriptor" />
                          <ul id="anetErrors" class="dis-none"></ul>
                        </div>
                      @endif
                    @endforeach

                    @foreach ($offlineGateways as $offlineGateway)
                      <div class="@if ($errors->has('attachment') && request()->session()->get('gatewayId') == $offlineGateway->id) d-block @else d-none @endif offline-gateway-info"
                        id="{{ 'offline-gateway-' . $offlineGateway->id }}">
                        @if (!is_null($offlineGateway->short_description))
                          <div class="form-group mb-4">
                            <label>{{ $keywords['description'] ?? __('Description') }}</label>
                            <p>{{ $offlineGateway->short_description }}</p>
                          </div>
                        @endif

                        @if (!is_null($offlineGateway->instructions))
                          <div class="form-group mb-4">
                            <label>{{ $keywords['instructions'] ?? __('Instructions') }}</label>
                            <p>{!! replaceBaseUrl($offlineGateway->instructions) !!}</p>
                          </div>
                        @endif

                        @if ($offlineGateway->is_receipt == 1)
                          <div class="form-group mb-4">
                            <label>{{ $keywords['attachment'] ?? __('Attachment') }} *</label>
                            <br>
                            <input type="file" name="attachment">
                          </div>
                        @endif
                      </div>
                    @endforeach
                    {{-- @if (is_array($packagePermissions) && in_array('Coupon', $packagePermissions)) --}}
                    <div class="input-group mb-4">
                      <input type="text" class="form-control" id="coupon-code"
                        placeholder="{{ $keywords['Enter_Your_Coupon'] ?? __('Enter Your Coupon') }}"
                        aria-label="Coupon Code" aria-describedby="coupon-btn">
                      <div class="{{ $currentLanguageInfo->rtl == 0 ? 'input-group-append' : 'input-group-prepend' }}">
                        <button class="btn" type="button"
                          id="coupon-btn">{{ $keywords['Apply'] ?? __('Apply') }}</button>
                      </div>
                    </div>
                    {{-- @endif --}}
                  @endif

                  <button id="enrol-btn" type="button"> <i class="fal fa-user-graduate"></i>
                    {{ $keywords['enrol_now'] ?? __('Enrol Now') }}</button>
                </form>
              @endif

              <h6 class="title">{{ $keywords['this_course_includes'] ?? __('This Course Includes') }}</h6>

              @php $features = explode(PHP_EOL, $details->features); @endphp

              <ul>
                @foreach ($features as $feature)
                  <li><i class="fal fa-check"></i> {{ $feature }}</li>
                @endforeach
              </ul>
            </div>

            <div class="course-sidebar-share">
              <a href="//www.facebook.com/sharer/sharer.php?u={{ urlencode(url()->current()) }}"><i
                  class="fab fa-facebook-f"></i></a>
              <a href="//twitter.com/intent/tweet?text=my share text&amp;url={{ urlencode(url()->current()) }}"><i
                  class="fab fa-twitter"></i></a>
              <a
                href="//www.linkedin.com/shareArticle?mini=true&amp;url={{ urlencode(url()->current()) }}&amp;title={{ $details->title }}"><i
                  class="fab fa-linkedin"></i></a>
            </div>
          </div>

          @if (count($relatedCourses) > 0)
            <div class="trending-course">
              <h4 class="title"><i class="fal fa-book"></i>
                {{ $keywords['related_courses'] ?? __('Related Courses') }}</h4>
              @foreach ($relatedCourses as $relatedCourse)
                <div class="single-courses mt-30">
                  <div class="courses-thumb">
                    <a class="d-block"
                      href="{{ route('front.user.course.details', [getParam(), 'slug' => $relatedCourse->slug]) }}"><img
                        data-src="{{ asset(\App\Constants\Constant::WEBSITE_COURSE_THUMBNAIL_IMAGE . '/' . $relatedCourse->thumbnail_image) }}"
                        class="lazy" alt="image"></a>

                    <div class="corses-thumb-title item-2">
                      <a class="category"
                        href="{{ route('front.user.courses', [getParam(), 'category' => $relatedCourse->categorySlug]) }}">{{ $relatedCourse->categoryName }}</a>
                    </div>
                  </div>
                  <div class="courses-content">
                    <a href="{{ route('front.user.course.details', [getParam(), 'slug' => $relatedCourse->slug]) }}">
                      <h4 class="title">
                        {{ strlen($relatedCourse->title) > 45 ? mb_substr($relatedCourse->title, 0, 45, 'UTF-8') . '...' : $relatedCourse->title }}
                      </h4>
                    </a>
                    <div class="courses-info d-flex justify-content-between">
                      <div class="item">
                        <img
                          data-src="{{ asset('assets/tenant/image/instructors/' . $relatedCourse->instructorImage) }}"
                          class="lazy" alt="instructor">
                        <p>
                          {{ strlen($relatedCourse->instructorName) > 10 ? mb_substr($relatedCourse->instructorName, 0, 10, 'utf-8') . '...' : $relatedCourse->instructorName }}
                        </p>
                      </div>

                      <div class="price">
                        @if ($relatedCourse->pricing_type == 'premium')
                          <span>{{ $position == 'left' ? $symbol : '' }}{{ formatNumber($relatedCourse->current_price) }}{{ $position == 'right' ? $symbol : '' }}</span>

                          @if (!is_null($relatedCourse->previous_price))
                            <span
                              class="pre-price">{{ $position == 'left' ? $symbol : '' }}{{ formatNumber($relatedCourse->previous_price) }}{{ $position == 'right' ? $symbol : '' }}</span>
                          @endif
                        @else
                          <span>{{ $keywords['Free'] ?? __('Free') }}</span>
                        @endif
                      </div>
                    </div>
                    <ul class="d-flex justify-content-center">
                      <li><i class="fal fa-users"></i>
                        {{ $relatedCourse->enrolmentCount . ' ' }}
                        {{ $keywords['students'] ?? __('Students') }}
                      </li>

                      @php
                        $period = $relatedCourse->duration;
                        $array = explode(':', $period);
                        $hour = $array[0];
                        $courseDuration = \Carbon\Carbon::parse($period);
                      @endphp

                      <li><i class="fal fa-clock"></i>
                        {{ $hour == '00' ? '00' : $courseDuration->format('h') }}h
                        {{ $courseDuration->format('i') }}m</li>
                    </ul>
                  </div>
                </div>
              @endforeach
            </div>
          @endif


        </div>
      </div>
    </div>
  </section>
  <!--====== COURSE DETAILS PART END ======-->

@endsection

@section('scripts')
  {{-- START: Authorize.net Scripts --}}
  @php
    $user = getUser();
    $anet = App\Models\User\UserPaymentGeteway::query()
        ->where('user_id', $user->id)
        ->where('keyword', 'authorize.net')
        ->first();

    $anetSrc = 'assets/front/js/anet-test.js';
    $anetAcceptSrc = 'https://jstest.authorize.net/v1/Accept.js';
    if (!is_null($anet)) {
        $anetInfo = $anet->convertAutoData();
        $anetTest = $anetInfo['sandbox_check'] ?? '';
        if ($anetTest != 1) {
            $anetSrc = 'assets/front/js/anet.js';
            $anetAcceptSrc = 'https://js.authorize.net/v1/Accept.js';
        }
    }
  @endphp
  <script type="text/javascript" src="{{ asset("${anetSrc}") }}" charset="utf-8"></script>
  <script type="text/javascript" src="{{ $anetAcceptSrc }}" charset="utf-8"></script>
  <script>
    "use strict";
    let courseId = {{ $details->id }};
    const couponUrl = "{{ route('front.user.course.enrolment.apply.coupon', getParam()) }}";
    let stripe_key = "{{ $stripe_key }}";
  </script>
  @if (!empty($stripe_key))
    <script src="https://js.stripe.com/v3/"></script>
  @endif
  <script>
    "use strict";
    var clientKey = "{{ isset($anetInfo) && !is_null($anetInfo) ? $anetInfo['public_key'] : null }}";
    var apiLoginID = "{{ isset($anetInfo) && !is_null($anetInfo) ? $anetInfo['login_id'] : null }}";
  </script>
  <script type="text/javascript" src="{{ asset('assets/tenant/js/course/course-details.js') }}"></script>

@endsection