<html xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers" xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">

<div class="t3js-module-content" data-upgrade-docs-mark-read-token="{upgradeDocsMarkReadToken}" data-upgrade-docs-unmark-read-token="{upgradeDocsUnmarkReadToken}">
    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <div class="input-group">
                    <span class="input-group-addon">Search:</span>
                    <input
                        type="text"
                        class="form-control t3js-upgradeDocs-fulltext-search"
                        placeholder="search setting"
                        disabled
                    >
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <div class="input-group flex-nowrap">
                    <span class="input-group-addon">Filter by:</span>
                    <select
                        class="chosen-select t3js-upgradeDocs-chosen-select"
                        data-placeholder=""
                        style="width:100%;"
                        multiple
                        tabindex=""
                        disabled
                    >
                    </select>
                </div>
            </div>
        </div>
    </div>

    <div class="panel-group panel-group-rst" role="tablist" aria-multiselectable="true">
        <f:for each="{upgradeDocsVersions}" as="version" iteration="iterator">
            <div class="panel panel-default panel-version t3js-version-changes" data-version="{version}">
                <div class="panel-heading" role="tab" id="heading-{iterator.index}">
                    <h2 class="panel-title">
                        <a href="#version-{iterator.index}"
                            class="collapsed" data-bs-toggle="collapse"
                            aria-expanded="false"
                            aria-controls="#version-{iterator.index}"
                        >
                            <span class="caret"></span>
                            Version: <strong>{version}</strong>
                            <span class="float-end t3js-panel-loading"><core:icon identifier="spinner-circle" size="small" /></span>
                        </a>
                    </h2>
                </div>
                <div class="panel-collapse collapse"
                        id="version-{iterator.index}" role="tabpanel" data-group-version="{version}">
                    <div class="panel-body t3js-changelog-list" role="tablist" aria-multiselectable="false"></div>
                </div>
            </div>
        </f:for>

        <div class="panel panel-default panel-version">
            <div class="panel-heading" role="tab" id="heading-read">
                <h2 class="panel-title">
                    <a href="#collapseRead" class="collapsed" data-bs-toggle="collapse" aria-expanded="false"
                        aria-controls="collapseRead">
                        <span class="caret"></span>
                        Files marked as read
                    </a>
                </h2>
            </div>
            <div class="collapse" id="collapseRead" role="tabpanel" data-group-version="read">
                <div class="panel-body panel-body-read t3js-changelog-list" role="tablist" aria-multiselectable="false"></div>
            </div>
        </div>

        <div class="panel panel-default panel-version">
            <div class="panel-heading" role="tab" id="heading-not-affected">
                <h2 class="panel-title">
                    <a href="#collapseNotAffected" class="collapsed" data-bs-toggle="collapse">
                        <span class="caret"></span>
                        Files marked as not affected by extension scanner
                    </a>
                </h2>
            </div>
            <div class="collapse" id="collapseNotAffected" role="tabpanel" data-group-version="notAffected">
                <div class="panel-body panel-body-not-affected t3js-changelog-list" role="tablist" aria-multiselectable="false"></div>
            </div>
        </div>
    </div>
</div>

</html>
