{% load i18n %}
<h5> {% trans "AI Score" %}: <span class="badge bg-success"><i class="fas fa-robot me-1"></i> {{ candidate.match_score }}</span>   <span class="badge bg-success"><i class="fas fa-graduation-cap me-1"></i> {{ candidate.professional_category }} </span></h5>

<div class="mb-3">
    <label class="form-label"><i class="fas fa-comment me-1 text-info"></i> {% trans "Recommendation" %}</label>
    <textarea class="form-control" rows="10" readonly>{{ candidate.recommendation }}</textarea>
</div>
<div class="mb-3">
    <label class="form-label"><i class="fas fa-thumbs-up me-1 text-success"></i> {% trans "Strengths" %}</label>
    <textarea class="form-control" rows="6" readonly>{{ candidate.strengths }}</textarea>
</div>
<div class="mb-3">
    <label class="form-label"><i class="fas fa-thumbs-down me-1  text-danger"></i> {% trans "Weaknesses" %}</label>
    <textarea class="form-control" rows="6" readonly>{{ candidate.weaknesses }}</textarea>
</div>
<div class="mb-3">
    <label class="form-label"><i class="fas fa-list-check me-1"></i> {% trans "Criteria Checklist" %}</label>
    <ul class="list-group">
        {% for key, value in candidate.criteria_checklist.items %}
        <li class="list-group-item d-flex justify-content-between">
            <span class="fw-" style="font-size: smaller;">{{ key }}</span>
            {% if value == 'Met' %}
                <span class="badge bg-success"><i class="fas fa-check me-1"></i> Yes</span>
            {% else %}
                <span class="badge bg-danger"><i class="fas fa-times me-1"></i> Not Mentioned</span>
            {% endif %}
        </li>
        {% endfor %}
    </ul>
</div>