{% load i18n %}
{% load static %}
<div class="col-12 mt-4 p-2" >
    <div class="mb-3 pt-2" style="border-top: 1px solid var(--Neutral_100)" v-if="showTitle">
        <h4>{|activeLocation.name|}</h4>
    </div>
    <div class="col-xl-12">
        <div v-for="(triggerItem, i) in activeLocationTriggers" :key="triggerItem.unicId">
            <scheduler-trigger
                    inline-template
                    :global-settings="globalSettings"
                    :id="triggerItem.id"
                    :time="triggerItem.time"
                    :actions="triggerItem.actions"
                    :key="(triggerItem.id || '') + '/' + (triggerItem.unicId || '') "
                    @delete="deleteTrigger(triggerItem.unicId)"
                    @update-time="updateTimeTrigger(triggerItem.unicId, $event)"
                    @create="createTrigger(triggerItem.unicId, $event)"
                    @add-global="addGlobalSettings($event)"
                    @delete-global="deleteGlobalSettings($event)"
                    @delete-action="deleteActionList([$event])"
                    @create-action="createAction($event)"
                    @update-action="updateAction($event)"
            >
                {% include "scheduler/scheduler/trigger.html" %}
            </scheduler-trigger>
        </div>
        <div class="time-section d-flex justify-content-center">
            <button class="btn btn-primary" @click="addTrigger()" type="button">
                <svg class="btn-label" 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>
                {% trans "scheduler_add_trigger" %}
            </button>
        </div>
    </div>
</div>