<h3 class="fs-3">Profile</h3>

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

      {% if 'id' in data['profile']['vulnerabilities']['item'] %}
        Linked with the <strong>{{ data['profile']['vulnerabilities'][item]['id'] }}</strong>
      {% endif %}

      </div> <!-- end .accordion-body -->
    </div> <!-- end .accordion-collapse -->
  </div> <!-- end .accordion-item -->
</div> <!-- end .accordion -->
{% endfor %}