<section class="bl-audit">
  {{#if hasScene}}
    <div class="bl-audit-top">
      <p class="bl-scene"><i class="fas fa-stethoscope"></i> <strong>{{sceneName}}</strong></p>
      <button type="button" data-action="refresh" data-tooltip="{{localize 'BL.Refresh'}}"><i class="fas fa-rotate"></i> {{localize "BL.Refresh"}}</button>
    </div>
    {{#if clean}}
      <p class="bl-ok"><i class="fas fa-check"></i> {{localize "BL.AuditClean"}}</p>
    {{else}}
      <div class="bl-audit-head">
        <span>{{activeCount}} {{localize "BL.AuditIssues"}}</span>
        {{#if fixableActive}}<button type="button" data-action="fixAll"><i class="fas fa-wand-magic-sparkles"></i> {{localize "BL.AuditFixAll"}} ({{fixableActive}})</button>{{/if}}
      </div>

      {{#each buckets}}
        <section class="bl-bucket {{cls}} {{#if collapsed}}bl-collapsed{{/if}}">
          <header class="bl-bucket-head" data-action="toggleBucket" data-risk="{{id}}">
            <i class="fas bl-bucket-caret {{#if collapsed}}fa-caret-right{{else}}fa-caret-down{{/if}}"></i>
            <i class="fas {{icon}}"></i>
            <span class="bl-bucket-label">{{label}}</span>
            <span class="bl-bucket-count">{{count}}</span>
            {{#if fixable}}<button type="button" class="bl-bucket-fix" data-action="fixBucket" data-risk="{{id}}" data-tooltip="{{localize 'BL.AuditFixBucket'}}"><i class="fas fa-wand-magic-sparkles"></i> {{localize "BL.AuditFixAll"}} ({{fixable}})</button>{{/if}}
            <span class="bl-bucket-desc">{{desc}}</span>
          </header>
          {{#unless collapsed}}
          <ul class="bl-issues">
            {{#each items}}
              <li class="bl-issue {{cls}}">
                <i class="fas {{icon}} bl-issue-sev"></i>
                <div class="bl-issue-text">
                  <span class="bl-issue-msg">{{message}}</span>
                  <span class="bl-issue-target">{{targetName}}</span>
                  {{#if tip}}
                    <details class="bl-issue-tip">
                      <summary>{{localize "BL.AuditWhy"}}</summary>
                      <p>{{tip}}</p>
                    </details>
                  {{/if}}
                </div>
                <div class="bl-issue-actions">
                  {{#unless noFix}}<button type="button" data-action="fixOne" data-key="{{key}}" data-tooltip="{{localize 'BL.AuditFix'}}"><i class="fas fa-wrench"></i></button>{{/unless}}
                  <button type="button" data-action="ignoreOne" data-key="{{key}}" data-tooltip="{{localize 'BL.AuditIgnore'}}"><i class="fas fa-eye-slash"></i></button>
                </div>
              </li>
            {{/each}}
          </ul>
          {{/unless}}
        </section>
      {{/each}}
    {{/if}}

    {{#if ignoredCount}}
      <details class="bl-ignored">
        <summary>{{ignoredCount}} {{localize "BL.AuditIgnored"}}</summary>
        <ul class="bl-issues">
          {{#each ignored}}
            <li class="bl-issue bl-muted">
              <i class="fas {{icon}} bl-issue-sev"></i>
              <div class="bl-issue-text">
                <span class="bl-issue-msg">{{message}}</span>
                <span class="bl-issue-target">{{targetName}}</span>
              </div>
              <div class="bl-issue-actions">
                <button type="button" data-action="unignoreOne" data-key="{{key}}" data-tooltip="{{localize 'BL.AuditUnignore'}}"><i class="fas fa-eye"></i></button>
              </div>
            </li>
          {{/each}}
        </ul>
      </details>
    {{/if}}

    <details class="bl-rules">
      <summary>{{localize "BL.AuditRules"}}</summary>
      <p class="bl-muted bl-rules-hint">{{localize "BL.AuditRulesHint"}}</p>
      {{#each ruleGroups}}
        <div class="bl-rules-group {{cls}}">
          <div class="bl-rules-group-head">
            <i class="fas {{icon}}"></i>
            <span class="bl-rules-group-label">{{label}}</span>
            <span class="bl-rules-group-count">{{count}}</span>
            <span class="bl-rules-group-desc">{{desc}}</span>
          </div>
          <div class="bl-rules-grid">
            {{#each rules}}
              <button type="button" class="bl-rule {{#if enabled}}on{{else}}off{{/if}}" data-action="toggleRule" data-rule="{{id}}" data-tooltip="{{tip}}" data-tooltip-direction="UP">
                <i class="fas {{#if enabled}}fa-toggle-on{{else}}fa-toggle-off{{/if}}"></i>
                <span class="bl-rule-label">{{label}}</span>
                {{#if count}}<span class="bl-rule-count">{{count}}</span>{{/if}}
              </button>
            {{/each}}
          </div>
        </div>
      {{/each}}
    </details>

  {{else}}
    <p class="bl-muted">{{localize "BL.NoScene"}}</p>
  {{/if}}
</section>
