@extends('admin.layoutWithNavigation')

@section('pageHeading', @trans('admin/fileManager.edit', ['name' => $file->original_filename]))

@section('content')

    <div class="row">
        <h2>@lang('admin/fileManager.edit', ['name' => $file->original_filename])</h2>
    </div>

    <div class="row">
        <div class="column large-8">
            <div class="large-preview">
                {!! \App\Helpers\FileManager::getLargePreview($file) !!}
            </div>
        </div>
        <div class="column large-4">

            <div class="row callout secondary">
                <div class="column">
                    <h3>{{$file->original_filename}}</h3>

                    <ul>
                        <li>@lang('admin/fileManager.createdAt'): {{$file->created_at}}</li>
                        <li>@lang('admin/fileManager.updatedAt'): {{$file->updated_at}}</li>
                        <li>@lang('admin/fileManager.mime'): {{$file->mime_type}}</li>
                        <li>@lang('admin/fileManager.hash'): <span title="{{$file->file_hash}}">{{str_limit($file->file_hash, 10)}}</span></li>
                        <li>@lang('admin/fileManager.url'): <a href="{{config('app.upload_url')}}/{{$file->filename}}">{{$file->filename}}</a></li>
                        <li>@lang('admin/fileManager.fileSize'): {{\App\Helpers\FileManager::getFormattedSize($file)}}</li>

                        @foreach($extraInfo as $column => $info)
                            <li>{{$column}}: {{$info}}</li>
                        @endforeach

                    </ul>
                </div>
            </div>

            <div class="row">
                @include('admin.fileManager.editForm')
            </div>
        </div>
    </div>
@stop

@section('head_stylesheets')
    <link rel="stylesheet" href="{{asset('/resources/assets/js/vendor/highlightjs/style/default.css')}}">
@stop

@section('javascripts')

    <script type="text/javascript" src="{{asset('/resources/assets/js/vendor/highlightjs/highlight.min.js')}}"></script>

    <script type="text/javascript">
        hljs.initHighlightingOnLoad();
    </script>

@stop