<f:if condition="{loadedExtensions}">
    <h2>
        <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:extension_authors" />
    </h2>
    <p>
        <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:extension_list_info" />
    </p>

    <div class="table-fit">
        <table class="table table-striped table-hover table-vertical-top">
            <thead>
                <tr>
                    <th><f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:extension" /></th>
                    <th><f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:extension_author" /></th>
                </tr>
            </thead>
            <tbody>
                <f:for each="{loadedExtensions}" as="loadedExtension">
                    <tr>
                        <td>
                            {loadedExtension.title} ({loadedExtension.key})
                        </td>
                        <td>
                            <f:if condition="{loadedExtension.authors}">
                                <f:for each="{loadedExtension.authors}" as="extensionAuthor" iteration="i">
                                    {extensionAuthor.name} <f:if condition="{extensionAuthor.email}">({extensionAuthor.email})</f:if>
                                    <f:if condition="{i.isLast} == false">
                                        <br>
                                    </f:if>
                                </f:for>
                            </f:if>
                        </td>
                    </tr>
                </f:for>
            </tbody>
        </table>
    </div>
</f:if>
