@extends('admin.layoutWithNavigation')

@if ($directory->id)
    @section('pageHeading', @trans('admin/fileManager.directories', ['directory' => $directory->name]))
@else
    @section('pageHeading', @trans('admin/fileManager.rootDirectories'))
@endif


@section('content')
    <div class="row">
        <div class="col-lg-8">
            @include('admin.fileManager.directories.subdirectoriesTiles')
            @include('admin.fileManager.filesTiles', ['files' => $directory->files])
        </div>

        <div class="col-lg-4">
            <div id="file-manager-controls" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="new-file-title">
                        <h5 class="panel-title">
                            <a class="collapsed" data-toggle="collapse" data-parent="#file-manager-controls"
                               href="#new-file" aria-expanded="false" aria-controls="new-file">
                                @lang('admin/fileManager.newFile')
                            </a>
                        </h5>
                    </div>
                    <div id="new-file" class="panel-collapse collapse" role="tabpanel"
                         aria-labelledby="new-file-title">
                        @include('admin.fileManager.newFileForm')
                    </div>
                </div>

                @if ($directory->exists)
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="edit-dir-title">
                            <h5 class="panel-title">
                                <a class="collapsed" data-toggle="collapse" data-parent="#file-manager-controls"
                                   href="#edit-dir" aria-expanded="false" aria-controls="edit-dir">
                                    @lang('admin/fileManager.editDirectory')
                                </a>
                            </h5>
                        </div>
                        <div id="edit-dir" class="panel-collapse collapse" role="tabpanel"
                             aria-labelledby="edit-file-title">
                            @include('admin.fileManager.directories.form', ['action' => route('upload.postEditDirectory', ['id' => $directory->id])])
                        </div>
                    </div>
                @endif

                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="new-dir-title">
                        <h5 class="panel-title">
                            <a class="collapsed" data-toggle="collapse" data-parent="#file-manager-controls"
                               href="#new-dir" aria-expanded="false" aria-controls="new-dir">
                                @lang('admin/fileManager.newDirectory')
                            </a>
                        </h5>
                    </div>
                    <div id="new-dir" class="panel-collapse collapse" role="tabpanel"
                         aria-labelledby="new-dir-title">
                        @include('admin.fileManager.directories.form', ['directory' => $newDirectory, 'action' => route('upload.postNewDirectory')])
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection