{namespace v=FluidTYPO3\Vhs\ViewHelpers}
<f:section name="Item">
    <tr>
        <td class="fileitem-col-name">
            <f:switch expression="{item.originalResource.originalFile.properties.extension}">
                <f:case value="pdf">
                    <i class="fa fa-fw fa-file-pdf-o"></i>
                </f:case>
                <f:case value="zip">
                    <i class="fa fa-fw fa-file-archive-o"></i>
                </f:case>
                <f:case default="TRUE">
                    <i class="fa fa-fw fa-file-o"></i>
                </f:case>
            </f:switch>
            <a href="/{item.originalResource.publicUrl}" target="_blank">
                <f:if condition="{item.originalResource.title}">
                    <f:then>{item.originalResource.title}</f:then>
                    <f:else>{item.originalResource.name}</f:else>
                </f:if>
            </a>
        </td>
        <td class="fileitem-col-version">
            <f:if condition="{item.originalResource.description}">
                {item.originalResource.description}
            </f:if>
        </td>
        <td class="fileitem-col-size">
            <span class="file-size">{item.originalResource.originalFile.properties.size -> f:format.bytes()}</span>
        </td>
        <td class="fileitem-col-history">
            <f:if condition="{item.originalResource.originalFile.properties.history}">
                <a href="#" data-featherlight="#lightbox-history-{item.originalResource.properties.uid}">
                    <f:translate key="LLL:EXT:products/Resources/Private/Language/locallang_frontend.xlf:file.history" />
                </a>
                <div id="lightbox-history-{item.originalResource.properties.uid}" class="lightbox-history">{item.originalResource.originalFile.properties.history -> f:format.raw()}</div>
            </f:if>
        </td>
        <td class="fileitem-col-tags">{item.originalResource.originalFile.properties.tags}</td>
    </tr>
</f:section>

<f:section name="Items">
    <f:if condition="{items}">
        <f:for each="{items -> v:iterator.sort(sortBy: 'originalResource.properties.sorting_foreign')}" as="item">
            <f:render partial="File/Item" section="Item" arguments="{item: item}" />
        </f:for>
    </f:if>
</f:section>

<f:section name="ItemGroup">
    <f:if condition="{product.productGroup.{key} -> f:count()} > 0 || {product.{key} -> f:count()} > 0">
        <h3 class="h5">
            <f:translate key="LLL:EXT:products/Resources/Private/Language/locallang_frontend.xlf:product.downloads.{key}" />
        </h3>
        <table class="table">
            <f:render section="TableHead" />
            <tbody>
                <f:render partial="File/Item" section="Items" arguments="{items: '{product.productGroup.{key}}'}" />
                <f:render partial="File/Item" section="Items" arguments="{items: '{product.{key}}'}" />
            </tbody>
        </table>
    </f:if>
</f:section>

<f:section name="TableHead">
    <thead>
        <tr>
            <th class="fileitem-col-name"><i class="fa fa-fw"></i>&nbsp;<f:translate key="LLL:EXT:products/Resources/Private/Language/locallang_frontend.xlf:file.name" /></th>
            <th class="fileitem-col-version"><f:translate key="LLL:EXT:products/Resources/Private/Language/locallang_frontend.xlf:file.version" /></th>
            <th class="fileitem-col-size"><f:translate key="LLL:EXT:products/Resources/Private/Language/locallang_frontend.xlf:file.size" /></th>
            <th class="fileitem-col-history"></th>
            <th class="fileitem-col-tags">Tags</th>
        </tr>
    </thead>
</f:section>