@extends('main-site.partials.app',[
    'whiteHeader'=>true
])

@section('title', __('Course'))

@section('content')

    <!-- Page Banner -->
	<section class="explanation-section sec-padding bg-grey wow fadeInUp">
		<div class="container">
			<ol class="breadcrumb mb-46">
				<li class="breadcrumb-item">
					<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path opacity="0.4" d="M3 9.84694C3 8.99003 3.36644 8.17402 4.00691 7.60471L9.34255 2.86193C10.8581 1.51477 13.1419 1.51478 14.6575 2.86193L19.9931 7.60471C20.6336 8.17402 21 8.99003 21 9.84694V17.9997C21 20.2089 19.2091 21.9997 17 21.9997H7C4.79086 21.9997 3 20.2089 3 17.9997V9.84694Z" fill="#120404"/>
						<path d="M10 18H14" stroke="#120404" stroke-width="1.5" stroke-linecap="round"/>
					</svg>
				</li>
				<li class="breadcrumb-item">
					<a href="{{ route('courses') }}">{{__("website_301.explanation.Courses")}}</a>
				</li>
				<li class="breadcrumb-item">
					<a href="{{ route('course-details.show',$explanation->unit->course_id) }}">{{ $explanation->unit->course->title }}</a>
				</li>
				<li class="breadcrumb-item active">
					{{ __("messages_302.Explanation") }}
				</li>
			</ol>
			<div class="d-flex justify-content-between section-title2 mb-45">
				<h2 class="mb-0">{{ __("messages_302.Explanation") }}</h2>
                {{-- @dd($explanation->path_zip) --}}
                <a href="{{ isset($explanation->explanation->path_zip) ? asset($explanation->explanation->path_zip) : '#'}}" {{ isset($explanation->explanation?->path_zip) ? 'download' : 'disbabled'  }} class="btn main-btn" >{{ __("website_301.explanation.FileDownload") }}</a>
			</div>
			<div class="content">
				<h4 class="dark-color fw-600 mb-4">{!! $explanation->title !!}</h4>
				<p class="mb-4 dark-color">
					{!! $explanation->explanation?->description !!}
				</p>


			</div>
		</div>
	</section>

@endsection