<td class="text-center" id="status-result-{{ candidate.pk}}">
    {% if not candidate.offer_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 'offer' 'Accepted' %}"
            hx-target="#candidateviewModalBody"
            title="Pass Exam">
            <i class="fas fa-plus"></i>
        </button>
    {% else %}
        {% if candidate.offer_status %}
            <button type="button" class="btn btn-{% if candidate.offer_status == 'Accepted' %}success{% else %}danger{% endif %} btn-sm"
                data-bs-toggle="modal"
                data-bs-target="#candidateviewModal"
                hx-get="{% url 'update_candidate_status' job.slug candidate.slug 'offer' 'Rejected' %}"
                hx-target="#candidateviewModalBody"
                title="Pass Exam">
            {{ candidate.offer_status }}
            </button>
        {% else %}
        --
        {% endif %}
    {% endif %}
</td>