<section class="rule-result" id="<%= category.name %>">
    <div class="rule-result--category">
        <h3 id="category-<%= category.name %>"><%= category.localizedName %> <a href="#category-<%= category.name %>" class="hint-link" title="<%= category.localizedName %>"></a></h3>
        <% if (result.isFinish && !utils.noIssues(category)) { %>
            <%- include('scan-expand-all', { getMessage }) %>
        <% } %>
    </div>
    <% if (result.status !== 'error' && result.status !== 'finished') { %>
    <div class="rule-result--details compiling__loader">
        <div class="rule-result__message--compiling">
            <div class="rule-result__message--compiling__loader"></div>
            <p><%= getMessage('gatheringResults'); %></p>
        </div>
    </div>
    <% } else if (utils.noIssues(category)) { %>
        <%- include('category-pass-message', { getMessage }); %>
    <% } else { %>
        <% utils.filterErrorsAndWarnings(category).forEach((hint) => { %>
            <%- include('scan-result-item', { getDataUri, hint, utils, isScanner }); %>
        <% }) %>
    <% } %>
</section>
