@extends('layouts.filemanager')
@section('title', trans('menu.gallery_title'))
@section('plugin-styles')
    @php $u = request()->user();@endphp
    <link rel="stylesheet" href="{{ Module::asset('organizationaldocument:css/mime-icons.min.css') }}">
    <link rel="stylesheet" href="{{ Module::asset('organizationaldocument:css/fsm.css') }}">
@stop

@section('content')
	<div class="tw-card">
        <div class="p-6">

			<div class="row mb-4 d-flex justify-content-center">

                <div class="col-lg-12">

                    @include('gallery::manager.top-bar')

                </div>

            </div>

            <div class="d-flex flex-row">

                <div id="tree"> </div>

                <div id="main">
                    <div id="alerts"></div>

                    <nav aria-label="breadcrumb" class="hidden d-lg-block" id="breadcrumbs">
                        <ol class="breadcrumb bg-light">
                            <li class="breadcrumb-item invisible">{{trans('label.lbl_home')}}</li>
                        </ol>
                    </nav>

                    <div id="empty" class="hidden">
                        <i class="fa fa-folder-open"></i>
                        {{ trans('menu.message-empty') }}
                    </div>

                    <div id="content" class="list-view"></div>
                    <div id="pagination" class="flex items-center justify-between w-full"></div>

                    <a id="item-template" class="hidden">
                        <div class="square"></div>

                        <div class="info">
                            <div class="item_name text-truncate"></div>
                            <time class="font-weight-light text-truncate"></time>
                        </div>
                    </a>
                </div>

            </div>

            @include('gallery::manager.modals')



    	</div>

	</div>

@stop

@section('footer-script')

    <script type="text/javascript" src="//code.jquery.com/ui/1.12.1/jquery-ui.js" ></script>
    <script>
      var actions = [
        {
          name: 'use',
          icon: 'check',
          label: 'Confirm',
          multiple: true
        },

        {
          name: 'preview',
          icon: 'image',
          label: '{{trans('menu.menu-view')}}'
        },
      ];

      var sortings = [
        {
          by: 'alphabetic',
          icon: 'sort-alpha-asc',
          label: '{{trans('menu.nav-sort-alphabetic')}}'
        },
        {
          by: 'time',
          icon: 'sort-amount-desc',
          label: '{{trans('menu.nav-sort-time')}}'
        }
      ];
    </script>
    @include("gallery::manager.script")
@stop