<xf:macro name="attachment_list_item" arg-attachment="!" arg-canView="!">
    <li class="attachment">
        <xf:if is="$attachment.has_thumbnail">
            <xf:macro template="lightbox_macros" name="setup" arg-canViewAttachments="{$canView}" />
            <div class="attachment-icon attachment-icon--img">
                <a href="{{ link('attachments', $attachment) }}" target="_blank" class="{{ $canView ? 'js-lbImage' : '' }}">
                    <img src="{$attachment.thumbnail_url}" alt="{$attachment.filename}" />
                </a>
            </div>
        <xf:else />
            <div class="attachment-icon" data-extension="{$attachment.extension}">
                <a href="{{ link('attachments', $attachment) }}" target="_blank"><i aria-hidden="true"></i></a>
            </div>
        <div class="attachment-name">
            <a href="{{ link('attachments', $attachment) }}" target="_blank" title="{$attachment.filename}">{$attachment.filename}</a>
        </div>
        <div class="attachment-details">
            <span class="attachment-details-size">{$attachment.file_size|file_size}</span>
            <span class="attachment-details-views">{{ phrase('views:') }} {$attachment.view_count|number}</span>
        </div>
        </xf:if>
    </li>
</xf:macro>