{% load basefilters %}
{% load i18n %}

{% if instance.approved == False and not instance.canceled   %}
            <a hx-get="{% url 'shift-request-update' instance.id %}" hx-target='#genericModalBody' data-toggle="oh-modal-toggle" data-target='#genericModal' class="oh-btn oh-btn--info w-50" title="{% trans 'Edit' %}"><ion-icon name="create-outline"></ion-icon></a>
            {% else %}
            <button class="oh-btn oh-btn--info w-50" disabled><ion-icon name="create-outline" ></ion-icon></button></td>
            {% endif %}
             <!-- end of edit button  -->
             <!-- start of remove button  -->
            {% if instance.approved == False and instance.canceled == False %}
                <form hx-confirm="{% trans "Are you sure you want to delete this shift request?" %}"
                hx-post="{% url 'shift-request-delete' instance.id %}?instances_ids={{ request.GET.instance_ids }}"
                hx-target="#genericModalBody"  style="width: 50%">
                    {% csrf_token %}
                    <button data-action="delete" type='submit' class="oh-btn oh-btn--secondary w-100" title="{% trans 'Remove' %}"><ion-icon name="trash-outline"></ion-icon></button>
                </form>
            {% comment %} {% elif perms.base.change_shiftrequest or request.user|is_reportingmanager %}
                <form action="{% url 'shift-request-delete' instance.id  %}" onsubmit="return confirm('{% trans "Are you sure you want to delete this shift request?" %}');" method='post' style="width: 50%">
                    {% csrf_token %}
                    <button type='submit' class="oh-btn oh-btn--secondary w-100" title="{% trans 'Remove' %}"><ion-icon name="trash-outline"></ion-icon></button>
                </form> {% endcomment %}
            {% else %}
                <button class="oh-btn oh-btn--secondary w-50" disabled><ion-icon name="trash-outline"></ion-icon></button></td>
            {% endif %}
            {% if request.GET.deleted %}
            <script>
                $("#reloadMessagesButton").click()
                $(".reload-record").click()
            </script>
            {% endif %}