|
Server : Apache/2.4.41 (Ubuntu) System : Linux vmi1525618.contaboserver.net 5.4.0-105-generic #119-Ubuntu SMP Mon Mar 7 18:49:24 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 8.2.12 Disable Function : NONE Directory : /var/www/_hpe.edukrypt.in/resources/views/ |
Upload File : |
@extends('master')
@section('content')
<!-- start Main Wrapper -->
<div class="main-wrapper scrollspy-container">
<div class="breadcrumb-wrapper">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-8">
<ol class="breadcrumb">
<li><a href="{{ asset('/') }}">Home</a></li>
<li class="active">Course Detail</li>
</ol>
</div>
@include('includes.breadcrum')
</div>
</div>
</div>
<div class="course-detail-header">
<div class="container">
{{-- New course info --}}
<div class="info clearfix">
<div class="image">
<div class="course-item mycourse">
<a href="javascript:void(0);">
<div class="course-item-image">
<img src="{{ asset('public/uploads/products/' . $product->image) }}" alt="Image"
class="img-responsive" />
</div>
<div class="course-item-top clearfix">
<div class="course-item-instructor d-flex">
<div class="image phset">
<?php $getTeacher = App\Helpers\Frontend::getTeacher($product->teacher_id); ?>
<img src="{{ asset('public/frontend/images/man/01.jpg') }}" alt="Image"
class="img-circle">
</div>
<span>{{ $getTeacher->username }}</span>
</div>
</div>
</a>
</div>
</div>
<div class="content">
<h2 style="">{{ $product->name }}</h2>
</div>
<ul class="meta-list d-flex">
<li>
<div class="meta-category">
<div class="content">
<span class="text-muted mt-3 block list-title">EXAM TERM</span>
<h6>May'23</h6>
</div>
</div>
</li>
<li>
<div class="meta-category">
<div class="content">
<span class="text-muted mt-3 block list-title">Language</span>
<h6>English</h6>
</div>
</div>
</li>
<li>
<div class="meta-rating">
<span class="text-muted mt-3 block list-title">Reviews</span>
<div class="rating-wrapper">
<div class="rating-item">
<input type="hidden" class="rating" data-filled="fa fa-star"
data-empty="fa fa-star-o" data-fractions="2" data-readonly value="3.5" />
</div>
<span> (7 review)</span>
</div>
</div>
</li>
<li>
<div id="wapper" class="meta-rating">
<span class="text-muted mt-3 block list-title">Mode</span>
<select data-product_id="{{ $product->id }}"
class="select2-single-no-search form-control mt-20 selectMode"
data-placeholder="Select Mode">
<option>--Select-Mode--</option>
@if (!empty($modes))
{{ $i = 1 }}
@foreach ($modes as $mode)
<option {{ $i == 1 ? 'selected' : '' }} value="{{ $mode->mode }}">
{{ ucfirst(str_replace('_', ' ', $mode->mode)) }}</option>
{{ $i++ }}
@endforeach
@endif
</select>
</div>
</li>
<li>
<div id="wapper" class="meta-rating">
<span class="text-muted mt-3 block list-title">Validity</span>
<select style="width: 110px;" class="select2-single-no-search form-control mt-20 duration"
id="duration" data-placeholder="Validity">
<option value="">--select-validity--</option>
</select>
</div>
</li>
<li>
<div id="wapper" class="meta-rating">
<span class="text-muted mt-3 block list-title">Views</span>
<input readonly style="width: 80px;" class="mt-0 form-control w-25" data-placeholder="Views"
id="views" type="text">
</div>
</li>
<li class="meta-price">
<div class="price bg-danger" id="price" style="margin-top: 10px;">
<?php
$mode = 'online';
$getprice = App\Helpers\Frontend::getProductPrice($product->id, $mode);
echo !empty($getprice->price) ? "<i class='fa fa-inr'></i>" . $getprice->price : '';
?>
</div>
</li>
<li>
<div id="wapper" class="meta-rating" style="margin-top: 10px;">
<a data-product_id="{{$product->id}}" class="btn btn-primary btn-block btn-md heightsets shopping_cart" href="javascript:;">Add to cart</a>
{{-- <form method="post" action="{{ asset('add-to-cart') }}">
@csrf
<input type="hidden" name="productId" value="{{ $product->id }}">
<input type="hidden" name="name" value="{{ $product->name }}">
<input type="hidden" name="duration" value="{{ $getprice->duration }}">
<input type="hidden" name="price" value="{{ $getprice->price }}">
<input type="hidden" name="qty" value="1">
<input type="hidden" name="image"
value="{{ asset('public/uploads/products/' . $product->image) }}">
<input type="hidden" name="mode" value="online">
<input type="hidden" name="teacher" value="{{ $getTeacher->username }}">
<input type="hidden" name="short_desc" value="{{ $product->short_desc }}">
<button class="btn btn-primary btn-block btn-md heightsets">Add To Cart</button>
</form> --}}
</div>
</li>
<li>
</li>
</ul>
</div>
{{-- end new course info --}}
</div>
</div>
<div class="equal-content-sidebar-wrapper detail-page-wrapper">
<div class="equal-content-sidebar-by-gridLex">
<div class="container">
<div class="GridLex-grid-noGutter-equalHeight">
<div class="GridLex-col-3_sm-4_xs-12_xss-12 hidden-xs">
<aside class="sidebar-wrapper">
<div class="scrollspy-sidebar alt-style-01">
<ul class="scrollspy-sidenav">
<li class="heading">
<h5>Course Menu</h5>
</li>
<li>
<ul class="nav faq-nav side-ul">
<li><a href="#course-detail-section-0" class="anchor">
Course Introduction</a>
</li>
<li><a href="#course-detail-section-1" class="anchor">Course
Lession</a>
</li>
</ul>
</li>
</ul>
<div class="scrollspy-sidebar alt-style-01 affix-top ">
<ul class="scrollspy-sidenav ">
<li class="heading">
<h5>Course Highlight</h5>
</li>
<li>
<ul class="nav faq-nav side-ul">
<li><a href="#course-detail-section-2" class="anchor">About
Teacher</a></li>
<li><a href="#course-detail-section-3" class="anchor">Review</a>
</li>
<li><a href="#course-detail-section-4" class="anchor">Related
Courses</a></li>
</ul>
</li>
</ul>
</div>
</div>
</aside>
</div>
<div class="GridLex-col-9_sm-8_xs-12_xss-12">
<div class="content-wrapper">
<div class="detail-content-wrapper">
<div id="course-detail-section-0" class="course-detail-section">
<div class="section-title text-left mb-20">
<h3>Course Introduction</h3>
</div>
@if (!empty($product->video_url))
<div class="flex-video vimeo mb-40">
<iframe width="560" height="315"
src="https://www.youtube.com/embed/{{ $product->video_url }}"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
@endif
<div class="course-intro">
<div class="listing-box clearfix">
<h5>KEY POINTS</h5>
<ul class="listing-box-list">
<li>
<div class="row gap-10">
<div class="col-xs-5 col-sm-6"><i class="fa fa-bars mr-5"></i>
Feature</div>
<div class="col-xs-7 col-sm-6 text-right font600">
{{ $product->features }}</div>
</div>
</li>
<li>
<div class="row gap-10">
<div class="col-xs-5 col-sm-5"><i
class="fa fa-pencil-square-o mr-5"></i> Lesson</div>
<div class="col-xs-7 col-sm-7 text-right font600"> 24 lessons
</div>
</div>
</li>
<li>
<div class="row gap-10">
<div class="col-xs-5 col-sm-5"><i
class="fa fa-file-video-o mr-5"></i> Type</div>
<div class="col-xs-7 col-sm-7 text-right font600">
{{ $product->type }}</div>
</div>
</li>
<li>
<div class="row gap-10">
<div class="col-xs-5 col-sm-5"><i
class="fa fa-file-video-o mr-5"></i> Books</div>
<div class="col-xs-7 col-sm-7 text-right font600">4</div>
</div>
</li>
</ul>
</div>
</div>
<h5 class="text-uppercase font600">About the course</h5>
{!! $product->description !!}
</div>
<div class="clearfix"></div>
<div id="course-detail-section-1" class="course-detail-section">
<div class="section-title text-left mb-20">
<h3>Course Lession</h3>
</div>
<div class="course-lession-wrapper">
<?php
$getTeacher = App\Helpers\Frontend::getTeacher($product->teacher_id);
?>
@if (!empty($chaptTopics))
<?php $i = 1; ?>
@foreach ($chaptTopics as $chaptTopic)
<div class="course-lession-item">
<div class="course-lession-header">
<h6>Lesson:<?php echo $i;
$i++; ?>-{{ $chaptTopic['name'] }}</h6>
</div>
<ul class="course-lession-list">
@if (!empty($chaptTopic['topics']))
<?php $j = 1; ?>
@foreach ($chaptTopic['topics'] as $topic)
<li class="clearfix">
<a href="#">
<div class="row gap-20">
<div class="col-xs-12 col-sm-12 col-md-8">
<span
class="font700"><?php echo $j;
$j++; ?></span>
- {{ $topic['name'] }}
</div>
</div>
</a>
</li>
@endforeach
@endif
</ul>
</div>
@endforeach
@endif
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end Main Wrapper -->
@endsection
@push('footer-script')
<script>
// Add to cart
$(document).on('click','.shopping_cart',function(){
var mode = $('.selectMode').val();
var priceID = $('.duration').val();
var product_id = $(this).data('product_id');
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
type: "post",
url: "{{ asset('add-to-cart') }}",
data: {
"mode":mode,
"price_id":priceID,
"product_id":product_id
},
dataType: "text",
success: function(resultData) {
// similar behavior as an HTTP redirect
window.location.replace("{{asset('cart')}}");
}
});
});
// Mode
$(document).on('change', '.selectMode', function() {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
var mode = $(this).val();
var product_id = $(this).data('product_id');
$.ajax({
type: "get",
"data": {
"mode": mode,
"product_id": product_id,
},
url: "{{ asset('get-modes') }}",
dataType: "html",
beforeSend: function() {
$('#duration').empty();
},
success: function(result) {
var obj = JSON.parse(result);
$.each(obj, function(i) {
console.log(i);
var selected = (i == 0 ? 'selected' : '');
$('#duration').append("<option " + selected + " value='" + obj[i].id +
"'>" + obj[i]
.duration + " Days</option>")
});
$('#duration').trigger("change");
}
});
});
// Duration
$(document).on('change', '#duration', function() {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
var mode_id = $(this).val();
$.ajax({
type: "get",
"data": {
"mode_id": mode_id
},
url: "{{ asset('get-price-duration') }}",
dataType: "html",
beforeSend: function() {
$('#price').empty();
$('#views').empty();
},
success: function(result) {
var obj = JSON.parse(result);
$('#price').html("<i class='fa fa-inr'></i>" + obj.price);
$('#views').val("" + obj.views);
}
});
});
$('.selectMode').trigger("change");
</script>
@endpush