{% load i18n %}{% load basefilters %}
<div  onclick="event.stopPropagation()">
    <div class="oh-btn-group" >

        {% if perms.leave.change_leaveallocationrequest or request.user|is_reportingmanager %}
            {% if instance.status == 'requested' %}
                <a type="submit" href="{% url 'leave-allocation-request-approve' instance.id %}"
                    onclick="return confirm('{% trans "Do you want to approve this request?" %}')"
                    title="{% trans 'Approve' %}"
                    class="oh-btn oh-btn--success w-100">
                    <ion-icon class="me-1" name="checkmark-outline"></ion-icon>
                </a>
            {% else %}
                <a type="submit" href="#" title="{% trans 'Approve' %}"
                    class="oh-btn oh-btn--success oh-btn--disabled w-100">
                    <ion-icon class="me-1" name="checkmark-outline"></ion-icon>
                </a>
            {% endif %}
            {% if instance.status == 'requested' or instance.status == 'approved' %}
                <a type="submit" data-toggle="oh-modal-toggle"
                    data-target="#rejectModal"
                    hx-get="{% url 'leave-allocation-request-reject' instance.id %}"
                    hx-target="#rejectTarget"
                    title="{% trans 'Reject' %}"
                    class="oh-btn oh-btn--danger w-100">
                    <ion-icon class="me-1" name="close-circle-outline"></ion-icon>
                </a>
            {% else %}
                <a type="submit" href="#" title="{% trans 'Reject' %}"
                    class="oh-btn oh-btn--danger oh-btn--disabled
                    w-100" >
                    <ion-icon class="me-1" name="close-circle-outline"></ion-icon>
                </a>
            {% endif %}
        {% endif %}
    </div>
</div>