@extends('layouts.app')
@section('content')
    <div class="container">
        <div class="mt-5">
            <div class="row">
                <div class="col-12">
                    <h5 class="font-weight-bold">
                        <a href="{{ route('course-by-id', ['course' => $course->id]) }}">{{ strtoupper($course->name) }}</a>
                        <i class="fa fa-chevron-right"></i>
                        <span>{{ strtoupper($subject->name) }}</span>
                    </h5>
                </div>
                @if($subject->url_video)
                    <div class="col-12">
                        <video width="100%" controls>
                            <source src="{{ route('get-subject-video', ['course' => $course->id, 'subject' => $subject->id]) }}" type="video/mp4">
                            Your browser does not support HTML video.
                        </video>
                    </div>
                @endif
                @if($subject->raw)
                    <div class="col-12 mt-5">
                        <img src="{{ $subject->url_image }}" alt=""/>
                    </div>
                @endif
                <div class="col-12 mt-3">
                    <div  class="ck-content shadow p-3">
                        {!! $subject->description !!}
                    </div>
                </div>
                @if($subject->raw)
                    <div class="col-12 mt-3">
                        {!! $subject->raw !!}
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection