<!--Szczesliwe numery nauczyciela -->
<div v-if="tiles.teacherLuckyNumbers.showForWorker || tiles.teacherLuckyNumbers.showForClient" v-show="tiles.teacherLuckyNumbers.showForWorker && filter.worker || tiles.teacherLuckyNumbers.showForClient && filter.client" class="panel szczesliweNumery pracownik">
    <div class="imagedHeader">
        <div class="szczesliweNumeryImg appImg"></div>
        <h2 class="name">Szczęśliwy numer w dzienniku</h2>
        <div v-show="!tiles.teacherLuckyNumbers.open" class="headerArrow" role="button" aria-label="Rozwiń" v-on:click="openTile('teacherLuckyNumbers')" role="button" tabindex="0"><i class="fas fa-angle-double-down"></i></div>
        <div v-show="tiles.teacherLuckyNumbers.open" class="headerArrow" role="button" aria-label="Zwiń" v-on:click="closeTile('teacherLuckyNumbers')" role="button" tabindex="0"><i class="fas fa-angle-double-up"></i></div>
    </div>
    <div v-show="tiles.teacherLuckyNumbers.open" class="separator"></div>
    <div v-show="tiles.teacherLuckyNumbers.open && !tiles.teacherLuckyNumbers.source.length" class="subDiv pCont">Brak danych do wyświetlenia</div>
    <div v-show="tiles.teacherLuckyNumbers.open" class="subDiv pCont">
        <div v-for="item in tiles.teacherLuckyNumbers.source">
            <div v-show="item.Nazwa" class="headerMain">
                <div class="name">{{item.Nazwa}}</div>
            </div>
            <div class="subDiv pCont">
                <div class="subDiv" v-for="el in item.Zawartosc">
                    <span v-html="el.Nazwa"></span>
                    <div class="subDiv" v-for="x in el.Zawartosc">
                        <span v-html="x.Nazwa"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

                    <!--Szczesliwe numery ucznia i dzieci -->
<div v-if="tiles.kidsLuckyNumbers.showForWorker || tiles.kidsLuckyNumbers.showForClient" v-show="tiles.kidsLuckyNumbers.showForWorker && filter.worker || tiles.kidsLuckyNumbers.showForClient && filter.client" class="panel szczesliweNumery klient">
    <div class="imagedHeader">
        <div class="szczesliweNumeryImg appImg"></div>
        <h2 class="name">Szczęśliwy numer w dzienniku ucznia</h2>
        <div v-show="!tiles.kidsLuckyNumbers.open" class="headerArrow" role="button" aria-label="Rozwiń" v-on:click="openTile('kidsLuckyNumbers')" role="button" tabindex="0"><i class="fas fa-angle-double-down"></i></div>
        <div v-show="tiles.kidsLuckyNumbers.open" class="headerArrow" role="button" aria-label="Zwiń" v-on:click="closeTile('kidsLuckyNumbers')" role="button" tabindex="0"><i class="fas fa-angle-double-up"></i></div>
    </div>
    <div v-show="tiles.kidsLuckyNumbers.open" class="separator"></div>
    <div v-show="tiles.kidsLuckyNumbers.open && !tiles.kidsLuckyNumbers.source.length" class="subDiv pCont">Brak danych do wyświetlenia</div>
    <div v-show="tiles.kidsLuckyNumbers.open" class="subDiv pCont">
        <div v-for="item in tiles.kidsLuckyNumbers.source">
            <div v-show="item.Nazwa" class="headerMain">
                <div class="name">{{item.Nazwa}}</div>
            </div>
            <div class="subDiv pCont">
                <div class="subDiv" v-for="el in item.Zawartosc">
                    <span v-html="el.Nazwa"></span>
                    <div class="subDiv" v-for="x in el.Zawartosc">
                        <span v-html="x.Nazwa"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>