79 lines
3.7 KiB
PHP
79 lines
3.7 KiB
PHP
@extends('layout-master')
|
|
@section('content')
|
|
<div>
|
|
|
|
@forelse ($levels as $level)
|
|
<h1>Content {{ $level->topic->title }}</h1>
|
|
<div class="row">
|
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
|
<div class="x_panel">
|
|
<div class="x_content" style="display: block;">
|
|
@if(!empty($level->image))
|
|
<div class="polaroid">
|
|
<img src="{{ url('storage/image/'.$level->image) }}" alt="" style="width:100%; height:auto">
|
|
</div>
|
|
@else
|
|
@endif
|
|
<br>
|
|
<!-- @if(!empty($level->audio))
|
|
<div class="polaroid">
|
|
<audio controls="controls">
|
|
<source src="{{ url('storage/audio/'.$level->audio) }}" type="audio/mp3" />
|
|
</audio>
|
|
</div>
|
|
@endif -->
|
|
<h4>{{ $level->content }}</h4>
|
|
<!-- @if(!empty($level->video))
|
|
<video controls="controls" width="260" height="120">
|
|
<source src="{{ url('storage/video/'.$level->video) }}" type="video/mp4" />
|
|
</video>
|
|
@endif -->
|
|
<hr>
|
|
<div class="col-md-9 col-sm-9 offset-md-3" style="margin-left: 88%">
|
|
<form id="take_exc_form" action="{{ route('student.take.exercise') }}" method="POST">
|
|
<input type="hidden" name="stdlrn_id" value="{{ $stdlrn->id }}">
|
|
@csrf
|
|
@section('script')
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#take_exc_form').on('submit', function(e) {
|
|
e.preventDefault();
|
|
var form = this;
|
|
$.ajax({
|
|
url: $(form).attr('action'),
|
|
method: $(form).attr('method'),
|
|
data: new FormData(form),
|
|
processData: false,
|
|
dataType: 'json',
|
|
contentType: false,
|
|
beforeSend: function() {
|
|
$(this).find('span.error-text').text('');
|
|
},
|
|
success: function(data) {
|
|
if (data.code == 0) {
|
|
Swal.fire(
|
|
'Oops!',
|
|
'Something went wrong!.',
|
|
'error'
|
|
)
|
|
} else {
|
|
window.location.href = '/s/'+ {{ $stdlrn->id }}+'/exercise/'+ {{ $level->id }}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
@endsection
|
|
<button class="btn btn-success" role="button" type="submit">Take Exercise</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@empty
|
|
<code>no level available</code>
|
|
@endforelse
|
|
</div>
|
|
@endsection |