@extends('admin.layoutWithNavigation')

@section('pageHeading', @trans('admin/fileManager.edit', ['name' => $file->original_filename]))
@section('headerButtons')
    <a href="{{route('upload.delete', ['id' => $file->id])}}" class="btn btn-danger btn-sm confirm rounded" title="@lang('admin/fileManager.delete')">
        <i class="fa fa-trash"></i>
    </a>
    @endsection


@section('content')
    <div class="row">
        <div class="col-lg-8">
            <div class="large-preview">
                {!! \App\Helpers\FileManager::getLargePreview($file) !!}
            </div>
        </div>
        <div class="col-lg-4">

            <div class="row callout secondary">
                    <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 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