{% load i18n %}
{% load static %}
<div class="offcanvas offcanvas-bottom" :class="{show: actions.length}" data-bs-scroll="true" data-bs-backdrop="false"
     tabindex="-1"
     id="group-edit" aria-labelledby="offcanvasScrollingLabel">
    <div class="offcanvas-header">
        <h2 class="offcanvas-title mb-0" id="groupEditLabel"> {% trans "scheduler_control_title" %}</h2>
        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" @click="clearActions"
                aria-label="Закрыть"></button>
    </div>
    <div class="offcanvas-body">
        <div v-for="( checkFull, id ) in activeFullGroupActions " :key="id">
            <scheduler-global-settings-action inline-template
                                                  :group-id="Number(id)"
                                                  :check-initial="checkFull"
                                                  @delete="deleteAction(Number(id))"
                                                  @set-actions-group="setActionsGroup($event)"
                                                  @update="updateActionGlobal(Number(id), $event)"
            >
                {% include "scheduler/scheduler/globalSettings/action.html" %}
            </scheduler-global-settings-action>
        </div>
        <div class="d-flex justify-content-center">
            <button class="btn btn-danger" type="button" @click="deleteAllAction">
                <svg class="btn-label" width="1em" height="1em" viewBox="0 0 20 21"
                     fill="var(--Neutral_400)" xmlns="http://www.w3.org/2000/svg">
                    <path d="M3.2,1.3c-0.3,0-0.6,0.1-0.9,0.4C2,2,1.9,2.3,1.9,2.7V4c0,0.4,0.1,0.7,0.4,0.9c0.2,0.3,0.6,0.4,0.9,0.4h0.6v12
                                        c0,0.7,0.3,1.4,0.7,1.9C5,19.7,5.6,20,6.3,20h7.5c0.7,0,1.3-0.3,1.8-0.8c0.5-0.5,0.7-1.2,0.7-1.9v-12h0.6c0.3,0,0.6-0.1,0.9-0.4
                                        C18,4.7,18.1,4.4,18.1,4V2.7c0-0.4-0.1-0.7-0.4-0.9c-0.2-0.3-0.6-0.4-0.9-0.4h-4.4c0-0.4-0.1-0.7-0.4-0.9C11.9,0.1,11.6,0,11.2,0
                                        H8.8C8.4,0,8.1,0.1,7.9,0.4C7.6,0.6,7.5,1,7.5,1.3H3.2z M8.1,6.7c0.2,0,0.3,0.1,0.4,0.2C8.7,7,8.8,7.2,8.8,7.3v9.3
                                        c0,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.3,0.2-0.4,0.2c-0.2,0-0.3-0.1-0.4-0.2c-0.1-0.1-0.2-0.3-0.2-0.5V7.3c0-0.2,0.1-0.3,0.2-0.5
                                        C7.8,6.7,8,6.7,8.1,6.7z M12.5,7.3v9.3c0,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.3,0.2-0.4,0.2c-0.2,0-0.3-0.1-0.4-0.2
                                        c-0.1-0.1-0.2-0.3-0.2-0.5V7.3c0-0.2,0.1-0.3,0.2-0.5c0.1-0.1,0.3-0.2,0.4-0.2c0.2,0,0.3,0.1,0.4,0.2C12.4,7,12.5,7.2,12.5,7.3z"></path>
                </svg>
                <h5 class="mb-0">{% trans "scheduler_delete_global" %}</h5>
            </button>
        </div>
    </div>
    <div class="offcanvas-footer gap-1">
        <button class="btn btn-primary m-3" @click="saveActions" type="button">
            {% trans "scheduler_save_global" %}
        </button>
        <button type="button" class="btn btn-secondary m-3" data-bs-dismiss="offcanvas" @click="clearActions">
            {% trans "scheduler_cancel_global" %}
        </button>
    </div>
</div>