@extends('layouts.app')

@section('content')
	<div class="row">
	    <div class="col-lg-12 margin-tb">
	        <div class="pull-left">
	            <h3>Video Details</h3>
	        </div>
	        <div class="pull-right">
	            <!-- <a class="btn btn-primary btn-sm" href="{{ route('videos.index') }}"> Back</a> -->
                <button class="btn btn-primary btn-sm" onclick="window.history.back();">Back</button>
	        </div>
	    </div>
	</div>

    <div class="form-horizontal addBorderClass">
    	<div class="row">
    		<div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Video Name:</label>
                    {{ $video->video_name }}
                </div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Language:</label>
                    {{ $video->default_language }}
                </div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Encryption Key:</label>
                    {{ $video->encryption_key }}
                </div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Logo:</label>
                    <img class="img-responsive menu-thumbnails" src="{{ asset("uploads/video/images/$video->id/$video->logo") }}" width="200" height="200"/>
                </div>
            </div>

            @if ($video->filename && $video->status === 'published')
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Video:</label>
                    <video width="400" controls>
                        <source src="{{ asset("uploads/video/movies/$video->id/$video->filename") }}" type="video/mp4">
                        Your browser does not support HTML5 video.
                    </video>
                </div>
            </div>
            @endif

            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Length:</label>
                    {{ $video->movie_length }}
                </div>
            </div>

            <!-- <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Subtitles:</label>
                    {{ $video->subtitles }}
                </div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Subtitles Language:</label>
                    {{ $video->subtitles_language }}
                </div>
            </div> -->

            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Codec:</label>
                    {{ $video->codec }}
                </div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Genre:</label>
                    {{ $video->genre }}
                </div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Category:</label>
                    {{ $video->category }}
                </div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Cast:</label>
                    {{ $video->cast }}
                </div>
            </div>

            <!-- <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Director:</label>
                    {{ $video->director }}
                </div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Producer:</label>
                    {{ $video->producer }}
                </div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Production Company:</label>
                    {{ $video->production_company }}
                </div>
            </div> -->

            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-md-3">Created At:</label>
                    {{ (new \App\Http\Helper)->date_format($video->created_at) }}
                </div>
            </div>

    	</div>
    </div>

@endsection