{% load i18n %}{% load basefilters %}
{% if perms.pms.change_period or perms.pms.delete_period or request.user|filtersubordinates %}
        <div>
          <div  onclick="event.stopPropagation();" class="oh-btn-group">
            {% if perms.pms.change_period or request.user|filtersubordinates %}
            <a
              data-toggle="oh-modal-toggle"
              data-target="#genericModal"
              class="oh-btn oh-btn--light-bkg w-100"
              title="{% trans 'Update' %}"
              hx-get="{% url 'period-update' pk=instance.id%}?instance_ids={{instance.ordered_ids}}"
              hx-target="#genericModalBody"
            >
              <ion-icon
                name="create-outline"
                role="img"
                class="md hydrated"
                aria-label="create outline"
              ></ion-icon
            ></a>
            {% endif %} {% if perms.pms.delete_period or request.user|filtersubordinates %}
            <a
              class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100"
              hx-confirm="{% trans 'Do you want to delete this period ?' %}"
              hx-get="{% url 'period-delete' period_id=instance.id %}"
              hx-target="#periodListTable"
              title="{% trans 'Delete' %}"
            >
              <ion-icon
                name="trash-outline"
                role="img"
                class="md hydrated"
                aria-label="trash outline"
              ></ion-icon>
            </a>

          </div>
        </div>
        {% endif %}
        {% endif %}