@using Tutoronic.Models;
@{
Layout = "~/Views/Shared/_Layout.cshtml";
Model1 db = new Model1();
int id = (int)TempData["pid"];
var item = db.Courses.Where(x => x.Course_id== id).FirstOrDefault();
var itm=db.Course_Video.Where(x => x.course_fid==id).ToList(); //get list from array or db its like array save data in indexes like 0,1
}
<!-- Content -->
<div class="page-content bg-white">
<!-- inner page banner -->
<div class="page-banner ovbl-dark" style="background-image:url(~/content/customer/images/banner/banner2.jpg);">
<div class="container">
<div class="page-banner-entry">
<h1 class="text-white">Courses Details</h1>
</div>
</div>
</div>
<!-- Breadcrumb row -->
<div class="breadcrumb-row">
<div class="container">
<ul class="list-inline">
<li><a href="#">Home</a></li>
<li>Courses Details</li>
</ul>
</div>
</div>
<!-- Breadcrumb row END -->
<!-- inner page banner END -->
<div class="content-block">
<!-- About Us -->
<div class="section-area section-sp1">
<div class="container">
<div class="row d-flex flex-row-reverse">
<div class="col-lg-3 col-md-4 col-sm-12 m-b30">
<div class="course-detail-bx">
<div class="course-price">
<!--del>$190</!--del-->
<h4 class="price">$@item.course_price</h4>
</div>
<div class="course-buy-now text-center">
<a href="@Url.Action("index","Checkout", new { id=item.Course_id})" class="btn radius-xl text-uppercase">Buy Now This Courses</a>
</div>
<div class="teacher-bx">
<div class="teacher-info">
<div class="teacher-thumb">
<img src="@Url.Content(item.Teacher.teacher_pic)" alt="@item.Teacher.teacher_name" />
</div>
<div class="teacher-name">
<h5>@item.Teacher.teacher_name</h5>
<span>@item.Teacher.teacher_intro</span>
</div>
</div>
</div>
<div class="cours-more-info">
<div class="review">
<span>3 Review</span>
<ul class="cours-star">
<li class="active"><i class="fa fa-star"></i></li>
<li class="active"><i class="fa fa-star"></i></li>
<li class="active"><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
</div>
<div class="price categories">
<span>Category</span>
<h5 class="text-primary">@item.SubCategory.Category.cat_name</h5>
</div>
</div>
<div class="course-info-list scroll-page">
<ul class="navbar">
<li><a class="nav-link" href="#overview"><i class="ti-zip"></i>Overview</a></li>
<li><a class="nav-link" href="#curriculum"><i class="ti-bookmark-alt"></i>Curriculum</a></li>
<li><a class="nav-link" href="#instructor"><i class="ti-user"></i>Instructor</a></li>
<li><a class="nav-link" href="#reviews"><i class="ti-comments"></i>Reviews</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-9 col-md-8 col-sm-12">
<div class="courses-post">
<div class="ttr-post-media media-effect">
<a href="#"><img src="@Url.Content(item.course_pic)" alt="@item.course_name"></a>
</div>
<div class="ttr-post-info">
<div class="ttr-post-title ">
<h2 class="post-title">@item.course_name</h2>
</div>
<div class="ttr-post-text">
<p>@item.course_description</p>
</div>
</div>
</div>
<div class="courese-overview" id="overview">
<h4>Overview</h4>
<div class="row">
<div class="col-md-12 col-lg-4">
<ul class="course-features">
<li><i class="ti-book"></i> <span class="label">Lectures</span> <span class="value">@item.Course_Video.Count()</span></li>
<li><i class="ti-help-alt"></i> <span class="label">Quizzes</span> <span class="value">1</span></li>
<li><i class="ti-time"></i> <span class="label">Duration</span> <span class="value">60 hours</span></li>
<li><i class="ti-stats-up"></i> <span class="label">Skill level</span> <span class="value">Beginner</span></li>
<li><i class="ti-smallcap"></i> <span class="label">Language</span> <span class="value">English</span></li>
<li><i class="ti-user"></i> <span class="label">Students</span> <span class="value">@item.Course_Student_Registration.Count</span></li>
<li><i class="ti-check-box"></i> <span class="label">Assessments</span> <span class="value">Yes</span></li>
</ul>
</div>
<div class="col-md-12 col-lg-8">
<h5 class="m-b5">Course Description</h5>
<p>@item.course_description</p>
<h5 class="m-b5">Certification</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
<h5 class="m-b5">Learning Outcomes</h5>
<ul class="list-checked primary">
<li>Over 37 lectures and 55.5 hours of content!</li>
<li>LIVE PROJECT End to End Software Testing Training Included.</li>
<li>Learn Software Testing and Automation basics from a professional trainer from your own desk.</li>
<li>Information packed practical training starting from basics to advanced testing techniques.</li>
<li>Best suitable for beginners to advanced level users and who learn faster when demonstrated.</li>
<li>Course content designed by considering current software testing technology and the job market.</li>
<li>Practical assignments at the end of every session.</li>
<li>Practical learning experience with live project work and examples.cv</li>
</ul>
</div>
</div>
</div>
<div class="m-b30" id="curriculum">
<h4>Curriculum</h4>
<ul class="curriculum-list">
<li>
<h5>First Level</h5>
<ul>
<li>
<div class="curriculum-list-box">
<span>@itm.FirstOrDefault().video_title</span> Introduction to UI Design
</div>
<span>120 minutes</span>
</li>
<li>
<iframe src="@Url.Content(itm.FirstOrDefault().video)" height="300" width="100%"></iframe>
</li>
@foreach (var cou in itm.Skip(1)) //get first 5 of record from db or list .take(5)
{
<li>
<div class="curriculum-list-box">
<span>@cou.video_title</span>
</div>
<span></span>
</li>
<li>
<video controls width="100%" height="300">
<source src="@Url.Content(cou.video)" type="video/mp4" />
</video>
</li>
}
</ul>
</li>
<li>
<h5>Second Level</h5>
<ul>
<li>
<div class="curriculum-list-box">
<span>Lesson 1.</span> Prototyping and Design
</div>
<span>110 minutes</span>
</li>
<li>
<div class="curriculum-list-box">
<span>Lesson 2.</span> UI Design Capstone
</div>
<span>120 minutes</span>
</li>
<li>
<div class="curriculum-list-box">
<span>Lesson 3.</span> Evaluating User Interfaces Part 2
</div>
<span>120 minutes</span>
</li>
</ul>
</li>
<li>
<h5>Final</h5>
<ul>
<li>
<div class="curriculum-list-box">
<span>Part 1.</span> Final Test
</div>
<span>120 minutes</span>
</li>
<li>
<div class="curriculum-list-box">
<span>Part 2.</span> Online Test
</div>
<span>120 minutes</span>
</li>
</ul>
</li>
</ul>
</div>
<div class="" id="instructor">
<h4>Instructor</h4>
<div class="instructor-bx">
<div class="instructor-author">
<img src="~/content/customer/images/testimonials/pic1.jpg" alt="">
</div>
<div class="instructor-info">
<h6>Keny White </h6>
<span>Professor</span>
<ul class="list-inline m-tb10">
<li><a href="#" class="btn sharp-sm facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" class="btn sharp-sm twitter"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" class="btn sharp-sm linkedin"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#" class="btn sharp-sm google-plus"><i class="fa fa-google-plus"></i></a></li>
</ul>
<p class="m-b0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries</p>
</div>
</div>
<div class="instructor-bx">
<div class="instructor-author">
<img src="~/content/customer/images/testimonials/pic2.jpg" alt="">
</div>
<div class="instructor-info">
<h6>Keny White </h6>
<span>Professor</span>
<ul class="list-inline m-tb10">
<li><a href="#" class="btn sharp-sm facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" class="btn sharp-sm twitter"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" class="btn sharp-sm linkedin"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#" class="btn sharp-sm google-plus"><i class="fa fa-google-plus"></i></a></li>
</ul>
<p class="m-b0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries</p>
</div>
</div>
</div>
<div class="" id="reviews">
<h4>Reviews</h4>
<div class="review-bx">
<div class="all-review">
<h2 class="rating-type">3</h2>
<ul class="cours-star">
<li class="active"><i class="fa fa-star"></i></li>
<li class="active"><i class="fa fa-star"></i></li>
<li class="active"><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>3 Rating</span>
</div>
<div class="review-bar">
<div class="bar-bx">
<div class="side">
<div>5 star</div>
</div>
<div class="middle">
<div class="bar-container">
<div class="bar-5" style="width:90%;"></div>
</div>
</div>
<div class="side right">
<div>150</div>
</div>
</div>
<div class="bar-bx">
<div class="side">
<div>4 star</div>
</div>
<div class="middle">
<div class="bar-container">
<div class="bar-5" style="width:70%;"></div>
</div>
</div>
<div class="side right">
<div>140</div>
</div>
</div>
<div class="bar-bx">
<div class="side">
<div>3 star</div>
</div>
<div class="middle">
<div class="bar-container">
<div class="bar-5" style="width:50%;"></div>
</div>
</div>
<div class="side right">
<div>120</div>
</div>
</div>
<div class="bar-bx">
<div class="side">
<div>2 star</div>
</div>
<div class="middle">
<div class="bar-container">
<div class="bar-5" style="width:40%;"></div>
</div>
</div>
<div class="side right">
<div>110</div>
</div>
</div>
<div class="bar-bx">
<div class="side">
<div>1 star</div>
</div>
<div class="middle">
<div class="bar-container">
<div class="bar-5" style="width:20%;"></div>
</div>
</div>
<div class="side right">
<div>80</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- contact area END -->
</div>
<!-- Content END-->