99 lines
5.6 KiB
PHP
99 lines
5.6 KiB
PHP
@extends('layouts.app')
|
|
@section('breadcrumb')
|
|
{{ Breadcrumbs::render('material', $material) }}
|
|
@endsection
|
|
@section('content')
|
|
<link rel="stylesheet" href="/css/video-js.min.css">
|
|
<div class="container live" style="padding-bottom: 100px">
|
|
<div class="platny-wrapper col-lg-12 col-md-12 col-sm-12 col-xs-12" style="overflow-x:hidden!important">
|
|
@include('layouts.left_menu')
|
|
<div id="redak-tc" class="col-md-9" >
|
|
<div class="for-padding">
|
|
<h2> {{$material->title}}</h2>
|
|
<div class="platny-inner-tab container one-platny">
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-sm-12">
|
|
<div class="vplayer-wrapper col-lg-12 col-md-12 col-sm-12" style="overflow-x:hidden!important">
|
|
<video
|
|
id="my-video"
|
|
class="video-js"
|
|
controls
|
|
preload="auto"
|
|
width="100%"
|
|
|
|
poster="https://content.turkmentv.gov.tm/{{$material->banner_url}}"
|
|
data-setup="{}"
|
|
>
|
|
<source src="/video/stream/{{ $material->id }}" type="video/mp4" />
|
|
<p class="vjs-no-js">
|
|
To view this video please enable JavaScript, and consider upgrading to a
|
|
web browser that
|
|
<a href="https://videojs.com/html5-video-support/" target="_blank"
|
|
>supports HTML5 video</a
|
|
>
|
|
</p>
|
|
</video>
|
|
<div class="like-wrapper" style="position: absolute; z-index: 8000; top: 0; left: 0; padding: 10px">
|
|
<span class="like-click" style="display: {{$liked?'none':'block'}}; position: relative; color: #ffffff; cursor: pointer"><i class="fa fa-heart-o"> {{$material->like}}</i> </span>
|
|
<span class="like-clicked counter-anim" style="position: absolute; color: #ffffff; width: 75px; top: 0; margin-top: 10px; display: {{$liked?'block':'none'}}"><i class="fa fa-heart liked"> {{$material->like}}</i> </span>
|
|
</div>
|
|
<span class="cost-cost">
|
|
<span>{{$material->price}} TMT</span>
|
|
<span>Möçberi: <i style="font-style: normal">{{$material->size}}</i> Mb</span>
|
|
</span>
|
|
<span class="eye-eye"><i class="fa fa-eye"></i> {{$material->view}}</span>
|
|
<span class="min-min"><i class="fa fa-clock-o"></i> {{$material->duration}} <i style="font-size: 12px; font-style: normal; font-weight: normal">@lang('content.min')</i></span>
|
|
</div>
|
|
<div class="movie-details col-lg-9 col-md-9">
|
|
@if(!empty($material->details))
|
|
@foreach(json_decode($material->details) as $detail)
|
|
<span><b>{{$detail->name}}</b> {{$detail->desc}}</span>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
<div class="buy-button-wrapper col-lg-3 col-md-3" style="overflow-x:hidden!important">
|
|
@if(empty($order))
|
|
@if($subscribed == false)
|
|
<a href="{{route('buy',$material->id)}}" class="buy-button">@lang('content.buy')</a>
|
|
@else
|
|
<a href="{{route('download',$material->id)}}" class="buy-button">@lang('content.download')</a>
|
|
@endif
|
|
@else
|
|
<a href="{{route('download',$material->id)}}" class="buy-button">@lang('content.download')</a>
|
|
@endif
|
|
</div>
|
|
<div class="movie-description col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<h4>{{$material->title}}</h4>
|
|
<p>{{$material->description}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
@endsection
|
|
@section('footerScripts')
|
|
<script src="/js/video-js.min.js"></script>
|
|
|
|
<script>
|
|
$('.like-click').click(function () {
|
|
@auth
|
|
$.get("{{route('like',$material->id)}}",function(data){
|
|
//alert(data);
|
|
$('.like-click').css('display', 'none');
|
|
$('.like-click').siblings('.like-clicked').css('display', 'block');
|
|
$('.liked').html(' '+data)
|
|
})
|
|
@elseguest
|
|
window.location.href = "{{route('login')}}";
|
|
@endauth
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
@endsection
|