@extends('admin.layout')
@section('content')
<div class="search-list">
	<div class="content-wrapper search-result-list">
	<section class="content-header">
		<h1> {{ trans('Details') }} ...</small> </h1>
		<ol class="breadcrumb">
			<li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
			<li class="active"> {{ trans('Details') }}</li>
		</ol>
	</section>
	@php
		$getUserRoleData 			= userRoleData();
		$knowledgeBase				= explode(",",$getUserRoleData->knowledgeBase);
	
	@endphp
	<section class="content">
		<div class="row">
			<div class="col-xs-12">
				<div class="box box-info">
					<div class="box-body">
						   <div class="col-xs-12">
							<div class="row">
								 							
							<div class="box-tools pull-right">
								<a href="../knowledge-base-search" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>

							</div>
							</div>
							</div>
							 
						   
						<div class="clearfix"></div>
						<div class="row">
							<div class="col-xs-12">		
								@if(in_array("View",$knowledgeBase ))			

								<h3>{{ $result['getUserData']->questions }}</h3>
								{!!  $result['getUserData']->answers !!}
							</div>
						</div>	 
						<div class="row">
							@if($result['getUserData']->picture)
							<div class="col-sm-12">

								<img src="{{asset('assets/admin/knowledge').'/'.$result['getUserData']->picture}}" alt="profile Pic" class="img-responsive">
 									
							</div>
							@endif
							@if($result['getUserData']->video)
							<div class="col-sm-6">
									
									
										<video  height="320" controls style=" width: 100% !important;">
										<source src="{{asset('assets/admin/knowledgevideo').'/'.$result['getUserData']->video}}" type="video/mp4">
										<source src="{{asset('assets/admin/knowledgevideo').'/'.$result['getUserData']->video}}" type="video/ogg">
										Your browser does not support the video tag.
										</video>
							</div>
							@endif

								<div class="row">
									<div class="col-sm-6" style="margin-top: 34px">
										@if($result['getUserData']->youtubelink)
											<iframe height="320" src="https://www.youtube.com/embed/{{$result['getUserData']->youtubelink}}" style="width: 100% !important;"></iframe>
										@endif
									</div>
								</div>
								
								<div class="row" style="margin-top: 34px; margin-left: 2px">
									<div class="col-sm-6">
										@if($result['getUserData']->file)
											<div>
												<a href="{{ asset('assets/admin/knowledgefile/' . $result['getUserData']->file) }}" download>
													<i class="fas fa-file-download fa-4x"></i> Download File
												</a>
											</div>

										@endif
									</div>
								</div>
							
						</div>		 
								@else
									<p> <strong>Please contact with SuperAdmin</strong></p>
								@endif
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>  
</div>
</div>
<script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<!-- Include Font Awesome CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

<script>
	function submitSearchForm() {
		document.getElementById("search_form").submit();
	}
</script>
@endsection