@extends('themes.admin.'.setting('active_admin_theme').'.layouts.default')
@section('content')
	@push('custom-css')
		<style>
			.elfinder-cwd-view-icons .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
				left: -10px;
				background: lawngreen;
			}
		</style>
	@endpush
		<div class="gadmin-pagesidebar-width-1 gadmin-mhide">
		<div class="panel panel-default gadmin-pagesidebar-width-1-panel ">
				<!-- begin panel-heading -->
				<div class="panel-heading gadmin-pagesidebar-width-1-heading">
					<h4 class="panel-title">{{__('admin.frontend')}}</h4>
				</div>
				<!-- end panel-heading -->
				<div class="gadmin-pagesidebar-body">
					<div class="gadmin-pagesidebar-main">
						<ul class="nav gadmin-pagesidebar-ul">
							<li><a href="{{url('admin/main/show_objects/page')}}" class="">{{__('page_list')}}</a></li>
							<li><a class=" active">{{__('file_manager')}}</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="gadmin-pagesidebar-width-2">
			<!-- begin panel -->
			<div class="panel panel-default " data-sortable-id="ui-widget-6">
				<div class="panel-heading">
					<div class="panel-heading-btn">
						<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-expand"><i class="fa fa-expand"></i></a>
					</div>
					<h4 class="panel-title">
						{{$title}}
					</h4>
				</div>
				<div id="info-alert" class="alert" style="display:none">
					<span class="close"  onclick="$('#info-alert').fadeOut()">×</span>
					<div class="alert-container"></div>
				</div>
				<div class="panel-body">
					<div id="elfinder"></div>
				</div>
			</div>
		</div>
	<!-- end panel -->
	@push('custom-js')
		<script>
			$(document).ready(function() {
				setTimeout(function() {
					fileManager('');
				},400);
			});
		</script>
	@endpush
@endsection