@extends('layouts.app')

@section('content')

<section class="content-header" style="margin-bottom:20px">
    <h1>Show Video Information</h1>
</section>
<!-- /.box -->

<div class="box">
    <div class="box-header">
        <h3 class="box-title">Video Details</h3>
        <div class="pull-right">
            <button class="btn btn-success btn-sm pull-right" onclick="window.history.back();">Back</button>
        </div>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <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"/> -->
                        <!-- <img class="img-responsive menu-thumbnails" src="{{ Storage::disk('local')->url("uploads/video/images/$video->id/$video->logo") }}" width="200" height="200"/> -->
                        <img class="img-responsive menu-thumbnails" src="{{ $files[$video->id] }}" width="100" height="auto" />
                    </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>
    </div>
</div>

@endsection