<?php $__env->startPush('title', get_phrase('Course Details')); ?>
<?php $__env->startPush('meta'); ?><?php $__env->stopPush(); ?>
<?php $__env->startPush('css'); ?><?php $__env->stopPush(); ?>
<?php $__env->startSection('content'); ?>
<?php
$instructor_review = App\Models\Instructor_review::where('instructor_id', get_course_creator_id($course_details->id)->id)
->orderBy('id', 'DESC')
->get();
$review = App\Models\Review::where('course_id', $course_details->id)
->orderBy('id', 'DESC')
->get();
$total = $review->count();
$rating = array_sum(array_column($review->toArray(), 'rating'));
$average_rating = 0;
if ($total != 0) {
$average_rating = $rating / $total;
}
?>
<!------------------- Breadcum Area Start ------>
<section class="breadcum-area page-content-pb-100 bg-white">
<div class="container">
<div class="row">
<div class="col-lg-8 px-4">
<div class="eNtry-breadcum mt-4">
<nav aria-label="breadcrumb">
<ol class="breadcrumb d-flex flex-nowrap">
<li class="breadcrumb-item"><a href="<?php echo e(route('home')); ?>"><?php echo e(get_phrase('Home')); ?></a></li>
<li class="breadcrumb-item ellipsis-line-1 active" aria-current="page"><?php echo e($course_details->title); ?>
</li>
</ol>
</nav>
</div>
<div class="course-details pe-auto pe-lg-5">
<h2 class="g-title ellipsis-line-4"><?php echo e($course_details->title); ?></h2>
<p class="g-text text-dark ellipsis-line-2">
<?php echo e(ellipsis($course_details->short_description, 160)); ?>
</p>
<div class="row row-gap-4">
<div class="col-6 col-sm-6 col-md-4">
<a class="d-flex align-items-center text-dark" href="<?php echo e(route('instructor.details', ['name' => slugify($course_details->creator->name), 'id' => $course_details->creator->id])); ?>">
<img class="pro-32 me-2" src="<?php echo e(get_image(course_by_instructor($course_details->id)->photo)); ?>" alt="instructor-image">
<?php echo e(course_by_instructor($course_details->id)->name); ?>
</a>
</div>
<div class="col-6 col-sm-6 col-md-4 text-dark">
<p class="d-flex align-items-center">
<?php if($total > 0): ?>
<span class="d-inline-block mx-2"><?php echo e(number_format(round($average_rating), 1)); ?></span>
<?php for($i = 0; $i < $average_rating; $i++): ?>
<i class="fa fa-star"></i>
<?php endfor; ?>
<?php else: ?>
<i class="fi-rr-circle-star text-16px text-dark mt-2 ms-1"></i>
<span class="d-inline-block mx-2">0</span>
<i class="fa fa-star text-secondary"></i>
<?php endif; ?>
</p>
</div>
<div class="col-6 col-sm-6 col-md-4 d-flex align-items-center text-dark">
<img class="pro-20 me-2" src="<?php echo e(asset('assets/frontend/default/image/language.png')); ?>" alt="...">
<?php echo e(ucfirst($course_details->language)); ?>
</div>
<div class="col-6 col-sm-6 col-md-4 d-flex align-items-center text-dark">
<img class="pro-20 me-2" src="<?php echo e(asset('assets/frontend/default/image/g3.png')); ?>" alt="...">
<?php echo e(get_phrase('Certificate Course')); ?>
</div>
<div class="col-6 col-sm-6 col-md-4 d-flex align-items-center text-dark">
<img class="pro-20 me-2" src="<?php echo e(asset('assets/frontend/default/image/g2.png')); ?>" alt="...">
<?php echo e(total_enroll($course_details->id)); ?> <?php echo e(get_phrase('Students')); ?>
</div>
<div class="col-6 col-sm-6 col-md-4 d-flex align-items-center text-dark">
<img class="pro-20 me-2" src="<?php echo e(asset('assets/frontend/default/image/g1.png')); ?>" alt="...">
<?php echo e(total_durations($course_details->id)); ?>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-lg-8 order-2 order-lg-1">
<div class="details-page-content">
<div class="ps-box static-menu mt-5 w-100">
<ul class="nav nav-bordered" id="pills-tab" role="tablist">
<li class="nav-item active" role="presentation">
<button class="nav-link active" id="pills-overview-tab" data-bs-toggle="pill" data-bs-target="#pills-overview" type="button" role="tab" aria-controls="pills-overview" aria-selected="true"><?php echo e(get_phrase('Overview')); ?></button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-course-content-tab" data-bs-toggle="pill" data-bs-target="#pills-course-content" type="button" role="tab" aria-controls="pills-course-content" aria-selected="false"><?php echo e(get_phrase('Curriculum')); ?></button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-details-tab" data-bs-toggle="pill" data-bs-target="#pills-details" type="button" role="tab" aria-controls="pills-details" aria-selected="false"><?php echo e(get_phrase('Details')); ?></button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-instructor-tab" data-bs-toggle="pill" data-bs-target="#pills-instructor" type="button" role="tab" aria-controls="pills-instructor" aria-selected="false"><?php echo e(get_phrase('Instructor')); ?></button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-reviews-tab" data-bs-toggle="pill" data-bs-target="#pills-reviews" type="button" role="tab" aria-controls="pills-reviews" aria-selected="false"><?php echo e(get_phrase('Reviews')); ?></button>
</li>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-overview" role="tabpanel" aria-labelledby="pills-overview-tab" tabindex="0">
<?php echo $__env->make('frontend.default.course.overview_area', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
<div class="tab-pane fade" id="pills-course-content" role="tabpanel" aria-labelledby="pills-course-content-tab" tabindex="0">
<?php echo $__env->make('frontend.default.course.content_area', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
<div class="tab-pane fade" id="pills-details" role="tabpanel" aria-labelledby="pills-details-tab" tabindex="0">
<?php echo $__env->make('frontend.default.course.requirement_outcome_area', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
<div class="tab-pane fade" id="pills-instructor" role="tabpanel" aria-labelledby="pills-instructor-tab" tabindex="0">
<?php echo $__env->make('frontend.default.course.instructor_area', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
<div class="tab-pane fade" id="pills-reviews" role="tabpanel" aria-labelledby="pills-reviews-tab" tabindex="0">
<?php echo $__env->make('frontend.default.course.review_area', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 order-1 order-lg-2">
<?php echo $__env->make('frontend.default.course.pricing_card', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
</div>
<!------------------- Player Feature Area End --------->
</div>
</section>
<!------------------- Breadcum Area End --------->
<!-- Vertically centered modal -->
<div class="modal fade-in-effect" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body bg-dark">
<link rel="stylesheet" href="<?php echo e(asset('assets/global/plyr/plyr.css')); ?>">
<?php
$preview_video_type = str_contains($course_details->preview, 'youtu') ? 'youtube' : '';
$preview_video_type = str_contains($course_details->preview, 'vimeo') && $preview_video_type == '' ? 'vimeo' : $preview_video_type;
$preview_video_type = str_contains($course_details->preview, 'http') && $preview_video_type == '' ? 'html5' : $preview_video_type;
?>
<?php if($preview_video_type == 'youtube'): ?>
<div class="plyr__video-embed" id="promoPlayer">
<iframe height="500" src="<?php echo e($course_details->preview); ?>?origin=https://plyr.io&iv_load_policy=3&modestbranding=1&playsinline=1&showinfo=0&rel=0&enablejsapi=1" allowfullscreen allowtransparency allow="autoplay"></iframe>
</div>
<?php elseif($preview_video_type == 'vimeo'): ?>
<div class="plyr__video-embed" id="promoPlayer">
<iframe height="500" id="promoPlayer" src="https://player.vimeo.com/video/<?php echo e($course_details->preview); ?>?loop=false&byline=false&portrait=false&title=false&speed=true&transparent=0&gesture=media" allowfullscreen allowtransparency allow="autoplay"></iframe>
</div>
<?php elseif($preview_video_type == 'html5'): ?>
<video id="promoPlayer" playsinline controls>
<source src="<?php echo e($course_details->preview); ?>" type="video/mp4">
</video>
<?php else: ?>
<video id="promoPlayer" playsinline controls>
<source src="<?php echo e(asset($course_details->preview)); ?>" type="video/mp4">
</video>
<?php endif; ?>
<script src="<?php echo e(asset('assets/global/plyr/plyr.js')); ?>"></script>
<script>
"use strict";
const promoPlayer = new Plyr('#promoPlayer');
</script>
</div>
</div>
</div>
</div>
<script>
"use strict";
const myModalElement = document.getElementById('exampleModal')
myModalElement.addEventListener('hidden.bs.modal', event => {
promoPlayer.pause();
$('#exampleModal').toggleClass('in');
});
myModalElement.addEventListener('shown.bs.modal', event => {
promoPlayer.play();
$('#exampleModal').toggleClass('in');
});
</script>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('js'); ?>
<script>
"use strict";
$(document).ready(function() {
$('#more_description').on('click', function(e) {
e.preventDefault();
let ellipsis = $('.description').attr('id');
$('.description').toggleClass(ellipsis);
$(this).toggleClass('active');
if ($(this).hasClass('active')) {
$(this).text('See less');
} else {
$(this).html('See more <i class="fa-solid fa-angle-right me-2"></i>');
}
});
});
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layouts.default', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home2/yvrgircc/public_html/ariseskilltech.com/resources/views/frontend/default/course/course_details.blade.php ENDPATH**/ ?>