@extends('student.layouts.app')
@section('titlePage', 'Manage Page')
@section('content')
<style>
	.ques-list span{
		font-size: 13px !important;
	}
	.ques-list{
		width: 223px;
    	
	}
</style>
@push('script')
<script>
    document.getElementById("ktss-1").classList.add("active");
</script>
@endpush
@php
$img_url = ($data->image_url == '')?'assets/blog_default.png':$data->image_url;

$brand_color = $dataConfigs['brand'] ?? 'default';
@endphp
<div class="breadcrumb-header justify-content-between">
		<div class="left-content">
			<span class="main-content-title mg-b-0 mg-b-lg-1">Blog Details</span>
		</div>
		<div class="justify-content-center mt-2">
			<ol class="breadcrumb breadcrumb-style3">
				<li class="breadcrumb-item tx-15"> <a href="{{ _route('student.knewton.blogList') }}"><i class="feather icon-home"></i></a></li>
				<li class="breadcrumb-item active">Blog</a></li>
			</ol>
		</div>
</div>
<div class="row mt-3">
	<div class="col-sm-12 col-md-12">
		<div class="card">
			<!-- <div class="row"> -->
			<div class="card-body p-0">
				<div class="p-sm-2 p-1 border-bottom">
				<h4 class="breadcrumb-item active font-weight-bold text-capitalize">{{$data->title}}</h4>
				</div>
				<div class="px-sm-4 pt-sm-4 px-3 pt-3 pb-0">
					<p class="tx-muted mb-0">{!! $data->sub_description !!}</p>
				</div>
				<div class=" p-sm-4 p-3">
					<div class="row">
						<div class="col-md-12 col-xl-12">
							<div class="results-all">
								<div class="main-result-container">
									<div class="main-result">
										<div class="my-4">
											<img src="{{asset($img_url)}}" alt="img" class="cover-image radius-4 w-100 ht-300" onerror="this.src='{{asset('assets/b2c_img/paid_course_1.png')}}'; this.alt='Image';">
										</div>
										<div class="d-flex align-items-center mb-1 mt-3">
											<span><i class="fe fe-calendar me-3 tx-14"></i>{{$data->created_at}}</span>
										</div>
										<p class="mb-0"><span class="font-weight-semibold">{!! $data->description !!}</span></p>
									</div>
								</div>
							</div>
						</div>
											</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection