{% load i18n %}
{% if perms.payroll.change_deduction or perms.payroll.delete_deduction %}
    <div class="oh-modal__button-container text-center w-100">
       <div class="oh-btn-group">
          <a href="{% url 'update-deduction' instance.id %}" class="oh-btn oh-btn--info" style="width: 50%;">
            <ion-icon name="create-outline" role="img" class="md hydrated" aria-label="create outline"></ion-icon>
            {% trans "Edit" %}
          </a>
          <a onclick = "event.preventDefault();event.stopPropagation();" hx-confirm="{% trans 'Do you want to delete this deduction?' %}"
            hx-post="{% url 'delete-deduction' instance.id %}?instances_ids={{ request.GET.instance_ids }}" hx-target = "#genericModalBody"
            class="oh-btn oh-btn--danger" style="width: 50%;">
            <ion-icon name="trash-outline" role="img" class="md hydrated" aria-label="create outline"></ion-icon>
            {% trans "Delete" %}
          </a>
        </div>
    </div>
    {% endif %}


{% if request.GET.deleted %}
    <script>
    $(".reload-record").click()
    $("#reloadMessagesButton").click()
    </script>
{% endif %}