<div id="filemanager-{{{client_id}}}" class="filemanager w-100 fm-loading">
    <div class="fp-restrictions">
        {{{restrictions}}}
        <span class="dnduploadnotsupported-message"> - {{#str}}dndnotsupported_insentence{{/str}}{{{helpicon}}}</span>
    </div>
    <div class="fp-navbar bg-faded card mb-0">
        <div class="filemanager-toolbar icon-no-spacing">
            <div class="fp-toolbar">
                <div class="fp-btn-add">
                    <a id="addbtn" title="{{#str}}addfile, repository{{/str}}" class="btn btn-secondary btn-sm" href="#">
                        {{#pix}}a/add_file{{/pix}}
                    </a>
                </div>
                <div class="fp-btn-mkdir">
                    <button id="createfolderbtn" title="{{#str}}makeafolder{{/str}}" class="btn btn-secondary btn-sm" href="#">
                        {{#pix}}a/create_folder{{/pix}}
                    </button>
                </div>
                <div class="fp-btn-download">
                    <button id="downloadfolderbtn" title="{{#str}}downloadfolder, repository{{/str}}" class="btn btn-secondary btn-sm" href="#">
                        {{#pix}}a/download_all{{/pix}}
                    </button>
                </div>
                <div class="fp-btn-delete">
                    <button id="deletebtn" role="button" title="{{#str}}delete{{/str}}" class="btn btn-secondary btn-sm" href="#">
                        {{#pix}}i/trash{{/pix}}
                    </button>
                </div>
                <span class="fp-img-downloading">
                    <span class="sr-only">{{#str}}loadinghelp{{/str}}</span>
                    {{#pix}}i/loading_small{{/pix}}
                </span>
            </div>
            <div class="fp-viewbar btn-group float-sm-right">
                <button id="displayiconsbtn" title="{{#str}}displayicons, repository{{/str}}" class="fp-vb-icons btn btn-secondary btn-sm" href="#">
                    {{#pix}}fp/view_icon_active, theme{{/pix}}
                </button>
                <button id="displaydetailsbtn" title="{{#str}}displaydetails, repository{{/str}}" class="fp-vb-details btn btn-secondary btn-sm" href="#">
                    {{#pix}}fp/view_list_active, theme{{/pix}}
                </button>
                <button id="displaytreebtn" title="{{#str}}displaytree, repository{{/str}}" class="fp-vb-tree btn btn-secondary btn-sm" href="#">
                    {{#pix}}fp/view_tree_active, theme{{/pix}}
                </button>
            </div>
        </div>
        <div class="fp-pathbar">
            <span class="fp-path-folder"><a class="fp-path-folder-name" href="#"></a></span>
        </div>
    </div>
    <div class="filemanager-loading mdl-align">{{#pix}}i/loading_small{{/pix}}<span class="sr-only">{{#str}}loadinghelp{{/str}}</span></div>
    <div class="filemanager-container card" >
        <div class="fm-content-wrapper">
            <div class="fp-content"></div>
            <div class="fm-empty-container">
                <div class="dndupload-message">{{#str}}dndenabled_inbox{{/str}}<br/><div class="dndupload-arrow"></div></div>
            </div>
            <div class="dndupload-target">{{#str}}droptoupload{{/str}}<br/><div class="dndupload-arrow"></div></div>
            <div class="dndupload-progressbars"></div>
            <div class="dndupload-uploadinprogress">{{#pix}}i/loading_small{{/pix}}<span class="sr-only">{{#str}}loadinghelp{{/str}}</span></div>
        </div>
        <div class="filemanager-updating">{{#pix}}i/loading_small{{/pix}}<span class="sr-only">{{#str}}loadinghelp{{/str}}</span></div>
    </div>
</div>
