@extends ('backend.layouts.app')

@section('title', 'File Manager')

@section('page-header')
<h1>File Manager</h1>
@endsection

@section('after-styles')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
@endsection


@section('content')

<div class="box box-info">
        <div class="box-header with-border">
        </div>
        <!--box-header with-border-->

        <div class="box-body">
            <div id="fm-main-block">
                <div id="fm"></div>
            </div>
        </div><!-- /.box-body -->
    </div>
    <!--box-->
@endsection

@section('after-scripts')
<script src="{{ asset('vendor/file-manager/js/file-manager.js') }}"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('fm-main-block').setAttribute('style', 'height:' + window.innerHeight + 'px');
    fm.$store.commit('fm/setFileCallBack', function(fileUrl) {
        window.opener.fmSetLink(fileUrl);
        window.close();
    });
});
</script>
@endsection