turkmentv/resources/views/material.blade.php

@extends('layouts.app')
@section('breadcrumb')
    {{ Breadcrumbs::render('material', $material) }}
@endsection
@section('content')
    <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 controls width="100%" poster="https://content.turkmentv.gov.tm/{{$material->banner_url}}">
                                        <source src="https://content.turkmentv.gov.tm/{{$material->trailer_url}}">
                                    </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>
        $('.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