{namespace ar=Sng\AdditionalReports\ViewHelpers}

<f:if condition="{composer}">
    <div class="typo3-messages">
        <div class="alert alert-info">
            <div class="media">
                <div class="media-left"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-info fa-stack-1x"></i></span></div>
                <div class="media-body">
                    <h4 class="alert-title">
                        <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:composer_mode"/>
                    </h4>
                    <p class="alert-message">
                        <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:composer_mode.desc"/>
                    </p>
                </div>
            </div>
        </div>
    </div>
</f:if>

<f:if condition="{listExtensionsTer}">
    <div>
        <table class="table table-striped table-hover table-condensed">
            <thead>
            <tr>
                <th colspan="7">
                    <f:count subject="{listExtensionsTer}"/>
                    <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:extensions_ter"/>
                </th>
            </tr>
            <tr>
                <th>&nbsp;</th>
                <th>
                    <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:extension"/>
                </th>
                <th>
                    <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:status_version"/>
                </th>
                <th>
                    <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:status_lastversion"/>
                </th>
                <th>
                    <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:extensions_tables"/>
                </th>
                <th>
                    <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:extensions_confintegrity"/>
                </th>
                <th>
                    <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:extensions_files"/>
                </th>
            </tr>
            </thead>
            <tbody>

            <f:for each="{listExtensionsTer}" as="extension">
                <tr>
                    <td class="col-icon"><img class="ext-icon" src="{extension.icon}"/></td>
                    <td>{extension.extension}</td>
                    <td>{extension.version}</td>
                    <td>
                        <f:format.raw>{extension.versionlast}</f:format.raw>
                    </td>
                    <td>
                        <f:render section="modal" arguments="{id:'tables{extension.extension}',title:'{f:translate(key:\'extensions_tablesmodified\')}',content:extension.tablesmodal}"/>
                    </td>
                    <td>
                        <f:format.raw>{extension.confintegrity}</f:format.raw>
                        <f:render section="modal" arguments="{id:'integrity{extension.extension}',title:'{f:translate(key:\'plus\')}',content:extension.confintegrityContent}"/>
                    </td>
                    <td>
                        <f:render section="modalIframe" arguments="{id:'compare{extension.extension}',title:'{f:translate(key:\'comparesame\')}',url:extension.compareUrl}"/>
                        <f:render section="modalIframe" arguments="{id:'compareLast{extension.extension}',title:'{f:translate(key:\'comparelast\')}',url:extension.compareUrlLast}"/>
                    </td>
                </tr>
            </f:for>
            </tbody>
        </table>
    </div>
</f:if>

<f:if condition="{listExtensionsDev}">
    <div>
        <table class="table table-striped table-hover table-condensed">
            <thead>
            <tr>
                <th colspan="4">
                    <f:count subject="{listExtensionsDev}"/>
                    <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:extensions_dev"/>
                </th>
            </tr>
            <tr>
                <th>&nbsp;</th>
                <th>
                    <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:extension"/>
                </th>
                <th>
                    <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:status_version"/>
                </th>
                <th>
                    <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:extensions_tables"/>
                </th>
            </tr>
            </thead>
            <tbody>
            <f:for each="{listExtensionsDev}" as="extension">
                <tr>
                    <td class="col-icon"><img src="{extension.icon}"/></td>
                    <td>{extension.extension}</td>
                    <td>{extension.version}</td>
                    <td>
                        <f:render section="modal" arguments="{id:'tables{extension.extension}',title:'{f:translate(key:\'extensions_tablesmodified\')}',content:extension.tablesmodal}"/>
                    </td>
                </tr>
            </f:for>
            </tbody>
        </table>
    </div>
</f:if>

<f:if condition="{listExtensionsUnloaded}">
    <div>
        <table class="table table-striped table-hover table-condensed">
            <thead>
            <tr>
                <th colspan="4">
                    <f:count subject="{listExtensionsUnloaded}"/>
                    <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:extensions_unloaded"/>
                </th>
            </tr>
            <tr>
                <th>&nbsp;</th>
                <th>
                    <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:extension"/>
                </th>
                <th>
                    <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:status_version"/>
                </th>
                <th>
                    <f:translate key="LLL:EXT:additional_reports/Resources/Private/Language/locallang.xlf:extensions_tables"/>
                </th>
            </tr>
            </thead>
            <tbody>
            <f:for each="{listExtensionsUnloaded}" as="extension">
                <tr>
                    <td class="col-icon"><img src="{extension.icon}"/></td>
                    <td>{extension.extension}</td>
                    <td>{extension.version}</td>
                    <td>
                        <f:render section="modal" arguments="{id:'tables{extension.extension}',title:'{f:translate(key:\'extensions_tablesmodified\')}',content:extension.tablesmodal}"/>
                    </td>
                </tr>
            </f:for>
            </tbody>
        </table>
    </div>
</f:if>

<f:section name="modal">
    <f:if condition="{content}">
        <button type="button" class="btn btn-default" data-bs-toggle="modal" data-bs-target="#{id}">
            {title}
        </button>
        <div class="modal fade" id="{id}" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body">
                        <f:format.raw>{content}</f:format.raw>
                    </div>
                </div>
            </div>
        </div>
    </f:if>
</f:section>

<f:section name="modalIframe">
    <f:if condition="{url}">
        <button type="button" class="btn btn-default" data-bs-toggle="modal" data-bs-target="#{id}">
            {title}
        </button>
        <div class="modal fade" id="{id}" tabindex="-1" role="dialog" data-src="{url}">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body" style="width: 800px;height:550px;overflow:hidden;">

                    </div>
                </div>
            </div>
        </div>
        <f:format.raw>
        <script type="text/javascript">
            require(["jquery"], function ($) {
                $(document).ready(function () {
                    $('.modal').on('shown.bs.modal', function () {
                        if ($(this).find('.modal-body').html().trim() === '') {
                            $(this).find('.modal-body').html('<iframe src="' + $(this).attr('data-src') + '" frameborder="0" style="width:98%;height:98%;"></iframe>');
                        }
                    });
                });
            });
        </script>
        </f:format.raw>
    </f:if>
</f:section>