<div class="folder-item {{#if (eq activeFolderId folder.id)}}active{{/if}}" data-action="selectFolder"
    data-folder-id="{{folder.id}}" {{#if folder.isPack}}data-pack-collection="{{folder.id}}"{{/if}}>
    <i class="fas {{#if folder.isPack}}fa-atlas{{else}}fa-folder{{/if}}"></i>
    <span class="folder-name">{{folder.name}}</span>
    {{#if folder.mediaScanPath}}
    <button
        type="button"
        class="media-folder-refresh-btn"
        data-action="refreshMediaFolder"
        data-scan-path="{{folder.mediaScanPath}}"
        title="{{localize "ASSET_LIBRARIAN.Buttons.RefreshMediaFolder"}}"
        aria-label="{{localize "ASSET_LIBRARIAN.Buttons.RefreshMediaFolder"}}"
        {{#if folder.mediaScanRefreshing}}disabled{{/if}}
    >
        <i class="fas {{#if folder.mediaScanRefreshing}}fa-spinner fa-spin{{else}}fa-rotate{{/if}}" inert></i>
    </button>
    {{/if}}
</div>
{{#if folder.children.length}}
<div class="folder-children">
    {{#each folder.children}}
    {{> "modules/asset-librarian/templates/folder-tree-partial.hbs" folder=this activeFolderId=../activeFolderId}}
    {{/each}}
</div>
{{/if}}
