<form action="">
    <input type="search" id="search" name="search" value="" aria-label="{{localize "recycle-bin.app.search"}}" placeholder="{{localize "recycle-bin.app.search"}}" autocomplete="off">
    <ol id="recycle-bin-items">
        {{#each items}}
            <li {{#if this.willBeDeleted}}data-tooltip="{{localize "recycle-bin.app.deleteOnRefresh"}}" class="deletion-pending"{{/if}} data-index="{{this.index}}" data-search="{{this.documentName}} {{this.name}} {{this.parent}}">
                <div class="recycle-item-img" style="background-image: url('{{this.img}}');">
                    {{#if this.icon}}
                    <i class="{{this.icon}}"></i>
                    {{/if}}
                </div>
                <div class="recycle-info">
                <label for="">{{this.documentName}}: {{this.name}}</label>
                {{#if this.parent}}
                <p class="notes">{{this.parent}}</p>
                <p class="notes">{{this.time}}</p>
                {{/if}}
                </div>
                <div class="recycle-buttons-container">
                <i data-tooltip="{{localize "recycle-bin.app.restore-item"}}" class="fa-duotone fa-trash-undo restore-item"></i>
                <i data-tooltip="{{localize "recycle-bin.app.preview-item"}}" class="fa-duotone fa-magnifying-glass preview-item"></i>
                <i data-tooltip="{{localize "recycle-bin.app.permanently-delete"}}" class="fa-duotone fa-trash-can-slash permanently-delete"></i>
                </div>
            </li>
        {{/each}}
    </ol>
</form>