@extends('layouts.app')
@section('page_description')
    Course Details
@endsection

@section('content')
<!-- inner banner section start -->
<div class="inner-banner">
    <div class="container">
        <div class="inner-banner-cntn">
            <h1>{{ $course['Course Name'] }}</h1>
            <p>{{ $course['Course Description'] }}</p>
        </div>
    </div>
</div>

<div class="class-details">
    <div class="container">
        <div class="row">
            <div class="col-xl-8">
                <div class="class-details-left">
                    <div class="clas-detail-lft-card">
                        <h3>What you'll learn</h3>
                        <ul class="list-inline">
                            <li>Phasellus sit amet nisl luctus, malesuada nisl vel, auctor libero. Donec faucibus velit diam</li>
                            <li>Phasellus sit amet nisl luctus, malesuada nisl vel, auctor libero. Donec faucibus velit diam</li>
                            <li>Phasellus sit amet nisl luctus, malesuada nisl vel, auctor libero. Donec faucibus velit diam</li>
                            <li>Phasellus sit amet nisl luctus, malesuada nisl vel, auctor libero. Donec faucibus velit diam</li>
                            <li>Phasellus sit amet nisl luctus, malesuada nisl vel, auctor libero. Donec faucibus velit diam</li>
                            <li>Phasellus sit amet nisl luctus, malesuada nisl vel, auctor libero. Donec faucibus velit diam</li>
                            <li>Phasellus sit amet nisl luctus, malesuada nisl vel, auctor libero. Donec faucibus velit diam</li>
                            <li>Phasellus sit amet nisl luctus, malesuada nisl vel, auctor libero. Donec faucibus velit diam</li>
                            <li>Phasellus sit amet nisl luctus, malesuada nisl vel, auctor libero. Donec faucibus velit diam</li>
                            <li>Phasellus sit amet nisl luctus, malesuada nisl vel, auctor libero. Donec faucibus velit diam</li>
                        </ul>
                    </div>
                    <div class="clas-detail-lft-card card-inner-shape">
                        <h3>This course includes:</h3>
                        <ul class="list-inline">
                            <li><i class="fas fa-video"></i> Phasellus sit amet nisl luctus, malesuada nisl vel, auctor libero. Donec faucibus velit diam</li>
                            <li><i class="fas fa-mobile"></i> Phasellus sit amet nisl luctus, malesuada nisl vel, auctor libero. Donec faucibus velit diam</li>
                            <li><i class="fas fa-code"></i> Phasellus sit amet nisl luctus, malesuada nisl vel, auctor libero. Donec faucibus velit diam</li>
                            <li><i class="fas fa-trophy"></i> Phasellus sit amet nisl luctus, malesuada nisl vel, auctor libero. Donec faucibus velit diam</li>
                            <li><i class="fas fa-newspaper"></i> Phasellus sit amet nisl luctus, malesuada nisl vel, auctor libero. Donec faucibus velit diam</li>
                        </ul>
                    </div>
                    <div class="class-description">
                        <h2>Description</h2>
                        <p>Aliquam erat volutpat. Fusce non erat non eros porta semper. Vivamus eget tristique orci, sit amet euismod nunc. Sed efficitur eget risus ut molestie. Integer porta orci id massa fringilla, sed cursus augue fringilla. Proin eget varius neque, aliquet iaculis odio. Duis tincidunt, nulla at mollis laoreet, enim nulla finibus nunc, a pretium justo sem id ex. Aliquam placerat, quam ut imperdiet ultrices, erat metus finibus tellus, eget maximus lorem sem a lacus. Duis in nisi lacus. Pellentesque eros nisi, posuere nec porta quis, dictum nec urna. Pellentesque non nunc erat. Ut nibh neque, pellentesque sit amet nisi sit amet, maximus interdum erat. Fusce metus diam, interdum vitae justo sit amet, rhoncus varius dui. In hac habitasse platea dictumst.</p>
                        <p>Maecenas gravida vitae augue et semper. In vehicula, nibh pulvinar commodo dapibus, velit nisi rutrum enim, et consequat neque sem vitae magna. Proin justo nibh, luctus quis purus vitae, condimentum hendrerit nibh. Quisque ut accumsan neque. Maecenas id pretium enim, nec interdum nulla. Aenean porta posuere faucibus. Mauris tincidunt orci a ipsum fringilla lacinia. Morbi interdum imperdiet imperdiet.</p>

                        <ul class="list-inline">
                            <li>Vivamus semper id mauris suscipit rutrum. Suspendisse feugiat</li>
                            <li>mi at consectetur lobortis, felis erat blandit eros, nec cursus arcu est quis nisl.</li>
                            <li>Nulla at vestibulum nisi. Aliquam id scelerisque erat.</li>
                            <li>Aliquam interdum est quis tellus accumsan tincidunt sit amet eleifend lectus. </li>
                            <li>Nam luctus nisl ante, nec iaculis elit consectetur quis. Phasellus orci orci, sollicitudin at sapien placerat, gravida iaculis dui.</li>
                            <li>Suspendisse scelerisque faucibus sagittis. Curabitur ac mauris neque. Etiam non condimentum tellus, a feugiat nunc.</li>
                            <li>Praesent interdum est ut tortor cursus fermentum. In ornare elit id ante consectetur ultricies.</li>
                            <li>Ut condimentum, lacus in volutpat condimentum, lacus tellus rhoncus diam, ut commodo est magna ut nunc.</li>
                            <li>Suspendisse pulvinar magna elit, at suscipit nulla blandit et. Nulla aliquet leo nec sem tempus, at pellentesque odio ornare.</li>
                            <li>Maecenas ultrices, ligula non luctus posuere, justo lectus malesuada massa, non suscipit tortor arcu non magna.</li>
                            <li>Quisque pharetra ipsum et metus elementum, nec viverra diam aliquam.</li>
                            <li>Cras lorem est, feugiat sit amet sem non, tempor accumsan urna.</li>
                            <li>Suspendisse nibh risus, lobortis blandit diam sed, tincidunt feugiat leo.</li>
                            <li>Cras eleifend libero est, eu faucibus tortor vehicula a.</li>
                            <li>Proin in elit vehicula, eleifend enim quis, placerat nulla. Vestibulum iaculis lacinia sodales.</li>
                            <li>Nam diam ex, malesuada sed est eget, egestas mollis ante.</li>
                        </ul>

                        <p>Fusce eleifend felis at quam condimentum, non porttitor nisl congue. Suspendisse viverra ipsum quis hendrerit dictum. Pellentesque dolor eros, bibendum interdum interdum eget, ullamcorper pretium sem. Maecenas aliquet eu elit consectetur ultricies. Sed quis tortor ut lectus consequat malesuada. Donec egestas lectus hendrerit finibus maximus.</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-4">
                <div class="class-details-right">
                    <div class="class-details-rgt-card">
                        <div class="rgt-crd-thumb">
                            <img src="{{ asset('image/course_2.jpg') }}" alt="">
                        </div>
                        <div class="rgt-card-offer-cntn">
                            <ul class="list-inline">
                                <li class="original-price"><s>{{ $course['Course Price'] }}</s></li>
                                @if ($course['Course discount'] > 0)
                                    <li class="offer-price">{{ round($course['Course Price'] * ( 1 - $course['Course discount'] / 100)) }}</li>
                                    <li>{{ $course['Course discount'] . " % off"}}</li>
                                @endif
                            </ul>
                            <h6><i class="far fa-clock"></i> 5 hours <span>left at this price!</span></h6>
                            <a class="btn btn-primary" href="{{ route('courses.checkout', $course['Course Id'])}}">Buy This Course</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>    
@endsection