{% load basefilters i18n %}

{% if instance.status == 'requested'%}
    <a
        hx-get="{% url 'user-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>
        {% trans 'Edit' %}
    </a>
{% else %}
    <button class="oh-btn oh-btn--info w-50" disabled>
        <ion-icon name="create-outline"></ion-icon>{% trans 'Edit' %}
    </button>
{% endif %}

{% if instance.status == 'requested'%}
    <form
        hx-confirm="{% trans 'Are you sure you want to delete this leave request?' %}"
        hx-post="{% url 'user-request-delete' instance.id  %}"
        hx-target="#genericModalBody"
        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> {% trans 'Remove' %}
        </button>
    </form>
{% else %}
    <button class="oh-btn oh-btn--secondary w-50" disabled>
        <ion-icon name="trash-outline"></ion-icon>{% trans 'Remove' %}
    </button>
{% endif %}