{% if data["apache"]["indexes"]["audit"] %}
  {% for item in data['apache']['indexes']['indexes'] %}
  <div class="accordion" id="accordionApacheIndexes">
    <div class="accordion-item">
      <h2 class="accordion-header">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#{{ data['apache']['indexes']['indexes'][item]['accordion-id'] }}" aria-expanded="true" aria-controls="{{ data['apache']['indexes']['indexes'][item]['accordion-id'] }}">
    <strong>VirtualHost {{ item }}</strong> 
    {% if data['apache']['indexes']['indexes'][item]['result'] == 'failed' %}
        <span class="text-bg-danger p-1" style="padding-left:10pt;padding-right:10pt;margin-left:15pt;">{{ data['apache']['indexes']['indexes'][item]['result'] }}</span>
    {% elif data['apache']['indexes']['indexes'][item]['result'] == 'success' %}
        <span class="text-bg-success p-1" style="padding-left:10pt;padding-right:10pt;margin-left:15pt;">{{ data['apache']['indexes']['indexes'][item]['result'] }}</span>
    {% endif %}
	    <span class="text-bg-primary p-1" style="padding-left:10pt;padding-right:10pt;margin-left:15pt;">{{ data['apache']['indexes']['indexes'][item]['level'] }}</span>
        </button>
      </h2>
      <div id="{{ data['apache']['indexes']['indexes'][item]['accordion-id'] }}" class="accordion-collapse collapse" data-bs-parent="#accordionApache">
        <div class="accordion-body">
          {{ data['apache']['indexes']['indexes'][item]['description'] }}. <br />
          {% if data['apache']['indexes']['indexes'][item]['result'] == 'failed' %}
            Result of the audit:
            <div class="bd-example-snippet bd-code-snippet">
              <div class="highlight">
                <pre tabindex="0" class="chroma"><code class="language-shell">
                {% for protocol in data['apache']['indexes']['indexes'][item]['msg'] %}
                    {{ protocol }}
                {% endfor %}
                </pre></code>
              </div> <!-- end .highlight -->
            </div> <!-- end .bd-code-snippet -->
  
            For resolving the issue, add this line in the VirtualHost file:
            <div class="bd-example-snippet bd-code-snippet">
              <div class="highlight">
                <pre tabindex="0" class="chroma"><code class="language-shell">
                  {{ data['apache']['indexes']['indexes'][item]['recommand_value'] }}
                </pre></code>
              </div> <!-- end .highlight -->
            </div> <!-- end .bd-code-snippet -->
        {% endif %}
    
        </div> <!-- end .accordion-body -->
      </div> <!-- end .accordion-collapse -->
    </div> <!-- end .accordion-item -->
  </div> <!-- end .accordion -->
  {% endfor %}
{% else %}
  {{ data['apache']['indexes']['msg'] }}
{% endif %}