@extends($layout)
@section('header_scripts')
@stop
@section('content')
<style type="text/css">
	.topheader{
	border: 1px solid #999; text-align: center; font-weight:bold;font-size: 18px;background-color: #059C5B; color: #fff;
	}
	.margindiv{
		 margin: 50px 0px;
		 font-size: 16px;
	}
</style>

<div id="page-wrapper">
			<div class="container-fluid">
				<!-- Page Heading -->
				<div class="row">
					<div class="col-lg-12">
						<ol class="breadcrumb">
							<li><a href="{{PREFIX}}"><i class="mdi mdi-home"></i></a> </li>
							<li><a href="{{URL_STUDENT_ONLINESTUDY.'/'.$details->user_slug}}">{{getPhrase('online_studies')}}</a> </li>
							<li>{{ $title }}</li>
						</ol>
					</div>
				</div>
								
				<!-- /.row -->
				<div class="panel panel-custom">
					<div class="panel-heading">
                           <h1>{{ $title }}</h1>
					</div>
					<div class="panel-body packages">
					<div class="row">
						<div class="col-lg-12" style="line-height: 30px;">	
							<div class="12" ><b>Title &nbsp;: &nbsp;{{ucwords($details->title)}} </b></div>
							<div class="12" ><b>Subject &nbsp;: &nbsp;{{ucwords($details->subject_title)}} </b></div>
							<div class="12" ><b> Submited By &nbsp;: &nbsp;{{ucwords($details->name)}}</b></div>

					<hr style="margin: 20px 0px; border: 1px solid #999;">
					@if(!empty($details->video_name)) 		
					<div class="col-md-12 topheader" > Video	</div> 
					<div class="col-md-12" style="border: 1px solid #999;">	
					@if(!empty($details->video_name)) 
					   <div class="title-column"> Invalid Video Format!!! </div>					@else
					     <div class="title-column margindiv"> No Video Found!!! </div>
					@endif  
					</div>
					@endif
					@if(!empty($details->file_name))
					<div class="col-md-12 topheader"> PDF	</div>
					<div class="col-md-12" style="border: 1px solid #999;">
						@if(!empty($details->file_name)) 
						 <iframe src="{{ PREFIX1 }}uploads/onlinestudy/{{$details->file_name}}#toolbar=0" width="100%" height="700px">
    					</iframe>
    					@else
    					 <div class="title-column margindiv"> No PDF Found!!! </div>
    					@endif
					</div>	
					@endif
					@if(!empty($details->audiofile))
					<div class="col-md-12 topheader"> Audio	</div>
					<div class="col-md-12" style="border: 1px solid #999; padding: 20px 10px 10px 10px;">
						@if(!empty($details->audiofile))
						 <audio controls autoplay style="width: 100%;">
						  <source src="{{ PREFIX1 }}uploads/onlinestudy/{{$details->audiofile}}" type="audio/mpeg">
						  Your browser does not support the audio element.
						</audio> 
						@else
    					 <div class="title-column margindiv"> No Audio Found!!! </div>
    					@endif
					</div>
					@endif
					<div class="col-md-12 topheader"> Description </div>
					<div class="col-md-12"  style="border: 1px solid #999;">
						<br>{{ucwords($details->description)}}
					</div>
				 </div>	
				</div>
			 
						</div>
					</div>
				</div>
			</div>
			<!-- /.container-fluid -->
		</div>
@endsection
 

@section('footer_scripts')
  
@stop