<td class="text-center" id="interview-result-{{ candidate.pk}}">
    {% if not candidate.interview_status %}
        <button type="button" class="btn btn-warning btn-sm"
            data-bs-toggle="modal"
            data-bs-target="#candidateviewModal"
            hx-get="{% url 'update_candidate_status' job.slug candidate.slug 'interview' 'passed' %}"
            hx-target="#candidateviewModalBody"
            title="Pass Exam">
            <i class="fas fa-plus"></i>
        </button>
    {% else %}
        {% if candidate.interview_status %}
            <button type="button" class="btn btn-{% if candidate.interview_status == 'Passed' %}success{% else %}danger{% endif %} btn-sm"
                data-bs-toggle="modal"
                data-bs-target="#candidateviewModal"
                hx-get="{% url 'update_candidate_status' job.slug candidate.slug 'interview' 'passed' %}"
                hx-target="#candidateviewModalBody"
                title="Pass Exam">
                {{ candidate.interview_status }}
            </button>
        {% else %}
        --
        {% endif %}
    {% endif %}
</td>