{% load i18n %}
{% load static %}
<div class="col-xl-8 col-md-12">
    <h2>{% trans "strategy_schedule" %} </h2>
    <h6 class="mb-3">{% trans "scheduler_browser_location" %}</h6>
    <div class="d-flex gap-4 mb-5">
        <div class="dropdown">
            <button class="btn btn-secondary btn-dropdown dropdown-toggle pe-5" type="button"
                    id="dropdown-room"
                    data-bs-toggle="dropdown" aria-expanded="false">

                {|activeLocation.name ?? 'Все активные локации'|} <span :style="{opacity : activeLocation.enabled ? 1 : 0}">[AUTO]</span>
            </button>
            <ul class="dropdown-menu" aria-labelledby="dropdown-room">
                <li>
                    <a class="dropdown-item " @click="clearActiveLocation()" :class="{'active' : !activeLocation.id}">
                        Все активные локации
                    </a>
                </li>
                <li v-for="location in normalizeLocationList"
                    :style="{ marginLeft: location.navigations.length*7 + 'px' }" :key="location.id">
                    <a class="dropdown-item "
                       :class="[{ 'disabled': location.disabled , 'active' : activeLocation.id === location.id}]"
                       @click.prevent="setActiveLocation(location.id)"
                       href="#">{|location.name|}  <span :style="{opacity : location.enabled ? 1 : 0}">[AUTO]</span></a>
                </li>
            </ul>
        </div>
        <div class="d-flex align-items-center" v-if="!!activeLocation.name">
            <label class="checkbox-auto">
                <input type="checkbox" v-model="activeLocation.enabled" id="scheduled-work-checkbox">
                <span class="checkbox-auto-switch"></span>
            </label>
            {% trans "scheduler_enabled_label" %}
        </div>
    </div>
    <div class="col-xl-12" id="light-preset-tabs">
        <ul class="nav nav-fill" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="nav-weekday-tab" data-bs-toggle="tab"
                        @click="setActiveTypeTrigger('workday')"
                        aria-selected="true">
                    <h3>{% trans "scheduler_tab_work_day" %}</h3>
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="nav-dayoff-tab" data-bs-toggle="tab"
                        @click="setActiveTypeTrigger('holiday')"
                        aria-selected="false">
                    <h3>{% trans "scheduler_tab_holiday" %}</h3>
                </button>
            </li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane fade show active back-dash">
                <div class="accordion" id="accordion-time-moments">
                    <div v-if="loader">
                        <div class="loader"></div>
                    </div>
                    <div v-else>
                        <scheduler-trigger-list
                                inline-template
                                v-for="(locationsItem, i) in locationsActive" :key="i"
                                @add-global-settings="addGlobalSettings($event)"
                                @delete-global-settings="deleteGlobalSettings($event)"
                                @create-action="createAction(locationsItem.id, $event)"
                                @update-action="updateAction(locationsItem.id, $event)"
                                @delete-action="deleteActionList($event)"
                                @create-trigger="createTrigger(locationsItem.id, $event)"
                                @update-trigger="updateTimeTrigger(locationsItem.id, $event)"
                                @delete-trigger="deleteTrigger(locationsItem.id, $event)"
                                :location-init="locationsItem"
                                :triggers="getTriggersByLocationId(locationsItem.id)"
                                :entities="entitiesByLocation[locationsItem.id]"
                                :commands-init="commands"
                                :show-title="!activeLocation.id"
                                :global-settings-init="globalSettings"
                                :entities-group-init="entitiesGroup"
                                :type-active="activeType"
                        >
                            {% include "scheduler/scheduler/triggerList.html" %}
                        </scheduler-trigger-list>
                    </div>
                </div>
            </div>

        </div>
    </div>
    </trigger-list>
    <scheduler-global-settings
            inline-template
            :all-actions="allActions"
            :actions="globalSettings"
            @clear-all="globalSettings = []"
            @save="saveGlobalSettings($event)"
            @delete="deleteActionList($event.map(item => item.id))"
            @clear="clearGlobal($event)"
            @set-actions-group="setActionsGroup($event)">
        {% include "scheduler/scheduler/globalSettings/global-settings.html" %}
    </scheduler-global-settings>
</div>