@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')
        </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->id)
                    <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-file-title">
                        @include('admin.fileManager.directories.form', ['directory' => new \App\Models\Directory(), 'action' => route('upload.postEditDirectory', ['id' => $directory->id])])
                    </div>
                </div>


            </div>


            {{--<ul class="accordion" data-accordion data-allow-all-closed="true">--}}
            {{--<li class="accordion-item is-active" data-accordion-item>--}}
            {{--<a href="#" class="accordion-title">@lang('admin/fileManager.newFile')</a>--}}

            {{--<div class="accordion-content" data-tab-content>--}}
            {{--@include('admin.fileManager.newFileForm')--}}
            {{--</div>--}}
            {{--</li>--}}
            {{--<li class="accordion-item" data-accordion-item>--}}
            {{--<a href="#" class="accordion-title">@lang('admin/fileManager.editDirectory')</a>--}}

            {{--<div class="accordion-content" data-tab-content>--}}
            {{--@include('admin.fileManager.directories.editForm')--}}
            {{--</div>--}}
            {{--</li>--}}
            {{--@endif--}}
            {{--<li class="accordion-item" data-accordion-item>--}}
            {{--<a href="#" class="accordion-title">@lang('admin/fileManager.newDirectory')</a>--}}

            {{--<div class="accordion-content" data-tab-content>--}}
            {{--@include('admin.fileManager.directories.newForm')--}}
            {{--</div>--}}
            {{--</li>--}}
            {{--</ul>--}}
        </div>
    </div>

@stop