{% load i18n %}
{% load static %}
<div class="accordion-item mb-4">
    <div class="accordion-header" :id="'panel-header-time-point-' + id">
        <div class="accordion-button" type="button" data-bs-toggle="collapse"
             :data-bs-target="'#panel-time-point-'+id" aria-expanded="true"
             aria-controls="panelsStayOpen-collapseOne">
            <div class="d-flex justify-content-between gap-5"
                 data-bs-toggle="collapse">
                <div class="d-flex align-items-center gap-3 me-3">
                    <input class="form-check-input" type="checkbox" :disabled="!id"
                           @click="updateGlobalSettings(!checkGroupSettings, actions)" v-model="checkGroupSettings">
                    <input step=1 type="time" v-model="timeTrigger" @focusout="updateTimeTrigger()" name="time"
                           class="input-item"
                           @focus="warningNeedFillTime = false"
                           :class="{'border-danger': warningNeedFillTime}"
                           :id="'point-time-moment-'+id" required="">
                </div>
                <button class="btn btn-danger" type="button" @click="toggleModalDelete(true)">
                    <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_trigger" %}</h5>
                </button>
            </div>
        </div>
    </div>
    <div :id="'panel-time-point-' + id" class="accordion-collapse collapse show"
         aria-labelledby="panel-header-time-point-1">
        <div class="accordion-body">
            <scheduler-action
                    v-for="(actionItem, i) in actionList " :key="actionItem.unicId"
                    inline-template
                    :id="actionItem.id"
                    :entity-id="actionItem.eId"
                    :initial-action-id="actionItem.action"
                    :initial-value="actionItem.value"
                    :global-settings="checkActionGlobalSettings(actionItem.id)"
                    @delete="deleteAction(actionItem.id)"
                    @update="updateAction($event)"
                    @create="createAction($event)"
                    @add-action-global="updateGlobalSettings(true, actionList.filter(item => item.id === $event))"
                    @delete-action-global="updateGlobalSettings(false, actionList.filter(item => item.id === $event))"
            >
                {% include "scheduler/scheduler/action.html" %}
            </scheduler-action>
            <div class="d-flex justify-content-center">
                <button class="btn btn-primary" @click="addAction()" title="Добавить событие" type="button">
                    <svg width="1.111em" height="1.111em" viewBox="0 0 20 21"
                         fill="var(--Neutral_0)"
                         xmlns="http://www.w3.org/2000/svg">
                        <path d="M6 0.5H14C17.309 0.5 20 3.191 20 6.5V19.5C20 19.7652 19.8946 20.0196 19.7071 20.2071C19.5196 20.3946 19.2652 20.5 19 20.5H6C2.691 20.5 0 17.809 0 14.5V6.5C0 3.191 2.691 0.5 6 0.5ZM5 10.5C5 11.0523 5.44772 11.5 6 11.5H9V14.5C9 15.0523 9.44772 15.5 10 15.5V15.5C10.5523 15.5 11 15.0523 11 14.5V11.5H14C14.5523 11.5 15 11.0523 15 10.5V10.5C15 9.94772 14.5523 9.5 14 9.5H11V6.5C11 5.94772 10.5523 5.5 10 5.5V5.5C9.44772 5.5 9 5.94772 9 6.5V9.5H6C5.44772 9.5 5 9.94772 5 10.5V10.5Z"></path>
                    </svg>
                </button>
            </div>
            <div class="modal fade show" :id="'delete-time-section-'+id" style="background: rgba(67,67,67,0.68)" >
                <div class="modal-dialog" id="delete-time-section-modal">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h2 class="mb-0">{% trans "scheduler_commit_remove_title" %}</h2>
                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Закрыть" @click="toggleModalDelete(false)"></button>
                        </div>
                        <div class="modal-body">
                            <button type="submit" class="btn btn-danger" data-bs-dismiss="modal"
                                    @click="deleteTrigger()">{% trans "modal_yes" %}
                            </button>
                            <button type="button" class="btn btn-secondary" @click="toggleModalDelete(false)">{% trans "modal_no" %}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>