{% if data['apache']['signature']['audit'] %}
  {% for item in data['apache']['signature']['signature'] %}
  <div class="accordion" id="accordionApacheSignature">
    <div class="accordion-item">
      <h2 class="accordion-header">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#{{ data['apache']['signature']['signature'][item]['accordion-id'] }}" aria-expanded="true" aria-controls="{{ data['apache']['signature']['signature'][item]['accordion-id'] }}">
  	<strong>VirtualHost {{ item }}</strong> 
  	{% if data['apache']['signature']['signature'][item]['result'] == 'failed' %}
  	    <span class="text-bg-danger p-1" style="padding-left:10pt;padding-right:10pt;margin-left:15pt;">{{ data['apache']['signature']['signature'][item]['result'] }}</span>
  	{% elif data['apache']['signature']['signature'][item]['result'] == 'success' %}
  	    <span class="text-bg-success p-1" style="padding-left:10pt;padding-right:10pt;margin-left:15pt;">{{ data['apache']['signature']['signature'][item]['result'] }}</span>
  	{% endif %}
	    <span class="text-bg-primary p-1" style="padding-left:10pt;padding-right:10pt;margin-left:15pt;">{{ data['apache']['signature']['signature'][item]['level'] }}</span>
        </button>
      </h2>
      <div id="{{ data['apache']['signature']['signature'][item]['accordion-id'] }}" class="accordion-collapse collapse" data-bs-parent="#accordionApacheSignature">
        <div class="accordion-body">
          {{ data['apache']['signature']['signature'][item]['description'] }}. <br />
          {% if data['apache']['signature']['signature'][item]['result'] == 'failed' %}
  	        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']['signature']['signature'][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']['signature']['msg'] }}
{% endif %}