@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>
			<hr style="margin: 20px 0px; border: 1px solid #999;">		
				{!! Form::open(array('url' => URL_STUDENT_UPLOAD_ONLINESTUDY, 'method' => 'POST', 'name'=>'formAssigment ', 'novalidate'=>'','files'=>TRUE )) !!}  
					<input type="hidden" name="allocate_id" value="{{$details->allocate_id}}"> 
                 <div class="row">  
                 @if(empty($details->user_comments))	
				   <fieldset class="form-group col-md-6">
						{{ Form::label('user_comments', getphrase('Message')) }}
						<span class="text-red">*</span> 
						{{ Form::textarea('user_comments', $value = null , $attributes = array('class'=>'form-control', 'rows'=>'5', 'placeholder' => 'Message','id'=>'user_comments',
							'ng-model'=>'user_comments', 
							'required'=> 'true', 
							'ng-class'=>'{"has-error": formQuiz.user_comments.$touched && formQuiz.user_comments.$invalid}')) }}

						<div class="validation-error" ng-messages="formAssigment.user_comments.$error" >
	    					{!! getValidationMessage()!!}
						</div>
					</fieldset>	 
					@else
	               	<fieldset class="form-group col-md-6" >
	               		 
	               		 {{ Form::label('user_comments', getphrase('Your Message')) }}
	               		<br>
	               		{{ $details->user_comments }}
	               		 
	               	</fieldset>
	               	@endif
	           </div>                    
                	@if(empty($details->user_comments))     
						<div class="buttons text-center">
							<button class="btn btn-lg btn-primary button" ng-disabled='!formAssigment.$valid'
							>Submit</button>
						</div>
				    @endif
					{!! Form::close() !!}
						</div>
					</div>
				</div>
			</div>
			<!-- /.container-fluid -->
		</div>
@endsection
 

@section('footer_scripts')
  
@stop