{% load i18n %}
<td class="px-4 py-3 text-center border-b border-gray-200" id="status-result-{{ application.pk }}">
    {% if application.exam_status %}
        <button type="button" 
                class="px-3 py-1.5 {% if application.exam_status == 'Passed' %}bg-green-500 hover:bg-green-600 text-white{% else %}bg-red-500 hover:bg-red-600 text-white{% endif %} rounded-lg transition text-xs font-medium"
                onclick="openCandidateModal('{% url 'update_application_status' job.slug application.slug 'exam' 'passed' %}')"
                title="{% trans 'Update Exam Status' %}">
            {{ application.exam_status }}
        </button>
    {% else %}
        <button type="button" 
                class="px-3 py-1.5 bg-yellow-400 hover:bg-yellow-500 text-yellow-900 rounded-lg transition text-xs font-medium"
                onclick="openCandidateModal('{% url 'update_application_status' job.slug application.slug 'exam' 'passed' %}')"
                title="{% trans 'Add Exam Result' %}">
            <i data-lucide="plus" class="w-3 h-3"></i>
        </button>
    {% endif %}
</td>

<td class="px-4 py-3 text-center border-b border-gray-200" id="exam-score-{{ application.pk }}" hx-swap-oob="true">
    {{ application.exam_score|default:"--" }}
</td>

<script>
if (typeof lucide !== 'undefined') {
    lucide.createIcons();
}
</script>