strawpoll.com
Open in
urlscan Pro
23.88.77.176
Public Scan
URL:
https://strawpoll.com/polls/poy9WQ52QgJ
Submission: On January 27 via api from US — Scanned from DE
Submission: On January 27 via api from US — Scanned from DE
Form analysis 3 forms found in the DOM
POST /vote
<form x-data="pollVote()" class="px-4 pt-5 pb-4 sm:p-6 space-y-8" method="POST" action="/vote" @submit.prevent="votePoll()">
<div x-data="{ poll: Alpine.store('poll'), i: 0, }" class="flex justify-between">
<div class="flex-grow flex flex-col">
<h1 class="text-2xl text-gray-900 dark:text-gray-200 font-medium custom-title" x-text="poll.title">If we were to start to make In-Person meetings a more common occurrence for our monthly meeting, please select all that would work for you.
Select all dates/times that work, if none of these work, please leave a comment.</h1>
<div class="mt-1 text-gray-500 flex items-center custom-text">
<span>
<span class="inline-flex items-center space-x-1">
<span>von</span>
<span> Rebecca Arandela </span>
</span> · <span x-data="{ date: timeago.format(poll.createdAt * 1000, 'de') }" x-init="setInterval(() => { date = timeago.format(poll.createdAt * 1000, 'de') }, 60000)" x-text="date">vor 10 Stunden</span>
</span>
</div>
</div>
<div class="flex items-top space-x-3">
<div x-data="Components.menu({ open: false })" @click.away="onClickAway($event)" class="relative inline-block text-left">
<div>
<button type="button"
class="-mr-2 h-8 w-8 bg-white dark:bg-gray-800 rounded-full flex items-center justify-center text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-500 dark:hover:text-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 custom-secondary-button-bg custom-secondary-button-text custom-input-highlight"
id="menu-button" x-ref="button" @click="onButtonClick()" @keyup.space.prevent="onButtonEnter()" @keydown.enter.prevent="onButtonEnter()" aria-expanded="false" aria-haspopup="true" x-bind:aria-expanded="open.toString()"
@keydown.arrow-up.prevent="onArrowUp()" @keydown.arrow-down.prevent="onArrowDown()">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"></path>
</svg>
<span class="sr-only">Umfrage-Einstellungen</span>
</button>
</div>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75"
x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
class="z-40 origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white dark:bg-gray-700 border focus:outline-none custom-box-bg custom-border custom-text" x-ref="menu-items" x-bind:aria-activedescendant="activeDescendant"
role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1" @keydown.arrow-up.prevent="onArrowUp()" @keydown.arrow-down.prevent="onArrowDown()" @keydown.tab="open = false"
@keydown.enter.prevent="open = false; focusButton()" @keyup.space.prevent="open = false; focusButton()" style="display: none;">
<div class="py-1 border-b custom-border" role="none">
<span @click="window.location.href = (poll.type === 'meeting' ? '/de/meetings/?duplicate='+ poll.id : '/de/create/?duplicate='+ poll.id)" x-show="true"
class="cursor-pointer flex px-4 py-2 text-sm text-gray-700 custom-text dark:text-gray-300"
:class="{ 'bg-gray-100 text-gray-900 dark:bg-gray-600 dark:text-gray-300': activeIndex === 0, 'text-gray-700 dark:text-gray-300': !(activeIndex === 0) }" role="menuitem" tabindex="-1" @mouseenter="activeIndex = 0"
@mouseleave="activeIndex = -1">
<svg class="h-5 w-5 text-gray-400 custom-text mr-3" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M9 2a2 2 0 00-2 2v8a2 2 0 002 2h6a2 2 0 002-2V6.414A2 2 0 0016.414 5L14 2.586A2 2 0 0012.586 2H9z"></path>
<path d="M3 8a2 2 0 012-2v10h8a2 2 0 01-2 2H5a2 2 0 01-2-2V8z"></path>
</svg>
<span class="">Duplizieren</span>
</span>
</div>
<div class="py-1 border-b custom-border" role="none">
<span @click="$dispatch('poll-share-modal', { poll: poll, index: i }); open = false" x-show="true" class="cursor-pointer flex px-4 py-2 text-sm text-gray-700 custom-text dark:text-gray-300"
:class="{ 'bg-gray-100 text-gray-900 dark:bg-gray-600 dark:text-gray-300': activeIndex === 1, 'text-gray-700 dark:text-gray-300': !(activeIndex === 1) }" role="menuitem" tabindex="-1" @mouseenter="activeIndex = 1"
@mouseleave="activeIndex = -1">
<svg class="h-5 w-5 text-gray-400 custom-text mr-3" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"></path>
</svg>
<span class="">Teilen</span>
</span>
<span @click="$dispatch('poll-embed-modal', { poll: poll, index: i }); open = false" x-show="true" class="cursor-pointer flex px-4 py-2 text-sm text-gray-700 custom-text dark:text-gray-300"
:class="{ 'bg-gray-100 text-gray-900 dark:bg-gray-600 dark:text-gray-300': activeIndex === 2, 'text-gray-700 dark:text-gray-300': !(activeIndex === 2) }" role="menuitem" tabindex="-1" @mouseenter="activeIndex = 2"
@mouseleave="activeIndex = -1">
<svg class="h-5 w-5 text-gray-400 custom-text mr-3" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
<span class="">Einbetten</span>
</span>
</div>
<div class="py-1 border-b custom-border" role="none">
<span @click="$dispatch('poll-report-modal', { poll: poll, index: i }); open = false" x-show="true" class="cursor-pointer flex px-4 py-2 text-sm text-gray-700 custom-text dark:text-gray-300"
:class="{ 'bg-gray-100 text-gray-900 dark:bg-gray-600 dark:text-gray-300': activeIndex === 3, 'text-gray-700 dark:text-gray-300': !(activeIndex === 3) }" role="menuitem" tabindex="-1" @mouseenter="activeIndex = 3"
@mouseleave="activeIndex = -1">
<svg class="h-5 w-5 text-red-400 mr-3" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M3 6a3 3 0 013-3h10a1 1 0 01.8 1.6L14.25 8l2.55 3.4A1 1 0 0116 13H6a1 1 0 00-1 1v3a1 1 0 11-2 0V6z" clip-rule="evenodd"></path>
</svg>
<span class="text-red-400">Inhalt melden</span>
</span>
</div>
</div>
</div>
</div>
</div>
<div x-data="{ poll: Alpine.store('poll'), i: 0, }">
<template x-if="poll.pollMeta.location">
<div class="flex">
<div class="text-gray-500 custom-text mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
</svg>
</div>
<div class="text-gray-500 custom-text">
<span x-text="poll.pollMeta.location" class="whitespace-pre-line break-words"></span>
</div>
</div>
</template>
</div>
<div x-data="{ poll: Alpine.store('poll'), i: 0, }">
<template x-if="poll.pollMeta.description">
<div class="flex">
<div class="text-gray-500 custom-text mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"></path>
</svg>
</div>
<div class="text-gray-500 custom-text">
<span x-text="poll.pollMeta.description" class="whitespace-pre-line break-words"></span>
</div>
</div>
</template>
<div class="flex">
<div class="text-gray-500 custom-text mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"></path>
</svg>
</div>
<div class="text-gray-500 custom-text">
<span x-text="poll.pollMeta.description" class="whitespace-pre-line break-words">This could replace our virtual meetings or become more of a hybrid meeting. </span>
</div>
</div>
</div>
<div x-data="{ poll: Alpine.store('poll'), i: 0, }">
<template x-if="poll.media">
<div class="flex justify-center px-0 sm:px-20">
<img :src="STATIC_URL + poll.media.path" alt="Umfragenbild">
</div>
</template>
</div>
<div class="text-gray-500 custom-text sm:flex sm:items-center">
<div class="flex items-center">
<div class="mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path>
</svg>
</div>
<div class="break-words">
<span>Zeitzone:</span>
<button type="button" @click="$dispatch('poll-timezone-modal', { currentTimezone: currentTimezone, index: 0 })" @update-timezone.window="currentTimezone = $event.detail" class="underline" x-text="currentTimezone">Etc/Unknown</button>
</div>
</div>
</div>
<div>
<div class="relative" x-data="participantGrid()" @get-poll-results.window="getPollResults()" @refresh-results.window="getPollResults()" @add-participant.window="startAddParticipant()"
@cancel-edit-participant.window="cancelEditParticipant(); startAddParticipant();" @delete-participant.window="deleteParticipant($event.detail)" @setup-datagrid.window="setupDataGrid()">
<div x-show="viewState === 'vote'" class="absolute right-0 -top-3 mb-4 hidden md:flex justify-end">
<div class="group p-0.5 rounded-lg flex bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600 border custom-secondary-button-border custom-secondary-button-bg">
<button x-ref="tab_list" type="button" class="flex focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 rounded-md focus:outline-none focus-visible:ring-offset-gray-100 custom-input-highlight"
@click="viewType = 'list'" :tabindex="viewType === 'list' ? '0' : '-1'" @keydown.arrow-left="viewType = 'grid'; $refs.tab_grid.focus()" @keydown.arrow-right="viewType = 'grid'; $refs.tab_grid.focus()" tabindex="-1">
<span x-show="viewType !== 'list'"
class="ml-0.5 p-1.5 pl-2.5 pr-3.5 rounded-md flex items-center text-sm text-gray-400 font-medium focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 focus:outline-none focus-visible:ring-offset-gray-100 custom-secondary-button-text-light custom-input-highlight">
<svg class="h-5 w-5 mr-2" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M3 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
clip-rule="evenodd"></path>
</svg>
<span class="">List</span>
</span>
<span x-show="viewType === 'list'" class="p-1.5 pl-2.5 pr-3.5 rounded-md flex items-center text-sm text-gray-900 font-medium bg-white shadow-sm border custom-secondary-button-border custom-box-bg custom-title"
:class="viewType === 'list' ? 'bg-white shadow-sm' : ''" style="display: none;">
<svg class="h-5 w-5 mr-2" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M3 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
clip-rule="evenodd"></path>
</svg>
<span class="">List</span>
</span>
</button>
<button x-ref="tab_grid" type="button" class="flex focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 rounded-md focus:outline-none focus-visible:ring-offset-gray-100 custom-input-highlight"
@click="viewType = 'grid'" :tabindex="viewType === 'grid' ? '0' : '-1'" @keydown.arrow-left="viewType = 'list'; $refs.tab_list.focus()" @keydown.arrow-right="viewType = 'list'; $refs.tab_list.focus()" tabindex="0">
<span x-show="viewType !== 'grid'"
class="ml-0.5 p-1.5 pl-2.5 pr-3.5 rounded-md flex items-center text-sm text-gray-400 font-medium focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 focus:outline-none focus-visible:ring-offset-gray-100 custom-secondary-button-text-light custom-input-highlight"
style="display: none;">
<svg class="h-5 w-5 mr-2" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path
d="M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z">
</path>
</svg>
<span class="">Grid</span>
</span>
<span x-show="viewType === 'grid'" class="p-1.5 pl-2.5 pr-3.5 rounded-md flex items-center text-sm text-gray-900 font-medium bg-white shadow-sm border custom-secondary-button-border custom-box-bg custom-title"
:class="viewType === 'grid' ? 'bg-white shadow-sm' : ''">
<svg class="h-5 w-5 mr-2" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path
d="M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z">
</path>
</svg>
<span class="">Grid</span>
</span>
</button>
</div>
</div>
<template x-if="viewType === 'list'">
<div class="space-y-8" x-data="{ showAllParticipants: false }" @update-viewstate.window="viewState = $event.detail">
<div class="" x-show="viewState === 'vote'" x-cloak="">
<!--div class="text-lg font-medium custom-title">
Sind Sie verfügbar?
</div>
<div class="mt-1 text-sm custom-text">
Sie können aus den folgenden Antworten wählen:
</div>
<div class="mt-3 flex flex-col sm:justify-center">
<div class="text-sm flex space-x-3">
<div class="flex items-center">
<div class="w-6 h-6 rounded-md bg-green-500 text-white flex items-center justify-center">
<svg
class="h-4 w-4 "
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
</svg>
</div>
<span class="ml-2 custom-text">Ja</span>
</div>
<div class="flex items-center" x-show="$store.poll.pollConfig.allowIndeterminate">
<div class="w-6 h-6 rounded-md bg-amber-500 text-white flex items-center justify-center text-xs">
(
<svg
class="h-3 w-3 "
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
</svg>
)
</div>
<span class="ml-2 custom-text">Vielleicht</span>
</div>
<div class="flex items-center">
<div class="w-6 h-6 rounded-md bg-red-500 text-white flex items-center justify-center">
<svg
class="h-4 w-4 "
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/>
</svg>
</div>
<span class="ml-2 custom-text">Nein</span>
</div>
</div>
</div-->
<div class="" x-show="!hasLocalVote" x-cloak="">
<div class="text-gray-500 custom-text">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<div>
<template x-if="!$store.poll.pollConfig.multipleChoiceMin && !$store.poll.pollConfig.multipleChoiceMax">
<div>Wähle beliebig viele Antwortmöglichkeiten.</div>
</template>
<template x-if="$store.poll.pollConfig.multipleChoiceMin && $store.poll.pollConfig.multipleChoiceMin == $store.poll.pollConfig.multipleChoiceMax">
<div x-text="strawpoll.placeholder('Wähle {number} Antwortmöglichkeiten', { number: $store.poll.pollConfig.multipleChoiceMax }) + '.'"></div>
</template>
<template x-if="$store.poll.pollConfig.multipleChoiceMin && $store.poll.pollConfig.multipleChoiceMax && $store.poll.pollConfig.multipleChoiceMin != $store.poll.pollConfig.multipleChoiceMax">
<div x-text="strawpoll.placeholder('Wähle zwischen {min} bis {max} Antwortmöglichkeiten', { min: $store.poll.pollConfig.multipleChoiceMin, max: $store.poll.pollConfig.multipleChoiceMax }) + '.'"></div>
</template>
</div>
</template>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<div>Wähle eine Antwortmöglichkeit.</div>
</template>
</div>
</div>
</div>
<div x-show="viewState !== 'edit'">
<template x-if="hasLocalVote && ($store.poll.pollConfig.duplicationChecking === 'none' || $store.poll.pollConfig.duplicationChecking === 'token')">
<div class="mt-8 custom-text"> Ändern Sie Ihre Stimme oder <button type="button"
@click="hasLocalVote = false; selectedOptions = []; voteData = { id: null, pollVotes: [], otherOption: { value: null, voteValue: 0 }, token: null, voteType: 'add' }; $dispatch('update-checked-options'); $dispatch('add-participant')"
class="link custom-input-highlight-text">fügen Sie eine neue hinzu</button>. </div>
</template>
</div>
<div class="flex items-end space-x-2" x-cloak="">
<!--div class="text-lg font-medium mb-3 custom-title">Wer sind Sie?</div-->
<div class="flex-grow">
<div>
<div class="flex justify-between">
<label for="name" class="label custom-text"> Name <span class="text-gray-500 custom-text-light">(erforderlich)</span>
</label>
</div>
<div class="mt-1 relative">
<input type="text" name="name" id="name" class="input custom-input-bg custom-input-text custom-input-border focus:custom-input-highlight-focus" placeholder="Geben Sie Ihren Namen ein..." x-model="voteData.name"
x-ref="participantNameInput">
</div>
</div>
</div>
<div class="flex items-center justify-center">
<button type="button" x-show="viewState !== 'edit' && !hasLocalVote" @click="$dispatch('poll-edit-participant-modal', { pollResults: pollResults, index: 0 });"
class="rounded-full p-2 custom-secondary-button-bg custom-secondary-button-text custom-secondary-button-border" x-cloak="">
<svg class="h-6 w-6 sm:h-5 sm:w-5" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path>
</svg>
</button>
<button type="button" x-show="viewState === 'edit' || hasLocalVote" @click="deleteCurrentParticipant()" class="rounded-full p-2 text-red-500" x-cloak="">
<svg class="h-6 w-6 sm:h-5 sm:w-5" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd">
</path>
</svg>
</button>
</div>
</div>
<div class="">
<div class="flex items-center justify-between text-lg font-medium custom-title">
<div> Termine </div>
<div x-data="Components.menu({ open: false })" @click.away="onClickAway($event)" class="relative inline-block text-left" x-cloak="">
<button type="button" x-ref="button" @click="onButtonClick()" @keyup.space.prevent="onButtonEnter()" @keydown.enter.prevent="onButtonEnter()" aria-expanded="false" aria-haspopup="true" x-bind:aria-expanded="open.toString()"
@keydown.arrow-up.prevent="onArrowUp()" @keydown.arrow-down.prevent="onArrowDown()"
class="tag flex items-center space-x-1 px-2 py-1 rounded-md border custom-secondary-button-bg custom-secondary-button-text custom-secondary-button-border">
<span class="text-gray-400 custom-secondary-button-text-light">
<svg class="h-4 w-4 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z"
clip-rule="evenodd"></path>
</svg>
</span>
<span class="text-sm font-medium">Optionen</span>
<span class="text-gray-400 custom-secondary-button-text-light">
<svg class="h-4 w-4 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</span>
</button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
class="z-40 origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white dark:bg-gray-700 ring-1 ring-gray-300 dark:ring-gray-700 divide-y divide-gray-100 dark:divide-gray-500 focus:outline-none" x-ref="menu-items"
x-bind:aria-activedescendant="activeDescendant" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1" @keydown.arrow-up.prevent="onArrowUp()" @keydown.arrow-down.prevent="onArrowDown()"
@keydown.tab="open = false" @keydown.enter.prevent="open = false; focusButton()" @keyup.space.prevent="open = false; focusButton()" x-cloak="">
<div class="py-1" role="none">
<span @click="showAllParticipants = !showAllParticipants; open = false" @show-all-participants.window="showAllParticipants = true" @hide-all-participants.window="showAllParticipants = false"
class="cursor-pointer flex px-4 py-2 text-sm text-gray-700 dark:text-gray-300"
:class="{ 'bg-gray-100 text-gray-900 dark:bg-gray-600 dark:text-gray-300': activeIndex === 0, 'text-gray-700 dark:text-gray-300': !(activeIndex === 0) }" role="menuitem" tabindex="-1" @mouseenter="activeIndex = 0"
@mouseleave="activeIndex = -1">
<svg class="h-5 w-5 text-gray-400 mr-3" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path
d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z">
</path>
</svg>
<span x-show="!showAllParticipants">Teilnehmer anzeigen</span>
<span x-show="showAllParticipants" x-cloak="">Teilnehmer ausblenden</span>
</span>
<span @click="$dispatch('poll-edit-participant-modal', { pollResults: pollResults, index: 0 }); open = false" @edit-participant.window="startEditParticipantId($event.detail)"
class="cursor-pointer flex px-4 py-2 text-sm text-gray-700 dark:text-gray-300"
:class="{ 'bg-gray-100 text-gray-900 dark:bg-gray-600 dark:text-gray-300': activeIndex === 1, 'text-gray-700 dark:text-gray-300': !(activeIndex === 1) }" role="menuitem" tabindex="-1" @mouseenter="activeIndex = 1"
@mouseleave="activeIndex = -1">
<svg class="h-5 w-5 text-gray-400 mr-3" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path>
</svg>
<span class="">Teilnehmer bearbeiten</span>
</span>
<span x-show="viewState === 'vote'" @click="setAllInputVoteStates(1); open = false" class="cursor-pointer flex px-4 py-2 text-sm text-gray-700 dark:text-gray-300"
:class="{ 'bg-gray-100 text-gray-900 dark:bg-gray-600 dark:text-gray-300': activeIndex === 2, 'text-gray-700 dark:text-gray-300': !(activeIndex === 2) }" role="menuitem" tabindex="-1" @mouseenter="activeIndex = 2"
@mouseleave="activeIndex = -1">
<svg class="h-5 w-5 text-gray-400 mr-3" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="">Alle Antworten auf 'Ja' setzen</span>
</span>
<span x-show="viewState === 'vote' && $store.poll.pollConfig.allowIndeterminate" @click="setAllInputVoteStates(2); open = false" class="cursor-pointer flex px-4 py-2 text-sm text-gray-700 dark:text-gray-300"
:class="{ 'bg-gray-100 text-gray-900 dark:bg-gray-600 dark:text-gray-300': activeIndex === 3, 'text-gray-700 dark:text-gray-300': !(activeIndex === 3) }" role="menuitem" tabindex="-1" @mouseenter="activeIndex = 3"
@mouseleave="activeIndex = -1">
<svg class="h-5 w-5 text-gray-400 mr-3" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM7 9H5v2h2V9zm8 0h-2v2h2V9zM9 9h2v2H9V9z" clip-rule="evenodd"></path>
</svg>
<span class="">Alle Antworten auf 'Vielleicht' setzen</span>
</span>
<span x-show="viewState === 'vote'" @click="setAllInputVoteStates(0); open = false" class="cursor-pointer flex px-4 py-2 text-sm text-gray-700 dark:text-gray-300"
:class="{ 'bg-gray-100 text-gray-900 dark:bg-gray-600 dark:text-gray-300': activeIndex === 4, 'text-gray-700 dark:text-gray-300': !(activeIndex === 4) }" role="menuitem" tabindex="-1" @mouseenter="activeIndex = 4"
@mouseleave="activeIndex = -1">
<svg class="h-5 w-5 text-gray-400 mr-3" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
clip-rule="evenodd"></path>
</svg>
<span class="">Alle Antworten auf 'Nein' setzen</span>
</span>
<a x-show="viewState === 'results'" href="/polls/poy9WQ52QgJ" class="cursor-pointer flex px-4 py-2 text-sm text-gray-700 dark:text-gray-300" :class="{ 'bg-gray-100 text-gray-900 dark:bg-gray-600 dark:text-gray-300': activeIndex === 2, 'text-gray-700 dark:text-gray-300': !(activeIndex === 2) }" role="menuitem" tabindex="-1" @mouseenter="activeIndex = 2" @mouseleave="activeIndex = -1">
<svg class="h-5 w-5 text-gray-400 mr-3" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M8 9a3 3 0 100-6 3 3 0 000 6zM8 11a6 6 0 016 6H2a6 6 0 016-6zM16 7a1 1 0 10-2 0v1h-1a1 1 0 100 2h1v1a1 1 0 102 0v-1h1a1 1 0 100-2h-1V7z"></path>
</svg>
<span class="">Teilnehmer hinzufügen</span>
</a>
</div>
</div>
</div>
</div>
<div class="mt-1 border-t border-gray-300 dark:border-gray-700 custom-border">
<div class="py-4 text-sm text-center border-b border-gray-300 dark:border-gray-700 custom-border" x-show="pastDatesCount > 0 && pastDatesCount !== $store.pollResults.pollOptions.length" x-cloak="">
<span x-show="hidePastDates" x-cloak="">
<span> Hinweis: <span x-text="pastDatesCount"></span> Termine wurden ausgeblendet, da sie in der Vergangenheit liegen. </span>
<button type="button" class="link inline" @click="hidePastDates = !hidePastDates"> Alle Termine anzeigen </button>
</span>
<span x-show="!hidePastDates" x-cloak="">
<span> Hinweis: <span x-text="pastDatesCount"></span> Termine liegen in der Vergangenheit. </span>
<button type="button" class="link inline" @click="hidePastDates = !hidePastDates"> Vergangene Termine ausblenden </button>
</span>
</div>
<template x-for="(pollOption, i) in $store.pollResults.pollOptions" :key="pollOption.id">
<div x-data="{ showParticipants: false }" class="border-b border-gray-300 dark:border-gray-700 custom-border py-3" x-show="isNotHidden(pollOption)" x-cloak="">
<div x-data="{ open: false }">
<div class="flex justify-between items-center">
<template x-if="pollOption.type === 'date'">
<div class="flex items-center space-x-3" x-data="{ date: new Date(pollOption.date + 'T00:00:00').getTime() / 1000 }" @click="showParticipants = !showParticipants">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded px-3 py-1 font-bold custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(date, null, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(date, null, 'date')"></div>
</div>
<div>
<div class="flex justify-center custom-title font-bold">
<span x-text="formatEpoch(date, null, 'day')"></span>
</div>
<div class="font-normal text-gray-500 text-sm flex items-center justify-center custom-text">
<span>Ganztägig</span>
</div>
</div>
</div>
</template>
<template x-if="pollOption.type === 'time_range'">
<div class="flex items-center space-x-3" @click="showParticipants = !showParticipants">
<div>
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded px-3 py-1 font-bold custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'date')"></div>
</div>
</div>
<div>
<div class="flex justify-center custom-title font-bold">
<span x-text="formatEpoch(pollOption.startTime, currentTimezone, 'day')"></span>
</div>
<div class="font-normal text-gray-500 flex flex-col custom-text text-sm text-center">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'time')"></div>
<span class="" style="line-height: 3px;">-</span>
<div x-text="pollOption.endTime ? formatEpoch(pollOption.endTime, currentTimezone, 'time') : 'Open End'" class="whitespace-nowrap"></div>
</div>
</div>
</div>
</template>
<template x-if="pollOption.type === 'text'">
<div class="font-medium flex-grow flex items-center custom-text" style="max-width: 50%;" @click="showParticipants = !showParticipants">
<span x-text="pollOption.value"></span>
</div>
</template>
<template x-if="pollOption.type === 'image'">
<div class="font-medium flex-grow flex items-center custom-text" style="max-width: 50%;" @click="showParticipants = !showParticipants">
<span x-text="pollOption.value ? pollOption.value : 'Option ' + (i + 1)"></span>
</div>
</template>
<div class="flex items-center">
<div class="pr-6 sm:pr-12">
<template x-if="viewState === 'vote'">
<button type="button" class="flex items-center space-x-1" @click="showParticipants = !showParticipants">
<div class="text-gray-500" x-show="!$store.poll.pollConfig.allowIndeterminate" x-cloak="">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path
d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z">
</path>
</svg>
</div>
<div class="flex flex-col text-xs sm:text-sm">
<div class="flex items-center space-x-1">
<div class="w-6 h-4 rounded-md text-green-500 flex items-center justify-center">
<svg class="h-4 w-4 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
<div class="custom-text" x-text="pollOptionsData[i].yes.count"></div>
</div>
<div class="flex items-center space-x-1" x-show="$store.poll.pollConfig.allowIndeterminate && pollOptionsData[i].no.count > -1" x-cloak="">
<div class="w-6 h-4 rounded-md text-amber-500 flex items-center justify-center text-xs"> ( <svg class="h-3 w-3 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </div>
<div class="custom-text" x-text="pollOptionsData[i].indeterminate.count"></div>
</div>
<div class="flex items-center space-x-1" x-show="pollOptionsData[i].no.count > -1">
<div class="w-6 h-4 rounded-md text-red-500 flex items-center justify-center">
<svg class="h-4 w-4 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
<div class="custom-text" x-text="pollOptionsData[i].no.count"></div>
</div>
</div>
</button>
</template>
</div>
<template x-if="viewState === 'vote' || (viewState === 'edit' && voteData.id)">
<div>
<div x-show="pollOptionLimitReached(i)" class="text-sm flex items-center">
<svg class="h-5 w-5 text-red-500 mr-1" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"></path>
</svg>
<span>Limit erreicht (<span x-text="pollOption.voteCount"></span>/<span x-text="pollOption.maxVotes"></span>) </span>
</div>
<div x-show="!pollOptionLimitReached(i)">
<div class="flex">
<button type="button" @click="setInputVoteState(pollOption, i, null, 1)" x-show="!optionsLimitReached() || selectedOptions[i].value === 1"
class="w-9 h-9 rounded-md bg-gray-200 dark:bg-gray-600 text-gray-400 flex items-center justify-center"
:class="{ 'bg-gray-200 dark:bg-gray-600 text-gray-400 custom-secondary-button-bg custom-secondary-button-text-light border custom-secondary-button-border': (!selectedOptions[i] || selectedOptions[i].value !== 1), 'bg-green-500 text-white': (selectedOptions[i] && selectedOptions[i].value === 1) }">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</button>
<div x-show="optionsLimitReached() && selectedOptions[i].value !== 1" class="w-9 h-9 rounded-md bg-gray-200 dark:bg-gray-600 text-gray-400 flex items-center justify-center"
:class="{ 'bg-gray-200 dark:bg-gray-600 text-gray-400 custom-secondary-button-bg custom-secondary-button-text-light border custom-secondary-button-border': (!selectedOptions[i] || selectedOptions[i].value !== 1), 'bg-green-500 text-white': (selectedOptions[i] && selectedOptions[i].value === 1) }">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"></path>
</svg>
</div>
<button type="button" @click="setInputVoteState(pollOption, i, null, 2)" x-show="$store.poll.pollConfig.allowIndeterminate"
class="ml-4 w-9 h-9 rounded-md bg-gray-200 dark:bg-gray-600 text-gray-400 flex items-center justify-center text-sm"
:class="{ 'bg-gray-200 dark:bg-gray-600 text-gray-400 custom-secondary-button-bg custom-secondary-button-text-light border custom-secondary-button-border': (!selectedOptions[i] || selectedOptions[i].value !== 2), 'bg-amber-500 text-white': (selectedOptions[i] && selectedOptions[i].value === 2) }">
( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </button>
<button type="button" @click="setInputVoteState(pollOption, i, null, 0)" class="ml-4 w-9 h-9 rounded-md bg-gray-200 dark:bg-gray-600 text-gray-400 flex items-center justify-center"
:class="{ 'bg-gray-200 dark:bg-gray-600 text-gray-400 custom-secondary-button-bg custom-secondary-button-text-light border custom-secondary-button-border': (!selectedOptions[i] || selectedOptions[i].value !== 0), 'bg-red-500 text-white': (selectedOptions[i] && selectedOptions[i].value === 0) }">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</button>
</div>
</div>
</div>
</template>
<template x-if="viewState === 'results'">
<button type="button" class="flex items-center px-1 py-1 rounded-md space-x-3 sm:space-x-4" @click="showParticipants = !showParticipants">
<div class="flex items-center space-x-2">
<div class="w-6 h-6 rounded-md bg-green-500 text-white flex items-center justify-center">
<svg class="h-4 w-4 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
<div class="custom-text" x-text="pollOptionsData[i].yes.count"></div>
</div>
<div class="flex items-center space-x-2" x-show="$store.poll.pollConfig.allowIndeterminate">
<div class="w-6 h-6 rounded-md bg-amber-500 text-white flex items-center justify-center text-xs"> ( <svg class="h-3 w-3 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </div>
<div class="custom-text" x-text="pollOptionsData[i].indeterminate.count"></div>
</div>
<div class="flex items-center space-x-2">
<div class="w-6 h-6 rounded-md bg-red-500 text-white flex items-center justify-center">
<svg class="h-4 w-4 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
<div class="custom-text" x-text="pollOptionsData[i].no.count"></div>
</div>
</button>
</template>
</div>
</div>
<div class="mt-2" x-show="showAllParticipants || showParticipants" x-cloak="">
<div class="space-y-3 text-sm custom-text">
<div class="" x-show="pollOptionsData[i].yes.count === 0 && pollOptionsData[i].indeterminate.count === 0 && pollOptionsData[i].no.count === 0" x-cloak="">
<span>Noch keine Teilnehmer</span>
</div>
<div class="flex items-start" x-show="pollOptionsData[i].yes.count > 0">
<div class="flex-shrink-0 w-6 h-6 rounded-md bg-green-500 text-white flex items-center justify-center mr-2">
<svg class="h-4 w-4 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
<div class="mr-1 pt-0.5">
<div class="custom-text" x-text="pollOptionsData[i].yes.participants.join(', ')"></div>
</div>
<!--div class="custom-text">(<span x-text="pollOptionsData[i].yes.count"></span>)</div-->
</div>
<div class="flex items-start" x-show="$store.poll.pollConfig.allowIndeterminate && pollOptionsData[i].indeterminate.count > 0">
<div class="flex-shrink-0 w-6 h-6 rounded-md bg-amber-500 text-white flex items-center justify-center text-xs mr-2"> ( <svg class="h-3 w-3 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </div>
<div class="mr-1 pt-0.5">
<div class="custom-text" x-text="pollOptionsData[i].indeterminate.participants.join(', ')"></div>
</div>
<!--div class="custom-text">(<span x-text="pollOptionsData[i].indeterminate.count"></span>)</div-->
</div>
<div class="flex items-start" x-show="pollOptionsData[i].no.count > 0">
<div class="flex-shrink-0 w-6 h-6 rounded-md bg-red-500 text-white flex items-center justify-center mr-2">
<svg class="h-4 w-4 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
<div class="mr-1 pt-0.5">
<div class="custom-text" x-text="pollOptionsData[i].no.participants.join(', ')"></div>
</div>
<!--div class="custom-text">(<span x-text="pollOptionsData[i].no.count"></span>)</div-->
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
</template>
<template x-if="viewType === 'grid'">
<div>
<div class="mb-6">
<div class="text-gray-500 custom-text">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<div>
<template x-if="!$store.poll.pollConfig.multipleChoiceMin && !$store.poll.pollConfig.multipleChoiceMax">
<div>Wähle beliebig viele Antwortmöglichkeiten.</div>
</template>
<template x-if="$store.poll.pollConfig.multipleChoiceMin && $store.poll.pollConfig.multipleChoiceMin == $store.poll.pollConfig.multipleChoiceMax">
<div x-text="strawpoll.placeholder('Wähle {number} Antwortmöglichkeiten', { number: $store.poll.pollConfig.multipleChoiceMax }) + '.'"></div>
</template>
<template x-if="$store.poll.pollConfig.multipleChoiceMin && $store.poll.pollConfig.multipleChoiceMax && $store.poll.pollConfig.multipleChoiceMin != $store.poll.pollConfig.multipleChoiceMax">
<div x-text="strawpoll.placeholder('Wähle zwischen {min} bis {max} Antwortmöglichkeiten', { min: $store.poll.pollConfig.multipleChoiceMin, max: $store.poll.pollConfig.multipleChoiceMax }) + '.'"></div>
</template>
</div>
</template>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<div>Wähle eine Antwortmöglichkeit.</div>
</template>
</div>
</div>
<div class="dataGridContainer mt-8 overflow-auto" @scroll="calcDataGrid()" x-ref="test">
<table class="w-auto mx-auto h-full">
<tbody>
<tr id="participants-table-sticky-tr-1" style="position: sticky; top: 0px;" class="z-20 bg-white dark:bg-gray-800 custom-box-bg">
<th style="position: sticky; left: 0px; vertical-align: bottom;" class="z-30 bg-white dark:bg-gray-800 custom-box-bg">
<div class="text-left pb-1 custom-title" style="min-width: 200px;"> Name </div>
</th>
<template x-for="(pollOption, i) in $store.pollResults.pollOptions" :key="pollOption.id">
<th>
<template x-if="pollOption.type === 'date'">
<div x-data="{ date: new Date(pollOption.date + 'T00:00:00').getTime() / 1000 }" class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(date, null, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(date, null, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(date, null, 'day')"></span>
</div>
<div class="font-normal text-gray-500 text-sm flex items-center justify-center custom-text" style="height: 51px;">
<span>Ganztägig</span>
</div>
</div>
</template>
<template x-if="pollOption.type === 'time_range'">
<div class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(pollOption.startTime, currentTimezone, 'day')"></span>
</div>
<div class="font-normal text-gray-500 flex flex-col items-center justify-center custom-text text-sm" style="height: 51px;">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'time')" class="whitespace-nowrap"></div>
<span class="" style="line-height: 3px;">-</span>
<div x-text="pollOption.endTime ? formatEpoch(pollOption.endTime, currentTimezone, 'time') : 'Open End'" class="whitespace-nowrap"></div>
</div>
</div>
</template>
<template x-if="pollOption.type === 'text'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')"></span>
</div>
</template>
<template x-if="pollOption.type === 'image'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value ? pollOption.value : 'Option ' + (i + 1)"></span>
</div>
</template>
</th>
</template>
</tr>
<tr id="participants-table-sticky-tr-2" style="position: sticky; white-space: nowrap;" class="z-20 bg-white dark:bg-gray-800 custom-box-bg"
x-init="$nextTick(() => { document.getElementById('participants-table-sticky-tr-2').style.top = document.getElementById('participants-table-sticky-tr-1').offsetHeight+'px' })">
<td style="position: sticky; left: 0px; min-width: 240px; box-shadow: inset 0 1px 0 var(--border), inset 0 -1px 0 var(--border);" class="z-30 bg-white dark:bg-gray-800 custom-box-bg">
<div class="flex items-center justify-between px-2 py-2 h-12">
<div class="text-gray-600 dark:text-gray-400 custom-text">
<span x-show="$store.pollResults.participantCount === 1">
<span x-text="strawpoll.placeholder('{number} Teilnehmer', { number: $store.pollResults.participantCount })"></span>
</span>
<span x-show="$store.pollResults.participantCount !== 1">
<span x-text="strawpoll.placeholder('{number} Teilnehmer', { number: $store.pollResults.participantCount })"></span>
</span>
</div>
<button type="button" @click="startAddParticipant()" x-show="isAddParticipantAllowed && !isEditActive"
class="-mr-2 h-8 w-8 bg-white dark:bg-gray-800 rounded-full flex items-center justify-center text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-500 dark:hover:text-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 custom-secondary-button-bg custom-secondary-button-text custom-secondary-button-border">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" clip-rule="evenodd"></path>
</svg>
</button>
</div>
</td>
<template x-for="(pollOption, i) in $store.pollResults.pollOptions" :key="pollOption.id">
<td style="box-shadow: inset 0 1px 0 var(--border), inset 0 -1px 0 var(--border);" x-data="Components.popoverGroup()" x-init="init()">
<div x-data="Components.popover({ open: false, focus: false })" @keydown.escape="onEscape" @close-popover-group.window="onClosePopoverGroup" class="flex justify-center relative" x-show="isNotHidden(pollOption)" x-cloak="">
<button type="button" class="flex items-center justify-center custom-text" x-ref="button" @click="toggle" @mousedown="if (open) $event.preventDefault()" aria-expanded="false" aria-haspopup="true"
x-bind:aria-expanded="open.toString()">
<svg class="h-5 w-5 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
<span x-text="pollOptionsData[i].yes.count"></span>
<span x-show="pollOption.maxVotes > 0"> /<span x-text="pollOption.maxVotes"></span>
</span>
</button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
class="z-40 origin-top-right absolute right-0 top-1 mt-6 rounded-md shadow-lg bg-white dark:bg-gray-700 ring-1 ring-gray-300 dark:ring-gray-600 divide-y divide-gray-100 dark:divide-gray-500 focus:outline-none"
@click.away="open = false" @keydown.tab="open = false" @keydown.enter.prevent="open = false;" @keyup.space.prevent="open = false;" x-cloak="">
<div class="py-1 overflow-auto" style="max-height: 400px;" role="none">
<template x-for="(pollParticipant, j) in sortedDateParticipants(i)">
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold"> ? </span>
<span class="truncate" x-text="pollParticipant.name"></span>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
</td>
</template>
</tr>
<tr>
<td :style="`height: ${topSpacerHeight}px`"></td>
</tr>
<template x-for="row in displayItems">
<tr class="border-b border-gray-200 dark:border-gray-700 custom-border whitespace-nowrap">
<td style="position:sticky; left: 0px;" class="dataGridRow z-10 bg-white dark:bg-gray-800 custom-box-bg">
<div class="flex items-center h-full px-2 truncate" style="max-width: 300px;">
<span class="text-gray-500 custom-text">
<svg class="h-6 w-6 mr-2 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd"></path>
</svg>
</span>
<template x-if="row.edit">
<div class="flex items-center justify-between">
<input type="text" class="input custom-input-bg custom-input-text custom-input-border custom-input-highlight" x-model="voteData.name" placeholder="Geben Sie Ihren Namen ein..."
@keydown.escape.window="cancelEditParticipant()">
<button type="button" @click="$dispatch('vote-delete-modal', { pollParticipant: row })"
class="flex-shrink-0 -mr-2 h-8 w-8 bg-white dark:bg-gray-800 rounded-full flex items-center justify-center text-red-500 hover:text-red-400 dark:hover:text-red-400 focus:outline-none focus:ring-2 focus:ring-indigo-500">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z"
clip-rule="evenodd"></path>
</svg>
</button>
</div>
</template>
<template x-if="!row.edit">
<div class="flex-grow flex items-center justify-between">
<div class="truncate" style="max-width: 180px;">
<span x-text="row.name" class="custom-text"></span>
</div>
<template x-if="isEditParticipantAllowed && !isEditActive && row.isEditAllowed">
<button type="button" @click="startEditParticipant(row)"
class="-mr-2 h-8 w-8 bg-white dark:bg-gray-800 rounded-full flex items-center justify-center text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-blue-400 dark:hover:text-blue-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 custom-secondary-button-bg custom-secondary-button-text custom-secondary-button-border">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path>
</svg>
</button>
</template>
</div>
</template>
</div>
</td>
<template x-for="(pollOption, i) in $store.pollResults.pollOptions" :key="pollOption.id">
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)" x-cloak="">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
</div>
</td>
</template>
</tr>
</template>
<tr x-show="isAddParticipantActive" style="bottom: 0" x-ref="addParticipantRow" class="z-20 border-b border-gray-200 dark:border-gray-700 custom-border bg-indigo-50 dark:bg-gray-800 custom-box-bg">
<td style="position:sticky; left: 0px;" class="dataGridRow z-20">
<div class="flex items-center h-full py-1 px-2 bg-indigo-50 dark:bg-gray-800 custom-box-bg">
<span class="text-gray-500 dark:text-gray-300 custom-text">
<svg class="h-6 w-6 mr-2 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd"></path>
</svg>
</span>
<input type="text" class="input custom-input-bg custom-input-text custom-input-border custom-input-highlight" x-model="voteData.name" x-ref="addParticipant" placeholder="Geben Sie Ihren Namen ein...">
</div>
</td>
<template x-for="(pollOption, i) in $store.pollResults.pollOptions" :key="pollOption.id">
<td>
<div class="flex justify-center" x-show="isNotHidden(pollOption)" x-cloak="">
<button type="button" class="border bg-white dark:bg-gray-700 custom-input-bg custom-input-border rounded w-6 h-6 select-none" @click="toggleInputVoteState(pollOption, i, null)"
:class="!isVoteAllowed(pollOption, i, null) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value === 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</button>
</div>
</td>
</template>
</tr>
<tr>
<td :style="`height: ${bottomSpacerHeight}px`"></td>
</tr>
</tbody>
</table>
</div>
<div class="mt-6 text-sm text-center" x-show="pastDatesCount > 0 && pastDatesCount !== $store.pollResults.pollOptions.length" x-cloak="">
<span x-show="hidePastDates" x-cloak="">
<span> Hinweis: <span x-text="pastDatesCount"></span> Termine wurden ausgeblendet, da sie in der Vergangenheit liegen. </span>
<button type="button" class="link inline" @click="hidePastDates = !hidePastDates"> Alle Termine anzeigen </button>
</span>
<span x-show="!hidePastDates" x-cloak="">
<span> Hinweis: <span x-text="pastDatesCount"></span> Termine liegen in der Vergangenheit. </span>
<button type="button" class="link inline" @click="hidePastDates = !hidePastDates"> Vergangene Termine ausblenden </button>
</span>
</div>
</div>
</template>
<div>
<div class="mb-6">
<div class="text-gray-500 custom-text">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<div>
<template x-if="!$store.poll.pollConfig.multipleChoiceMin && !$store.poll.pollConfig.multipleChoiceMax">
<div>Wähle beliebig viele Antwortmöglichkeiten.</div>
</template>
<template x-if="$store.poll.pollConfig.multipleChoiceMin && $store.poll.pollConfig.multipleChoiceMin == $store.poll.pollConfig.multipleChoiceMax">
<div x-text="strawpoll.placeholder('Wähle {number} Antwortmöglichkeiten', { number: $store.poll.pollConfig.multipleChoiceMax }) + '.'"></div>
</template>
<template x-if="$store.poll.pollConfig.multipleChoiceMin && $store.poll.pollConfig.multipleChoiceMax && $store.poll.pollConfig.multipleChoiceMin != $store.poll.pollConfig.multipleChoiceMax">
<div x-text="strawpoll.placeholder('Wähle zwischen {min} bis {max} Antwortmöglichkeiten', { min: $store.poll.pollConfig.multipleChoiceMin, max: $store.poll.pollConfig.multipleChoiceMax }) + '.'"></div>
</template>
</div>
</template>
<div>
<template x-if="!$store.poll.pollConfig.multipleChoiceMin && !$store.poll.pollConfig.multipleChoiceMax">
<div>Wähle beliebig viele Antwortmöglichkeiten.</div>
</template>
<div>Wähle beliebig viele Antwortmöglichkeiten.</div>
<template x-if="$store.poll.pollConfig.multipleChoiceMin && $store.poll.pollConfig.multipleChoiceMin == $store.poll.pollConfig.multipleChoiceMax">
<div x-text="strawpoll.placeholder('Wähle {number} Antwortmöglichkeiten', { number: $store.poll.pollConfig.multipleChoiceMax }) + '.'"></div>
</template>
<template x-if="$store.poll.pollConfig.multipleChoiceMin && $store.poll.pollConfig.multipleChoiceMax && $store.poll.pollConfig.multipleChoiceMin != $store.poll.pollConfig.multipleChoiceMax">
<div x-text="strawpoll.placeholder('Wähle zwischen {min} bis {max} Antwortmöglichkeiten', { min: $store.poll.pollConfig.multipleChoiceMin, max: $store.poll.pollConfig.multipleChoiceMax }) + '.'"></div>
</template>
</div>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<div>Wähle eine Antwortmöglichkeit.</div>
</template>
</div>
</div>
<div class="dataGridContainer mt-8 overflow-auto" @scroll="calcDataGrid()" x-ref="test">
<table class="w-auto mx-auto h-full">
<tbody>
<tr id="participants-table-sticky-tr-1" style="position: sticky; top: 0px;" class="z-20 bg-white dark:bg-gray-800 custom-box-bg">
<th style="position: sticky; left: 0px; vertical-align: bottom;" class="z-30 bg-white dark:bg-gray-800 custom-box-bg">
<div class="text-left pb-1 custom-title" style="min-width: 200px;"> Name </div>
</th>
<template x-for="(pollOption, i) in $store.pollResults.pollOptions" :key="pollOption.id">
<th>
<template x-if="pollOption.type === 'date'">
<div x-data="{ date: new Date(pollOption.date + 'T00:00:00').getTime() / 1000 }" class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(date, null, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(date, null, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(date, null, 'day')"></span>
</div>
<div class="font-normal text-gray-500 text-sm flex items-center justify-center custom-text" style="height: 51px;">
<span>Ganztägig</span>
</div>
</div>
</template>
<template x-if="pollOption.type === 'time_range'">
<div class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(pollOption.startTime, currentTimezone, 'day')"></span>
</div>
<div class="font-normal text-gray-500 flex flex-col items-center justify-center custom-text text-sm" style="height: 51px;">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'time')" class="whitespace-nowrap"></div>
<span class="" style="line-height: 3px;">-</span>
<div x-text="pollOption.endTime ? formatEpoch(pollOption.endTime, currentTimezone, 'time') : 'Open End'" class="whitespace-nowrap"></div>
</div>
</div>
</template>
<template x-if="pollOption.type === 'text'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')"></span>
</div>
</template>
<template x-if="pollOption.type === 'image'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value ? pollOption.value : 'Option ' + (i + 1)"></span>
</div>
</template>
</th>
</template>
<th>
<template x-if="pollOption.type === 'date'">
<div x-data="{ date: new Date(pollOption.date + 'T00:00:00').getTime() / 1000 }" class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(date, null, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(date, null, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(date, null, 'day')"></span>
</div>
<div class="font-normal text-gray-500 text-sm flex items-center justify-center custom-text" style="height: 51px;">
<span>Ganztägig</span>
</div>
</div>
</template>
<template x-if="pollOption.type === 'time_range'">
<div class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(pollOption.startTime, currentTimezone, 'day')"></span>
</div>
<div class="font-normal text-gray-500 flex flex-col items-center justify-center custom-text text-sm" style="height: 51px;">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'time')" class="whitespace-nowrap"></div>
<span class="" style="line-height: 3px;">-</span>
<div x-text="pollOption.endTime ? formatEpoch(pollOption.endTime, currentTimezone, 'time') : 'Open End'" class="whitespace-nowrap"></div>
</div>
</div>
</template>
<template x-if="pollOption.type === 'text'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')"></span>
</div>
</template>
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')">Monday (Between 5pm-6pm start time)</span>
</div>
<template x-if="pollOption.type === 'image'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value ? pollOption.value : 'Option ' + (i + 1)"></span>
</div>
</template>
</th>
<th>
<template x-if="pollOption.type === 'date'">
<div x-data="{ date: new Date(pollOption.date + 'T00:00:00').getTime() / 1000 }" class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(date, null, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(date, null, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(date, null, 'day')"></span>
</div>
<div class="font-normal text-gray-500 text-sm flex items-center justify-center custom-text" style="height: 51px;">
<span>Ganztägig</span>
</div>
</div>
</template>
<template x-if="pollOption.type === 'time_range'">
<div class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(pollOption.startTime, currentTimezone, 'day')"></span>
</div>
<div class="font-normal text-gray-500 flex flex-col items-center justify-center custom-text text-sm" style="height: 51px;">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'time')" class="whitespace-nowrap"></div>
<span class="" style="line-height: 3px;">-</span>
<div x-text="pollOption.endTime ? formatEpoch(pollOption.endTime, currentTimezone, 'time') : 'Open End'" class="whitespace-nowrap"></div>
</div>
</div>
</template>
<template x-if="pollOption.type === 'text'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')"></span>
</div>
</template>
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')">Monday (Between 6pm-7pm start time)</span>
</div>
<template x-if="pollOption.type === 'image'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value ? pollOption.value : 'Option ' + (i + 1)"></span>
</div>
</template>
</th>
<th>
<template x-if="pollOption.type === 'date'">
<div x-data="{ date: new Date(pollOption.date + 'T00:00:00').getTime() / 1000 }" class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(date, null, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(date, null, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(date, null, 'day')"></span>
</div>
<div class="font-normal text-gray-500 text-sm flex items-center justify-center custom-text" style="height: 51px;">
<span>Ganztägig</span>
</div>
</div>
</template>
<template x-if="pollOption.type === 'time_range'">
<div class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(pollOption.startTime, currentTimezone, 'day')"></span>
</div>
<div class="font-normal text-gray-500 flex flex-col items-center justify-center custom-text text-sm" style="height: 51px;">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'time')" class="whitespace-nowrap"></div>
<span class="" style="line-height: 3px;">-</span>
<div x-text="pollOption.endTime ? formatEpoch(pollOption.endTime, currentTimezone, 'time') : 'Open End'" class="whitespace-nowrap"></div>
</div>
</div>
</template>
<template x-if="pollOption.type === 'text'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')"></span>
</div>
</template>
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')">Tuesday (Between 5pm-6pm start time)</span>
</div>
<template x-if="pollOption.type === 'image'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value ? pollOption.value : 'Option ' + (i + 1)"></span>
</div>
</template>
</th>
<th>
<template x-if="pollOption.type === 'date'">
<div x-data="{ date: new Date(pollOption.date + 'T00:00:00').getTime() / 1000 }" class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(date, null, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(date, null, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(date, null, 'day')"></span>
</div>
<div class="font-normal text-gray-500 text-sm flex items-center justify-center custom-text" style="height: 51px;">
<span>Ganztägig</span>
</div>
</div>
</template>
<template x-if="pollOption.type === 'time_range'">
<div class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(pollOption.startTime, currentTimezone, 'day')"></span>
</div>
<div class="font-normal text-gray-500 flex flex-col items-center justify-center custom-text text-sm" style="height: 51px;">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'time')" class="whitespace-nowrap"></div>
<span class="" style="line-height: 3px;">-</span>
<div x-text="pollOption.endTime ? formatEpoch(pollOption.endTime, currentTimezone, 'time') : 'Open End'" class="whitespace-nowrap"></div>
</div>
</div>
</template>
<template x-if="pollOption.type === 'text'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')"></span>
</div>
</template>
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')">Tuesday (Between 6pm-7pm start time)</span>
</div>
<template x-if="pollOption.type === 'image'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value ? pollOption.value : 'Option ' + (i + 1)"></span>
</div>
</template>
</th>
<th>
<template x-if="pollOption.type === 'date'">
<div x-data="{ date: new Date(pollOption.date + 'T00:00:00').getTime() / 1000 }" class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(date, null, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(date, null, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(date, null, 'day')"></span>
</div>
<div class="font-normal text-gray-500 text-sm flex items-center justify-center custom-text" style="height: 51px;">
<span>Ganztägig</span>
</div>
</div>
</template>
<template x-if="pollOption.type === 'time_range'">
<div class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(pollOption.startTime, currentTimezone, 'day')"></span>
</div>
<div class="font-normal text-gray-500 flex flex-col items-center justify-center custom-text text-sm" style="height: 51px;">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'time')" class="whitespace-nowrap"></div>
<span class="" style="line-height: 3px;">-</span>
<div x-text="pollOption.endTime ? formatEpoch(pollOption.endTime, currentTimezone, 'time') : 'Open End'" class="whitespace-nowrap"></div>
</div>
</div>
</template>
<template x-if="pollOption.type === 'text'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')"></span>
</div>
</template>
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')">Wednesday (Between 5pm-6pm start time)</span>
</div>
<template x-if="pollOption.type === 'image'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value ? pollOption.value : 'Option ' + (i + 1)"></span>
</div>
</template>
</th>
<th>
<template x-if="pollOption.type === 'date'">
<div x-data="{ date: new Date(pollOption.date + 'T00:00:00').getTime() / 1000 }" class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(date, null, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(date, null, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(date, null, 'day')"></span>
</div>
<div class="font-normal text-gray-500 text-sm flex items-center justify-center custom-text" style="height: 51px;">
<span>Ganztägig</span>
</div>
</div>
</template>
<template x-if="pollOption.type === 'time_range'">
<div class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(pollOption.startTime, currentTimezone, 'day')"></span>
</div>
<div class="font-normal text-gray-500 flex flex-col items-center justify-center custom-text text-sm" style="height: 51px;">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'time')" class="whitespace-nowrap"></div>
<span class="" style="line-height: 3px;">-</span>
<div x-text="pollOption.endTime ? formatEpoch(pollOption.endTime, currentTimezone, 'time') : 'Open End'" class="whitespace-nowrap"></div>
</div>
</div>
</template>
<template x-if="pollOption.type === 'text'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')"></span>
</div>
</template>
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')">Wednesday (Between 6pm-7pm start time)</span>
</div>
<template x-if="pollOption.type === 'image'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value ? pollOption.value : 'Option ' + (i + 1)"></span>
</div>
</template>
</th>
<th>
<template x-if="pollOption.type === 'date'">
<div x-data="{ date: new Date(pollOption.date + 'T00:00:00').getTime() / 1000 }" class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(date, null, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(date, null, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(date, null, 'day')"></span>
</div>
<div class="font-normal text-gray-500 text-sm flex items-center justify-center custom-text" style="height: 51px;">
<span>Ganztägig</span>
</div>
</div>
</template>
<template x-if="pollOption.type === 'time_range'">
<div class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(pollOption.startTime, currentTimezone, 'day')"></span>
</div>
<div class="font-normal text-gray-500 flex flex-col items-center justify-center custom-text text-sm" style="height: 51px;">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'time')" class="whitespace-nowrap"></div>
<span class="" style="line-height: 3px;">-</span>
<div x-text="pollOption.endTime ? formatEpoch(pollOption.endTime, currentTimezone, 'time') : 'Open End'" class="whitespace-nowrap"></div>
</div>
</div>
</template>
<template x-if="pollOption.type === 'text'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')"></span>
</div>
</template>
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')">Thursday (Between 5pm-6pm start time)</span>
</div>
<template x-if="pollOption.type === 'image'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value ? pollOption.value : 'Option ' + (i + 1)"></span>
</div>
</template>
</th>
<th>
<template x-if="pollOption.type === 'date'">
<div x-data="{ date: new Date(pollOption.date + 'T00:00:00').getTime() / 1000 }" class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(date, null, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(date, null, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(date, null, 'day')"></span>
</div>
<div class="font-normal text-gray-500 text-sm flex items-center justify-center custom-text" style="height: 51px;">
<span>Ganztägig</span>
</div>
</div>
</template>
<template x-if="pollOption.type === 'time_range'">
<div class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(pollOption.startTime, currentTimezone, 'day')"></span>
</div>
<div class="font-normal text-gray-500 flex flex-col items-center justify-center custom-text text-sm" style="height: 51px;">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'time')" class="whitespace-nowrap"></div>
<span class="" style="line-height: 3px;">-</span>
<div x-text="pollOption.endTime ? formatEpoch(pollOption.endTime, currentTimezone, 'time') : 'Open End'" class="whitespace-nowrap"></div>
</div>
</div>
</template>
<template x-if="pollOption.type === 'text'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')"></span>
</div>
</template>
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')">Thursday (Between 6pm-7pm start time)</span>
</div>
<template x-if="pollOption.type === 'image'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value ? pollOption.value : 'Option ' + (i + 1)"></span>
</div>
</template>
</th>
<th>
<template x-if="pollOption.type === 'date'">
<div x-data="{ date: new Date(pollOption.date + 'T00:00:00').getTime() / 1000 }" class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(date, null, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(date, null, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(date, null, 'day')"></span>
</div>
<div class="font-normal text-gray-500 text-sm flex items-center justify-center custom-text" style="height: 51px;">
<span>Ganztägig</span>
</div>
</div>
</template>
<template x-if="pollOption.type === 'time_range'">
<div class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(pollOption.startTime, currentTimezone, 'day')"></span>
</div>
<div class="font-normal text-gray-500 flex flex-col items-center justify-center custom-text text-sm" style="height: 51px;">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'time')" class="whitespace-nowrap"></div>
<span class="" style="line-height: 3px;">-</span>
<div x-text="pollOption.endTime ? formatEpoch(pollOption.endTime, currentTimezone, 'time') : 'Open End'" class="whitespace-nowrap"></div>
</div>
</div>
</template>
<template x-if="pollOption.type === 'text'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')"></span>
</div>
</template>
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')">Friday (Between 5pm-6pm start time)</span>
</div>
<template x-if="pollOption.type === 'image'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value ? pollOption.value : 'Option ' + (i + 1)"></span>
</div>
</template>
</th>
<th>
<template x-if="pollOption.type === 'date'">
<div x-data="{ date: new Date(pollOption.date + 'T00:00:00').getTime() / 1000 }" class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(date, null, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(date, null, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(date, null, 'day')"></span>
</div>
<div class="font-normal text-gray-500 text-sm flex items-center justify-center custom-text" style="height: 51px;">
<span>Ganztägig</span>
</div>
</div>
</template>
<template x-if="pollOption.type === 'time_range'">
<div class="px-1 pb-1" style="min-height: 135px; min-width: 70px;" x-show="isNotHidden(pollOption)" x-cloak="">
<div
class="bg-indigo-500 dark:bg-indigo-400 text-white text-center rounded py-1 custom-primary-button-bg custom-primary-button-bg-light custom-primary-button-text border custom-primary-button-border custom-primary-button-border-light pointer-events-none">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'month')" class="font-normal"></div>
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'date')"></div>
</div>
<div class="mt-1 flex justify-center custom-title">
<span x-text="formatEpoch(pollOption.startTime, currentTimezone, 'day')"></span>
</div>
<div class="font-normal text-gray-500 flex flex-col items-center justify-center custom-text text-sm" style="height: 51px;">
<div x-text="formatEpoch(pollOption.startTime, currentTimezone, 'time')" class="whitespace-nowrap"></div>
<span class="" style="line-height: 3px;">-</span>
<div x-text="pollOption.endTime ? formatEpoch(pollOption.endTime, currentTimezone, 'time') : 'Open End'" class="whitespace-nowrap"></div>
</div>
</div>
</template>
<template x-if="pollOption.type === 'text'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')"></span>
</div>
</template>
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value.replace(/(.{100})..+/, '$1...')">Friday (Between 6pm-7pm start time)</span>
</div>
<template x-if="pollOption.type === 'image'">
<div
class="flex items-center justify-center h-full bg-gray-100 dark:bg-gray-700 rounded px-3 py-1 custom-secondary-button-bg custom-secondary-button-text border custom-secondary-button-border overflow-hidden font-medium pointer-events-none"
style="min-height: 60px; min-width: 90px; max-height: 400px;">
<span x-text="pollOption.value ? pollOption.value : 'Option ' + (i + 1)"></span>
</div>
</template>
</th>
</tr>
<tr id="participants-table-sticky-tr-2" style="position: sticky; white-space: nowrap; top: 132px;" class="z-20 bg-white dark:bg-gray-800 custom-box-bg"
x-init="$nextTick(() => { document.getElementById('participants-table-sticky-tr-2').style.top = document.getElementById('participants-table-sticky-tr-1').offsetHeight+'px' })">
<td style="position: sticky; left: 0px; min-width: 240px; box-shadow: inset 0 1px 0 var(--border), inset 0 -1px 0 var(--border);" class="z-30 bg-white dark:bg-gray-800 custom-box-bg">
<div class="flex items-center justify-between px-2 py-2 h-12">
<div class="text-gray-600 dark:text-gray-400 custom-text">
<span x-show="$store.pollResults.participantCount === 1" style="display: none;">
<span x-text="strawpoll.placeholder('{number} Teilnehmer', { number: $store.pollResults.participantCount })">2 Teilnehmer</span>
</span>
<span x-show="$store.pollResults.participantCount !== 1">
<span x-text="strawpoll.placeholder('{number} Teilnehmer', { number: $store.pollResults.participantCount })">2 Teilnehmer</span>
</span>
</div>
<button type="button" @click="startAddParticipant()" x-show="isAddParticipantAllowed && !isEditActive"
class="-mr-2 h-8 w-8 bg-white dark:bg-gray-800 rounded-full flex items-center justify-center text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-500 dark:hover:text-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 custom-secondary-button-bg custom-secondary-button-text custom-secondary-button-border">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" clip-rule="evenodd"></path>
</svg>
</button>
</div>
</td>
<template x-for="(pollOption, i) in $store.pollResults.pollOptions" :key="pollOption.id">
<td style="box-shadow: inset 0 1px 0 var(--border), inset 0 -1px 0 var(--border);" x-data="Components.popoverGroup()" x-init="init()">
<div x-data="Components.popover({ open: false, focus: false })" @keydown.escape="onEscape" @close-popover-group.window="onClosePopoverGroup" class="flex justify-center relative" x-show="isNotHidden(pollOption)" x-cloak="">
<button type="button" class="flex items-center justify-center custom-text" x-ref="button" @click="toggle" @mousedown="if (open) $event.preventDefault()" aria-expanded="false" aria-haspopup="true"
x-bind:aria-expanded="open.toString()">
<svg class="h-5 w-5 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
<span x-text="pollOptionsData[i].yes.count"></span>
<span x-show="pollOption.maxVotes > 0"> /<span x-text="pollOption.maxVotes"></span>
</span>
</button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
class="z-40 origin-top-right absolute right-0 top-1 mt-6 rounded-md shadow-lg bg-white dark:bg-gray-700 ring-1 ring-gray-300 dark:ring-gray-600 divide-y divide-gray-100 dark:divide-gray-500 focus:outline-none"
@click.away="open = false" @keydown.tab="open = false" @keydown.enter.prevent="open = false;" @keyup.space.prevent="open = false;" x-cloak="">
<div class="py-1 overflow-auto" style="max-height: 400px;" role="none">
<template x-for="(pollParticipant, j) in sortedDateParticipants(i)">
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold"> ? </span>
<span class="truncate" x-text="pollParticipant.name"></span>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
</td>
</template>
<td style="box-shadow: inset 0 1px 0 var(--border), inset 0 -1px 0 var(--border);" x-data="Components.popoverGroup()" x-init="init()">
<div x-data="Components.popover({ open: false, focus: false })" @keydown.escape="onEscape" @close-popover-group.window="onClosePopoverGroup" class="flex justify-center relative" x-show="isNotHidden(pollOption)">
<button type="button" class="flex items-center justify-center custom-text" x-ref="button" @click="toggle" @mousedown="if (open) $event.preventDefault()" aria-expanded="false" aria-haspopup="true"
x-bind:aria-expanded="open.toString()">
<svg class="h-5 w-5 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
<span x-text="pollOptionsData[i].yes.count">0</span>
<span x-show="pollOption.maxVotes > 0" style="display: none;"> /<span x-text="pollOption.maxVotes">0</span>
</span>
</button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
class="z-40 origin-top-right absolute right-0 top-1 mt-6 rounded-md shadow-lg bg-white dark:bg-gray-700 ring-1 ring-gray-300 dark:ring-gray-600 divide-y divide-gray-100 dark:divide-gray-500 focus:outline-none"
@click.away="open = false" @keydown.tab="open = false" @keydown.enter.prevent="open = false;" @keyup.space.prevent="open = false;" style="display: none;">
<div class="py-1 overflow-auto" style="max-height: 400px;" role="none">
<template x-for="(pollParticipant, j) in sortedDateParticipants(i)">
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold"> ? </span>
<span class="truncate" x-text="pollParticipant.name"></span>
</div>
</div>
</div>
</template>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Rebecca Arandela</span>
</div>
</div>
</div>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Erinn Brown</span>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td style="box-shadow: inset 0 1px 0 var(--border), inset 0 -1px 0 var(--border);" x-data="Components.popoverGroup()" x-init="init()">
<div x-data="Components.popover({ open: false, focus: false })" @keydown.escape="onEscape" @close-popover-group.window="onClosePopoverGroup" class="flex justify-center relative" x-show="isNotHidden(pollOption)">
<button type="button" class="flex items-center justify-center custom-text" x-ref="button" @click="toggle" @mousedown="if (open) $event.preventDefault()" aria-expanded="false" aria-haspopup="true"
x-bind:aria-expanded="open.toString()">
<svg class="h-5 w-5 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
<span x-text="pollOptionsData[i].yes.count">2</span>
<span x-show="pollOption.maxVotes > 0" style="display: none;"> /<span x-text="pollOption.maxVotes">0</span>
</span>
</button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
class="z-40 origin-top-right absolute right-0 top-1 mt-6 rounded-md shadow-lg bg-white dark:bg-gray-700 ring-1 ring-gray-300 dark:ring-gray-600 divide-y divide-gray-100 dark:divide-gray-500 focus:outline-none"
@click.away="open = false" @keydown.tab="open = false" @keydown.enter.prevent="open = false;" @keyup.space.prevent="open = false;" style="display: none;">
<div class="py-1 overflow-auto" style="max-height: 400px;" role="none">
<template x-for="(pollParticipant, j) in sortedDateParticipants(i)">
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold"> ? </span>
<span class="truncate" x-text="pollParticipant.name"></span>
</div>
</div>
</div>
</template>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Rebecca Arandela</span>
</div>
</div>
</div>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Erinn Brown</span>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td style="box-shadow: inset 0 1px 0 var(--border), inset 0 -1px 0 var(--border);" x-data="Components.popoverGroup()" x-init="init()">
<div x-data="Components.popover({ open: false, focus: false })" @keydown.escape="onEscape" @close-popover-group.window="onClosePopoverGroup" class="flex justify-center relative" x-show="isNotHidden(pollOption)">
<button type="button" class="flex items-center justify-center custom-text" x-ref="button" @click="toggle" @mousedown="if (open) $event.preventDefault()" aria-expanded="false" aria-haspopup="true"
x-bind:aria-expanded="open.toString()">
<svg class="h-5 w-5 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
<span x-text="pollOptionsData[i].yes.count">0</span>
<span x-show="pollOption.maxVotes > 0" style="display: none;"> /<span x-text="pollOption.maxVotes">0</span>
</span>
</button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
class="z-40 origin-top-right absolute right-0 top-1 mt-6 rounded-md shadow-lg bg-white dark:bg-gray-700 ring-1 ring-gray-300 dark:ring-gray-600 divide-y divide-gray-100 dark:divide-gray-500 focus:outline-none"
@click.away="open = false" @keydown.tab="open = false" @keydown.enter.prevent="open = false;" @keyup.space.prevent="open = false;" style="display: none;">
<div class="py-1 overflow-auto" style="max-height: 400px;" role="none">
<template x-for="(pollParticipant, j) in sortedDateParticipants(i)">
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold"> ? </span>
<span class="truncate" x-text="pollParticipant.name"></span>
</div>
</div>
</div>
</template>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Rebecca Arandela</span>
</div>
</div>
</div>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Erinn Brown</span>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td style="box-shadow: inset 0 1px 0 var(--border), inset 0 -1px 0 var(--border);" x-data="Components.popoverGroup()" x-init="init()">
<div x-data="Components.popover({ open: false, focus: false })" @keydown.escape="onEscape" @close-popover-group.window="onClosePopoverGroup" class="flex justify-center relative" x-show="isNotHidden(pollOption)">
<button type="button" class="flex items-center justify-center custom-text" x-ref="button" @click="toggle" @mousedown="if (open) $event.preventDefault()" aria-expanded="false" aria-haspopup="true"
x-bind:aria-expanded="open.toString()">
<svg class="h-5 w-5 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
<span x-text="pollOptionsData[i].yes.count">1</span>
<span x-show="pollOption.maxVotes > 0" style="display: none;"> /<span x-text="pollOption.maxVotes">0</span>
</span>
</button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
class="z-40 origin-top-right absolute right-0 top-1 mt-6 rounded-md shadow-lg bg-white dark:bg-gray-700 ring-1 ring-gray-300 dark:ring-gray-600 divide-y divide-gray-100 dark:divide-gray-500 focus:outline-none"
@click.away="open = false" @keydown.tab="open = false" @keydown.enter.prevent="open = false;" @keyup.space.prevent="open = false;" style="display: none;">
<div class="py-1 overflow-auto" style="max-height: 400px;" role="none">
<template x-for="(pollParticipant, j) in sortedDateParticipants(i)">
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold"> ? </span>
<span class="truncate" x-text="pollParticipant.name"></span>
</div>
</div>
</div>
</template>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Rebecca Arandela</span>
</div>
</div>
</div>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Erinn Brown</span>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td style="box-shadow: inset 0 1px 0 var(--border), inset 0 -1px 0 var(--border);" x-data="Components.popoverGroup()" x-init="init()">
<div x-data="Components.popover({ open: false, focus: false })" @keydown.escape="onEscape" @close-popover-group.window="onClosePopoverGroup" class="flex justify-center relative" x-show="isNotHidden(pollOption)">
<button type="button" class="flex items-center justify-center custom-text" x-ref="button" @click="toggle" @mousedown="if (open) $event.preventDefault()" aria-expanded="false" aria-haspopup="true"
x-bind:aria-expanded="open.toString()">
<svg class="h-5 w-5 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
<span x-text="pollOptionsData[i].yes.count">0</span>
<span x-show="pollOption.maxVotes > 0" style="display: none;"> /<span x-text="pollOption.maxVotes">0</span>
</span>
</button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
class="z-40 origin-top-right absolute right-0 top-1 mt-6 rounded-md shadow-lg bg-white dark:bg-gray-700 ring-1 ring-gray-300 dark:ring-gray-600 divide-y divide-gray-100 dark:divide-gray-500 focus:outline-none"
@click.away="open = false" @keydown.tab="open = false" @keydown.enter.prevent="open = false;" @keyup.space.prevent="open = false;" style="display: none;">
<div class="py-1 overflow-auto" style="max-height: 400px;" role="none">
<template x-for="(pollParticipant, j) in sortedDateParticipants(i)">
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold"> ? </span>
<span class="truncate" x-text="pollParticipant.name"></span>
</div>
</div>
</div>
</template>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Rebecca Arandela</span>
</div>
</div>
</div>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Erinn Brown</span>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td style="box-shadow: inset 0 1px 0 var(--border), inset 0 -1px 0 var(--border);" x-data="Components.popoverGroup()" x-init="init()">
<div x-data="Components.popover({ open: false, focus: false })" @keydown.escape="onEscape" @close-popover-group.window="onClosePopoverGroup" class="flex justify-center relative" x-show="isNotHidden(pollOption)">
<button type="button" class="flex items-center justify-center custom-text" x-ref="button" @click="toggle" @mousedown="if (open) $event.preventDefault()" aria-expanded="false" aria-haspopup="true"
x-bind:aria-expanded="open.toString()">
<svg class="h-5 w-5 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
<span x-text="pollOptionsData[i].yes.count">2</span>
<span x-show="pollOption.maxVotes > 0" style="display: none;"> /<span x-text="pollOption.maxVotes">0</span>
</span>
</button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
class="z-40 origin-top-right absolute right-0 top-1 mt-6 rounded-md shadow-lg bg-white dark:bg-gray-700 ring-1 ring-gray-300 dark:ring-gray-600 divide-y divide-gray-100 dark:divide-gray-500 focus:outline-none"
@click.away="open = false" @keydown.tab="open = false" @keydown.enter.prevent="open = false;" @keyup.space.prevent="open = false;" style="display: none;">
<div class="py-1 overflow-auto" style="max-height: 400px;" role="none">
<template x-for="(pollParticipant, j) in sortedDateParticipants(i)">
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold"> ? </span>
<span class="truncate" x-text="pollParticipant.name"></span>
</div>
</div>
</div>
</template>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Rebecca Arandela</span>
</div>
</div>
</div>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Erinn Brown</span>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td style="box-shadow: inset 0 1px 0 var(--border), inset 0 -1px 0 var(--border);" x-data="Components.popoverGroup()" x-init="init()">
<div x-data="Components.popover({ open: false, focus: false })" @keydown.escape="onEscape" @close-popover-group.window="onClosePopoverGroup" class="flex justify-center relative" x-show="isNotHidden(pollOption)">
<button type="button" class="flex items-center justify-center custom-text" x-ref="button" @click="toggle" @mousedown="if (open) $event.preventDefault()" aria-expanded="false" aria-haspopup="true"
x-bind:aria-expanded="open.toString()">
<svg class="h-5 w-5 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
<span x-text="pollOptionsData[i].yes.count">0</span>
<span x-show="pollOption.maxVotes > 0" style="display: none;"> /<span x-text="pollOption.maxVotes">0</span>
</span>
</button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
class="z-40 origin-top-right absolute right-0 top-1 mt-6 rounded-md shadow-lg bg-white dark:bg-gray-700 ring-1 ring-gray-300 dark:ring-gray-600 divide-y divide-gray-100 dark:divide-gray-500 focus:outline-none"
@click.away="open = false" @keydown.tab="open = false" @keydown.enter.prevent="open = false;" @keyup.space.prevent="open = false;" style="display: none;">
<div class="py-1 overflow-auto" style="max-height: 400px;" role="none">
<template x-for="(pollParticipant, j) in sortedDateParticipants(i)">
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold"> ? </span>
<span class="truncate" x-text="pollParticipant.name"></span>
</div>
</div>
</div>
</template>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Rebecca Arandela</span>
</div>
</div>
</div>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Erinn Brown</span>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td style="box-shadow: inset 0 1px 0 var(--border), inset 0 -1px 0 var(--border);" x-data="Components.popoverGroup()" x-init="init()">
<div x-data="Components.popover({ open: false, focus: false })" @keydown.escape="onEscape" @close-popover-group.window="onClosePopoverGroup" class="flex justify-center relative" x-show="isNotHidden(pollOption)">
<button type="button" class="flex items-center justify-center custom-text" x-ref="button" @click="toggle" @mousedown="if (open) $event.preventDefault()" aria-expanded="false" aria-haspopup="true"
x-bind:aria-expanded="open.toString()">
<svg class="h-5 w-5 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
<span x-text="pollOptionsData[i].yes.count">2</span>
<span x-show="pollOption.maxVotes > 0" style="display: none;"> /<span x-text="pollOption.maxVotes">0</span>
</span>
</button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
class="z-40 origin-top-right absolute right-0 top-1 mt-6 rounded-md shadow-lg bg-white dark:bg-gray-700 ring-1 ring-gray-300 dark:ring-gray-600 divide-y divide-gray-100 dark:divide-gray-500 focus:outline-none"
@click.away="open = false" @keydown.tab="open = false" @keydown.enter.prevent="open = false;" @keyup.space.prevent="open = false;" style="display: none;">
<div class="py-1 overflow-auto" style="max-height: 400px;" role="none">
<template x-for="(pollParticipant, j) in sortedDateParticipants(i)">
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold"> ? </span>
<span class="truncate" x-text="pollParticipant.name"></span>
</div>
</div>
</div>
</template>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Rebecca Arandela</span>
</div>
</div>
</div>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Erinn Brown</span>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td style="box-shadow: inset 0 1px 0 var(--border), inset 0 -1px 0 var(--border);" x-data="Components.popoverGroup()" x-init="init()">
<div x-data="Components.popover({ open: false, focus: false })" @keydown.escape="onEscape" @close-popover-group.window="onClosePopoverGroup" class="flex justify-center relative" x-show="isNotHidden(pollOption)">
<button type="button" class="flex items-center justify-center custom-text" x-ref="button" @click="toggle" @mousedown="if (open) $event.preventDefault()" aria-expanded="false" aria-haspopup="true"
x-bind:aria-expanded="open.toString()">
<svg class="h-5 w-5 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
<span x-text="pollOptionsData[i].yes.count">0</span>
<span x-show="pollOption.maxVotes > 0" style="display: none;"> /<span x-text="pollOption.maxVotes">0</span>
</span>
</button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
class="z-40 origin-top-right absolute right-0 top-1 mt-6 rounded-md shadow-lg bg-white dark:bg-gray-700 ring-1 ring-gray-300 dark:ring-gray-600 divide-y divide-gray-100 dark:divide-gray-500 focus:outline-none"
@click.away="open = false" @keydown.tab="open = false" @keydown.enter.prevent="open = false;" @keyup.space.prevent="open = false;" style="display: none;">
<div class="py-1 overflow-auto" style="max-height: 400px;" role="none">
<template x-for="(pollParticipant, j) in sortedDateParticipants(i)">
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold"> ? </span>
<span class="truncate" x-text="pollParticipant.name"></span>
</div>
</div>
</div>
</template>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Rebecca Arandela</span>
</div>
</div>
</div>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Erinn Brown</span>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td style="box-shadow: inset 0 1px 0 var(--border), inset 0 -1px 0 var(--border);" x-data="Components.popoverGroup()" x-init="init()">
<div x-data="Components.popover({ open: false, focus: false })" @keydown.escape="onEscape" @close-popover-group.window="onClosePopoverGroup" class="flex justify-center relative" x-show="isNotHidden(pollOption)">
<button type="button" class="flex items-center justify-center custom-text" x-ref="button" @click="toggle" @mousedown="if (open) $event.preventDefault()" aria-expanded="false" aria-haspopup="true"
x-bind:aria-expanded="open.toString()">
<svg class="h-5 w-5 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
<span x-text="pollOptionsData[i].yes.count">1</span>
<span x-show="pollOption.maxVotes > 0" style="display: none;"> /<span x-text="pollOption.maxVotes">0</span>
</span>
</button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
class="z-40 origin-top-right absolute right-0 top-1 mt-6 rounded-md shadow-lg bg-white dark:bg-gray-700 ring-1 ring-gray-300 dark:ring-gray-600 divide-y divide-gray-100 dark:divide-gray-500 focus:outline-none"
@click.away="open = false" @keydown.tab="open = false" @keydown.enter.prevent="open = false;" @keyup.space.prevent="open = false;" style="display: none;">
<div class="py-1 overflow-auto" style="max-height: 400px;" role="none">
<template x-for="(pollParticipant, j) in sortedDateParticipants(i)">
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold"> ? </span>
<span class="truncate" x-text="pollParticipant.name"></span>
</div>
</div>
</div>
</template>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Rebecca Arandela</span>
</div>
</div>
</div>
<div style="min-width: 180px; max-width: 250px">
<div class="cursor-pointer px-4 py-2 text-sm text-gray-700 dark:text-gray-300" role="menuitem" tabindex="-1" @click="open = false;">
<div class="flex items-center">
<span x-show="pollParticipant.vote === 1" class="text-green-500 mr-3" style="display: none;">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0" class="text-red-500 mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="pollParticipant.vote === 0.5" class="text-yellow-500 mr-3 flex items-center" style="display: none;"> ( <svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
<span x-show="pollParticipant.vote === null" class="text-gray-500 mr-3 flex items-center font-bold" style="display: none;"> ? </span>
<span class="truncate" x-text="pollParticipant.name">Erinn Brown</span>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td :style="`height: ${topSpacerHeight}px`" style="height: 0px"></td>
</tr>
<template x-for="row in displayItems">
<tr class="border-b border-gray-200 dark:border-gray-700 custom-border whitespace-nowrap">
<td style="position:sticky; left: 0px;" class="dataGridRow z-10 bg-white dark:bg-gray-800 custom-box-bg">
<div class="flex items-center h-full px-2 truncate" style="max-width: 300px;">
<span class="text-gray-500 custom-text">
<svg class="h-6 w-6 mr-2 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd"></path>
</svg>
</span>
<template x-if="row.edit">
<div class="flex items-center justify-between">
<input type="text" class="input custom-input-bg custom-input-text custom-input-border custom-input-highlight" x-model="voteData.name" placeholder="Geben Sie Ihren Namen ein..."
@keydown.escape.window="cancelEditParticipant()">
<button type="button" @click="$dispatch('vote-delete-modal', { pollParticipant: row })"
class="flex-shrink-0 -mr-2 h-8 w-8 bg-white dark:bg-gray-800 rounded-full flex items-center justify-center text-red-500 hover:text-red-400 dark:hover:text-red-400 focus:outline-none focus:ring-2 focus:ring-indigo-500">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z"
clip-rule="evenodd"></path>
</svg>
</button>
</div>
</template>
<template x-if="!row.edit">
<div class="flex-grow flex items-center justify-between">
<div class="truncate" style="max-width: 180px;">
<span x-text="row.name" class="custom-text"></span>
</div>
<template x-if="isEditParticipantAllowed && !isEditActive && row.isEditAllowed">
<button type="button" @click="startEditParticipant(row)"
class="-mr-2 h-8 w-8 bg-white dark:bg-gray-800 rounded-full flex items-center justify-center text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-blue-400 dark:hover:text-blue-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 custom-secondary-button-bg custom-secondary-button-text custom-secondary-button-border">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path>
</svg>
</button>
</template>
</div>
</template>
</div>
</td>
<template x-for="(pollOption, i) in $store.pollResults.pollOptions" :key="pollOption.id">
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)" x-cloak="">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
</div>
</td>
</template>
</tr>
</template>
<tr class="border-b border-gray-200 dark:border-gray-700 custom-border whitespace-nowrap">
<td style="position:sticky; left: 0px;" class="dataGridRow z-10 bg-white dark:bg-gray-800 custom-box-bg">
<div class="flex items-center h-full px-2 truncate" style="max-width: 300px;">
<span class="text-gray-500 custom-text">
<svg class="h-6 w-6 mr-2 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd"></path>
</svg>
</span>
<template x-if="row.edit">
<div class="flex items-center justify-between">
<input type="text" class="input custom-input-bg custom-input-text custom-input-border custom-input-highlight" x-model="voteData.name" placeholder="Geben Sie Ihren Namen ein..." @keydown.escape.window="cancelEditParticipant()">
<button type="button" @click="$dispatch('vote-delete-modal', { pollParticipant: row })"
class="flex-shrink-0 -mr-2 h-8 w-8 bg-white dark:bg-gray-800 rounded-full flex items-center justify-center text-red-500 hover:text-red-400 dark:hover:text-red-400 focus:outline-none focus:ring-2 focus:ring-indigo-500">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z"
clip-rule="evenodd"></path>
</svg>
</button>
</div>
</template>
<template x-if="!row.edit">
<div class="flex-grow flex items-center justify-between">
<div class="truncate" style="max-width: 180px;">
<span x-text="row.name" class="custom-text"></span>
</div>
<template x-if="isEditParticipantAllowed && !isEditActive && row.isEditAllowed">
<button type="button" @click="startEditParticipant(row)"
class="-mr-2 h-8 w-8 bg-white dark:bg-gray-800 rounded-full flex items-center justify-center text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-blue-400 dark:hover:text-blue-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 custom-secondary-button-bg custom-secondary-button-text custom-secondary-button-border">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path>
</svg>
</button>
</template>
</div>
</template>
<div class="flex-grow flex items-center justify-between">
<div class="truncate" style="max-width: 180px;">
<span x-text="row.name" class="custom-text">Rebecca Arandela</span>
</div>
<template x-if="isEditParticipantAllowed && !isEditActive && row.isEditAllowed">
<button type="button" @click="startEditParticipant(row)"
class="-mr-2 h-8 w-8 bg-white dark:bg-gray-800 rounded-full flex items-center justify-center text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-blue-400 dark:hover:text-blue-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 custom-secondary-button-bg custom-secondary-button-text custom-secondary-button-border">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path>
</svg>
</button>
</template>
</div>
</div>
</td>
<template x-for="(pollOption, i) in $store.pollResults.pollOptions" :key="pollOption.id">
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)" x-cloak="">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
</div>
</td>
</template>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
</tr>
<tr class="border-b border-gray-200 dark:border-gray-700 custom-border whitespace-nowrap">
<td style="position:sticky; left: 0px;" class="dataGridRow z-10 bg-white dark:bg-gray-800 custom-box-bg">
<div class="flex items-center h-full px-2 truncate" style="max-width: 300px;">
<span class="text-gray-500 custom-text">
<svg class="h-6 w-6 mr-2 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd"></path>
</svg>
</span>
<template x-if="row.edit">
<div class="flex items-center justify-between">
<input type="text" class="input custom-input-bg custom-input-text custom-input-border custom-input-highlight" x-model="voteData.name" placeholder="Geben Sie Ihren Namen ein..." @keydown.escape.window="cancelEditParticipant()">
<button type="button" @click="$dispatch('vote-delete-modal', { pollParticipant: row })"
class="flex-shrink-0 -mr-2 h-8 w-8 bg-white dark:bg-gray-800 rounded-full flex items-center justify-center text-red-500 hover:text-red-400 dark:hover:text-red-400 focus:outline-none focus:ring-2 focus:ring-indigo-500">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z"
clip-rule="evenodd"></path>
</svg>
</button>
</div>
</template>
<template x-if="!row.edit">
<div class="flex-grow flex items-center justify-between">
<div class="truncate" style="max-width: 180px;">
<span x-text="row.name" class="custom-text"></span>
</div>
<template x-if="isEditParticipantAllowed && !isEditActive && row.isEditAllowed">
<button type="button" @click="startEditParticipant(row)"
class="-mr-2 h-8 w-8 bg-white dark:bg-gray-800 rounded-full flex items-center justify-center text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-blue-400 dark:hover:text-blue-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 custom-secondary-button-bg custom-secondary-button-text custom-secondary-button-border">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path>
</svg>
</button>
</template>
</div>
</template>
<div class="flex-grow flex items-center justify-between">
<div class="truncate" style="max-width: 180px;">
<span x-text="row.name" class="custom-text">Erinn Brown</span>
</div>
<template x-if="isEditParticipantAllowed && !isEditActive && row.isEditAllowed">
<button type="button" @click="startEditParticipant(row)"
class="-mr-2 h-8 w-8 bg-white dark:bg-gray-800 rounded-full flex items-center justify-center text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-blue-400 dark:hover:text-blue-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 custom-secondary-button-bg custom-secondary-button-text custom-secondary-button-border">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path>
</svg>
</button>
</template>
</div>
</div>
</td>
<template x-for="(pollOption, i) in $store.pollResults.pollOptions" :key="pollOption.id">
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)" x-cloak="">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
</div>
</td>
</template>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
<td class="max-h-12">
<div x-show="isNotHidden(pollOption)">
<template x-if="row.edit">
<div class="flex justify-center">
<div class="border bg-white dark:bg-gray-700 rounded w-6 h-6 select-none custom-input-bg custom-input-border custom-input-highlight" @click="toggleInputVoteState(pollOption, i, row)"
:class="!isVoteAllowed(pollOption, i, row) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value == 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</div>
</div>
</template>
<template x-if="!row.edit">
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</template>
<div>
<template x-if="row.pollVotes[i] === null">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-gray-50 dark-bg-opacity-gray">
<span class="font-bold text-gray-500 dark:text-gray-300 select-none">?</span>
</div>
</template>
<template x-if="row.pollVotes[i] === 0">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>
</div>
</template>
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-red-50 dark-bg-opacity-red">
<svg class="h-6 w-6 text-red-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</div>
<template x-if="row.pollVotes[i] === 1">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-green-50 dark-bg-opacity-green">
<svg class="h-6 w-6 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</div>
</template>
<template x-if="row.pollVotes[i] === 2">
<div class="flex justify-center items-center py-1 mx-1 my-1 bg-yellow-50 dark-bg-opacity-yellow">
<span class="text-yellow-500 flex items-center select-none">( <svg class="h-6 w-6 text-yellow-500" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> )</span>
</div>
</template>
</div>
</div>
</td>
</tr>
<tr x-show="isAddParticipantActive" style="bottom: 0" x-ref="addParticipantRow" class="z-20 border-b border-gray-200 dark:border-gray-700 custom-border bg-indigo-50 dark:bg-gray-800 custom-box-bg">
<td style="position:sticky; left: 0px;" class="dataGridRow z-20">
<div class="flex items-center h-full py-1 px-2 bg-indigo-50 dark:bg-gray-800 custom-box-bg">
<span class="text-gray-500 dark:text-gray-300 custom-text">
<svg class="h-6 w-6 mr-2 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd"></path>
</svg>
</span>
<input type="text" class="input custom-input-bg custom-input-text custom-input-border custom-input-highlight" x-model="voteData.name" x-ref="addParticipant" placeholder="Geben Sie Ihren Namen ein...">
</div>
</td>
<template x-for="(pollOption, i) in $store.pollResults.pollOptions" :key="pollOption.id">
<td>
<div class="flex justify-center" x-show="isNotHidden(pollOption)" x-cloak="">
<button type="button" class="border bg-white dark:bg-gray-700 custom-input-bg custom-input-border rounded w-6 h-6 select-none" @click="toggleInputVoteState(pollOption, i, null)"
:class="!isVoteAllowed(pollOption, i, null) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value === 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</button>
</div>
</td>
</template>
<td>
<div class="flex justify-center" x-show="isNotHidden(pollOption)">
<button type="button" class="border bg-white dark:bg-gray-700 custom-input-bg custom-input-border rounded w-6 h-6 select-none cursor-pointer border-gray-500 dark:border-gray-400" @click="toggleInputVoteState(pollOption, i, null)"
:class="!isVoteAllowed(pollOption, i, null) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value === 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500" style="display: none;">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500" style="display: none;"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</button>
</div>
</td>
<td>
<div class="flex justify-center" x-show="isNotHidden(pollOption)">
<button type="button" class="border bg-white dark:bg-gray-700 custom-input-bg custom-input-border rounded w-6 h-6 select-none cursor-pointer border-gray-500 dark:border-gray-400" @click="toggleInputVoteState(pollOption, i, null)"
:class="!isVoteAllowed(pollOption, i, null) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value === 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500" style="display: none;">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500" style="display: none;"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</button>
</div>
</td>
<td>
<div class="flex justify-center" x-show="isNotHidden(pollOption)">
<button type="button" class="border bg-white dark:bg-gray-700 custom-input-bg custom-input-border rounded w-6 h-6 select-none cursor-pointer border-gray-500 dark:border-gray-400" @click="toggleInputVoteState(pollOption, i, null)"
:class="!isVoteAllowed(pollOption, i, null) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value === 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500" style="display: none;">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500" style="display: none;"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</button>
</div>
</td>
<td>
<div class="flex justify-center" x-show="isNotHidden(pollOption)">
<button type="button" class="border bg-white dark:bg-gray-700 custom-input-bg custom-input-border rounded w-6 h-6 select-none cursor-pointer border-gray-500 dark:border-gray-400" @click="toggleInputVoteState(pollOption, i, null)"
:class="!isVoteAllowed(pollOption, i, null) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value === 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500" style="display: none;">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500" style="display: none;"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</button>
</div>
</td>
<td>
<div class="flex justify-center" x-show="isNotHidden(pollOption)">
<button type="button" class="border bg-white dark:bg-gray-700 custom-input-bg custom-input-border rounded w-6 h-6 select-none cursor-pointer border-gray-500 dark:border-gray-400" @click="toggleInputVoteState(pollOption, i, null)"
:class="!isVoteAllowed(pollOption, i, null) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value === 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500" style="display: none;">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500" style="display: none;"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</button>
</div>
</td>
<td>
<div class="flex justify-center" x-show="isNotHidden(pollOption)">
<button type="button" class="border bg-white dark:bg-gray-700 custom-input-bg custom-input-border rounded w-6 h-6 select-none cursor-pointer border-gray-500 dark:border-gray-400" @click="toggleInputVoteState(pollOption, i, null)"
:class="!isVoteAllowed(pollOption, i, null) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value === 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500" style="display: none;">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500" style="display: none;"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</button>
</div>
</td>
<td>
<div class="flex justify-center" x-show="isNotHidden(pollOption)">
<button type="button" class="border bg-white dark:bg-gray-700 custom-input-bg custom-input-border rounded w-6 h-6 select-none cursor-pointer border-gray-500 dark:border-gray-400" @click="toggleInputVoteState(pollOption, i, null)"
:class="!isVoteAllowed(pollOption, i, null) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value === 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500" style="display: none;">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500" style="display: none;"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</button>
</div>
</td>
<td>
<div class="flex justify-center" x-show="isNotHidden(pollOption)">
<button type="button" class="border bg-white dark:bg-gray-700 custom-input-bg custom-input-border rounded w-6 h-6 select-none cursor-pointer border-gray-500 dark:border-gray-400" @click="toggleInputVoteState(pollOption, i, null)"
:class="!isVoteAllowed(pollOption, i, null) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value === 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500" style="display: none;">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500" style="display: none;"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</button>
</div>
</td>
<td>
<div class="flex justify-center" x-show="isNotHidden(pollOption)">
<button type="button" class="border bg-white dark:bg-gray-700 custom-input-bg custom-input-border rounded w-6 h-6 select-none cursor-pointer border-gray-500 dark:border-gray-400" @click="toggleInputVoteState(pollOption, i, null)"
:class="!isVoteAllowed(pollOption, i, null) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value === 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500" style="display: none;">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500" style="display: none;"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</button>
</div>
</td>
<td>
<div class="flex justify-center" x-show="isNotHidden(pollOption)">
<button type="button" class="border bg-white dark:bg-gray-700 custom-input-bg custom-input-border rounded w-6 h-6 select-none cursor-pointer border-gray-500 dark:border-gray-400" @click="toggleInputVoteState(pollOption, i, null)"
:class="!isVoteAllowed(pollOption, i, null) ? 'cursor-not-allowed border-gray-200 dark:border-gray-700' : 'cursor-pointer border-gray-500 dark:border-gray-400'">
<span x-show="!selectedOptions[i] || selectedOptions[i].value === 0">
</span>
<span x-show="selectedOptions[i].value == 1" class="flex items-center text-green-500" style="display: none;">
<svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</span>
<span x-show="selectedOptions[i].value == 2" class="flex items-center text-yellow-500" style="display: none;"> ( <svg class="h-6 w-6 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg> ) </span>
</button>
</div>
</td>
</tr>
<tr>
<td :style="`height: ${bottomSpacerHeight}px`" style="height: 0px"></td>
</tr>
</tbody>
</table>
</div>
<div class="mt-6 text-sm text-center" x-show="pastDatesCount > 0 && pastDatesCount !== $store.pollResults.pollOptions.length" style="display: none;">
<span x-show="hidePastDates">
<span> Hinweis: <span x-text="pastDatesCount">0</span> Termine wurden ausgeblendet, da sie in der Vergangenheit liegen. </span>
<button type="button" class="link inline" @click="hidePastDates = !hidePastDates"> Alle Termine anzeigen </button>
</span>
<span x-show="!hidePastDates" style="display: none;">
<span> Hinweis: <span x-text="pastDatesCount">0</span> Termine liegen in der Vergangenheit. </span>
<button type="button" class="link inline" @click="hidePastDates = !hidePastDates"> Vergangene Termine ausblenden </button>
</span>
</div>
</div>
<div class="mt-8" x-show="$store.poll.pollConfig.duplicationChecking === 'token'" style="display: none;">
<div>
<div class="flex justify-between items-center">
<label for="token" class="label custom-text"> Stimmrecht <span class="text-gray-500 custom-text-light">(erforderlich)</span>
</label>
<a href="/de/help/how-to-obtain-vote-token/" target="_blank" class="flex items-center link custom-input-highlight-text space-x-1">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg>
<span>Was ist das?</span>
</a>
</div>
<div class="mt-1 relative">
<input type="text" name="token" id="token" class="input custom-input-bg custom-input-text custom-input-border focus:custom-input-highlight-focus" placeholder="Geben Sie Ihren einmaligen Abstimmungs-Token ein" x-model="voteData.token">
</div>
</div>
</div>
<div class="mt-3 text-center text-sm text-gray-500" x-show="!isMobileView && true && $store.poll.pollConfig.hideParticipants" style="display: none;"> Hinweis: Die Stimmen von anderen Teilnehmern werden nicht angezeigt. </div>
</div>
</div>
<script>
function participantGrid() {
return {
viewState: 'vote',
items: [],
displayItems: [],
pollOptionsData: [],
topSpacerHeight: 0,
bottomSpacerHeight: 0,
scrollUpTrigger: null,
scrollDownTrigger: null,
isAddParticipantAllowed: true,
isEditParticipantAllowed: true,
isAddParticipantActive: true,
hidePastDates: true,
pastDatesCount: 0,
init() {
if (location.hash === '#edit') {
this.isEditActive = true
this.viewState = 'edit'
}
this.calculateData()
this.$watch('viewType', value => {
this.calculateData()
})
},
calculateData() {
// this.poll = JSON.parse(JSON.stringify(this.$store.poll))
// this.pollResults = JSON.parse(JSON.stringify(this.$store.pollResults))
this.initPollOptionsData()
if (this.viewType === 'grid') {
this.setupDataGrid()
}
},
setupDataGrid() {
this.items = this.$store.pollResults.pollParticipants
this.items = this.items.filter((item) => !item.redacted)
if (this.displayItems.length === 0) {
this.displayItems = this.items.slice(0, 1)
}
this.$nextTick(() => {
this.calcDataGrid(1)
})
},
async getPollResults() {
this.isEditActive = false
this.isAddParticipantActive = false
this.viewState = 'vote'
this.clearVoteData()
this.isLoadingData = true
const response = await strawpoll.fetchAPI('/polls/' + this.$store.poll.id + '/results')
if (!response.error) {
this.$store.pollResults.update(strawpoll.toCamelCaseKeys(response))
this.calculateData()
this.isAddParticipantActive = false
this.checkLocalVotes()
}
this.isLoadingData = false
},
formatEpoch(epoch, timezone, type) {
epoch = parseInt(epoch)
if (parseInt(epoch) === 0) return 0
let format
if (type === 'month') {
format = 'MMM'
} else if (type === 'date') {
format = 'D'
} else if (type === 'day') {
format = 'ddd'
} else if (type === 'time') {
format = 'HH:mm'
if (strawpoll.getClockType() === '12h') format = 'h:mm A'
} else if (type === 'mobile_date') {
format = 'ddd, LL'
}
if (timezone) {
return dayjs(new Date(epoch * 1000)).tz(timezone).format(format)
} else {
return dayjs(new Date(epoch * 1000)).format(format)
}
},
isVoteAllowed(pollOption, i, row) {
if (this.selectedOptions[i] && this.selectedOptions[i].value === 0 && this.optionsLimitReached()) {
return false
}
if (this.pollOptionLimitReached(i, row)) {
return false
}
return true
},
pollOptionLimitReached(i, row) {
let voteValue = 0
if (row) {
// check if the original value of edited items is checked
const rowIndex = this.$store.pollResults.pollParticipants.findIndex(r => r.id === row.id)
if (this.$store.pollResults.pollParticipants[rowIndex] && this.$store.pollResults.pollParticipants[rowIndex].pollVotes[i] === 1) {
voteValue = 1
}
}
if (this.$store.pollResults.pollOptions[i].maxVotes > 0 && this.$store.pollResults.pollOptions[i].voteCount - voteValue >= this.$store.pollResults.pollOptions[i].maxVotes) {
return true
}
return false
},
toggleInputVoteState(pollOption, i, row) {
if (!this.isVoteAllowed(pollOption, i, row)) {
return
}
this.selectedOptions[i].value++;
if (this.$store.poll.pollConfig.allowIndeterminate) {
if (this.selectedOptions[i].value > 2) {
this.selectedOptions[i].value = 0
}
} else {
if (this.selectedOptions[i].value > 1) {
this.selectedOptions[i].value = 0
}
}
},
setInputVoteState(pollOption, i, row, value) {
this.selectedOptions[i].value = value;
if (this.$store.poll.pollConfig.allowIndeterminate) {
if (this.selectedOptions[i].value > 2) {
this.selectedOptions[i].value = 0
}
} else {
if (this.selectedOptions[i].value > 1) {
this.selectedOptions[i].value = 0
}
}
},
setAllInputVoteStates(value) {
this.selectedOptions.forEach((pollOption, i) => {
if (this.isVoteAllowed(pollOption, i, null)) {
this.selectedOptions[i].value = value
}
})
},
deleteCurrentParticipant() {
if (!this.voteData.id) {
return
}
const pIndex = this.$store.pollResults.pollParticipants.findIndex(p => (p.id === this.voteData.id))
if (pIndex > -1) {
// this.deleteParticipant(this.$store.pollResults.pollParticipants[pIndex])
this.$dispatch('vote-delete-modal', {
pollParticipant: this.$store.pollResults.pollParticipants[pIndex]
})
}
},
async deleteParticipant(pollParticipantId) {
let participantIndex = this.$store.pollResults.pollParticipants.findIndex(p => p.id === pollParticipantId)
this.voteData.id = this.$store.pollResults.pollParticipants[participantIndex].id
this.voteData.voteType = 'delete'
this.voteData.key = this.$store.pollResults.pollParticipants[participantIndex].key
this.votePoll()
},
clearVoteData() {
this.voteData.id = null
this.voteData.name = ''
this.voteData.voteType = 'add'
},
startEditParticipant(pollParticipant) {
this.displayItems.forEach((row) => {
row.edit = 0
if (row.id === pollParticipant.id) {
row.edit = 1
}
})
this.voteData.id = pollParticipant.id
this.voteData.name = pollParticipant.name
this.voteData.voteType = 'edit'
this.voteData.key = pollParticipant.key
this.$store.pollResults.pollOptions.forEach((pollOption, i) => {
this.selectedOptions[i] = {
id: pollOption.id,
value: pollParticipant.pollVotes[i]
}
})
this.viewState = 'edit'
this.isEditActive = true
this.isAddParticipantActive = false
},
cancelEditParticipant() {
this.viewState = 'vote'
this.$store.pollResults.pollParticipants.forEach((row) => {
row.edit = 0
})
this.isEditActive = false
},
startEditParticipantId(participantId) {
const pIndex = this.$store.pollResults.pollParticipants.findIndex(p => (p.id === participantId))
if (pIndex > -1) {
this.startEditParticipant(this.$store.pollResults.pollParticipants[pIndex])
}
},
startAddParticipant() {
this.$dispatch('hide-all-participants')
this.displayItems.forEach((row) => {
row.edit = 0
})
this.clearVoteData()
this.$store.pollResults.pollOptions.forEach((pollOption, i) => {
this.selectedOptions[i] = {
id: pollOption.id,
value: 0
}
})
if (!this.isAddParticipantAllowed) return
this.isAddParticipantActive = true
if (this.viewType === 'list') {
this.viewState = 'vote'
this.$nextTick(() => {
// this.$refs.participantNameInput.focus()
})
} else {
if (this.items.length > 15) {
this.$refs.addParticipantRow.style.position = 'sticky'
this.$refs.addParticipantRow.style.borderBottomWidth = '0px'
}
this.$nextTick(() => {
if (this.$refs.addParticipantRow) {
this.$refs.addParticipant.focus()
}
})
}
},
initPollOptionsData() {
this.pastDatesCount = 0
this.$store.pollResults.pollOptions.forEach((pollOption, i) => {
this.pollOptionsData[i] = {
yes: {
count: 0,
participants: []
},
indeterminate: {
count: 0,
participants: []
},
no: {
count: 0,
participants: []
}
}
if (!this.selectedOptions[i]) {
this.selectedOptions[i] = {
id: pollOption.id,
value: 0
}
}
pollOption.isPastDate = false
if (pollOption.type === 'date') {
if (new Date(pollOption.date + 'T00:00:00').getTime() + 86400000 < (new Date()).getTime()) {
pollOption.isPastDate = true
this.pastDatesCount++
}
} else if (pollOption.type === 'time_range') {
if (pollOption.endTime * 1000 + 86400000 < (new Date()).getTime()) {
pollOption.isPastDate = true
this.pastDatesCount++
}
}
})
this.$store.pollResults.pollParticipants.forEach((pollParticipant) => {
pollParticipant.pollVotes.forEach((pollVote, i) => {
if (pollVote === 1) {
this.pollOptionsData[i].yes.count += 1
this.pollOptionsData[i].yes.participants.push(pollParticipant.name)
} else if (pollVote === 2) {
this.pollOptionsData[i].indeterminate.count += 1
this.pollOptionsData[i].indeterminate.participants.push(pollParticipant.name)
} else if (pollVote === 0) {
this.pollOptionsData[i].no.count += 1
this.pollOptionsData[i].no.participants.push(pollParticipant.name)
}
})
})
if (this.$store.poll.pollConfig.hideParticipants) {
this.$store.pollResults.pollOptions.forEach((pollOption, i) => {
this.pollOptionsData[i].yes.count = pollOption.voteCount
this.pollOptionsData[i].indeterminate.count = -1
this.pollOptionsData[i].no.count = -1
})
}
},
calcDataGrid(force) {
const position = document.querySelector('.dataGridContainer').scrollTop
if (!force && (this.scrollDownTrigger !== null && position < this.scrollDownTrigger && position > this.scrollUpTrigger)) {
return
}
this.displayItems = this.items
return
// const visibleHeight = 640 // (840 - header height) // document.querySelector('.dataGridContainer').offsetHeight
// const rowHeight = (document.querySelector('.dataGridRow') ? document.querySelector('.dataGridRow').offsetHeight : '43')
// const fullDataHeight = this.items.length * rowHeight
// const visibleElementCount = Math.floor(visibleHeight / rowHeight)
// const rowsPerSection = 100
// const sectionHeight = rowsPerSection * rowHeight
// const currentSection = Math.max(0, Math.floor(position / sectionHeight))
// const startElement = Math.max(0, (currentSection - 1) * rowsPerSection)
// const endElement = Math.min(this.items.length, (currentSection + 2) * rowsPerSection)
// // console.log("currentSection: "+currentSection)
// // console.log("startElement: "+startElement)
// // console.log("endElement: "+endElement)
// // console.log("visibleHeight: "+(endElement - startElement) * rowHeight)
// // console.log("fullDataHeight: "+fullDataHeight)
// // this.topSpacerHeight = startElement * rowHeight, this.bottomSpacerHeight = Math.max(0, (this.items.length - endElement) * rowHeight)
// // console.log("topSpacerHeight: "+ this.topSpacerHeight)
// // console.log("bottomSpacerHeight: "+ this.bottomSpacerHeight)
// this.displayItems = this.items.slice(startElement, endElement)
// this.$nextTick(() => {
// document.querySelector('.dataGridContainer').scrollTop = position
// })
// this.scrollDownTrigger = position + rowsPerSection * rowHeight
// this.scrollUpTrigger = Math.max(0, position - rowsPerSection / 2 * rowHeight)
// // console.log("scrollDownTrigger: "+this.scrollDownTrigger)
// // console.log("scrollUpTrigger: "+this.scrollUpTrigger)
},
optionsLimitReached() {
if (!this.$store.poll.pollConfig.isMultipleChoice) {
if (this.selectedOptionsCount() >= 1) {
return true
}
}
if (this.$store.poll.pollConfig.isMultipleChoice) {
if (this.$store.poll.pollConfig.multipleChoiceMin == 0 && this.$store.poll.pollConfig.multipleChoiceMax == 0) {
return false
}
if (this.selectedOptionsCount() >= this.$store.poll.pollConfig.multipleChoiceMax) {
return true
}
}
return false
},
selectedOptionsCount() {
let count = 0
this.selectedOptions.forEach((selectedOption) => {
if (selectedOption.value == 1) {
count++
}
})
return count
},
sortedDateParticipants(optionIndex) {
let participants = []
let redactedVote = 0
this.$store.pollResults.pollParticipants.forEach((pollParticipant, i) => {
if (!pollParticipant.redacted) {
participants.push({
name: pollParticipant.name,
vote: (pollParticipant.pollVotes[optionIndex] === 2 ? 0.5 : pollParticipant.pollVotes[optionIndex]),
index: i,
isEditAllowed: pollParticipant.isEditAllowed
})
} else {
if (pollParticipant.pollVotes[optionIndex] === 1) {
redactedVote++
}
}
})
if (redactedVote > 0) {
participants.unshift({
name: '[geheim] ' + '(x' + redactedVote + ')',
vote: 1
})
}
if (participants.length > 100) {
participants = participants.slice(0, 100)
}
return participants.sort((a, b) => b.vote - a.vote)
},
isNotHidden(pollOption) {
if (this.pastDatesCount === this.$store.pollResults.pollOptions.length) {
return true
}
if (pollOption.isPastDate && this.hidePastDates) {
return false
}
return true
}
}
}
</script>
<div x-data="{ poll: Alpine.store('poll'), }">
<template x-if="poll.pollConfig.deadlineAt">
<div class="custom-text">
<template x-if="poll.pollConfig.deadlineAt * 1000 >= new Date().getTime()">
<span x-text="strawpoll.placeholder('Die Abstimmung endet in {date}.', { date: strawpoll.secondsToTime(poll.pollConfig.deadlineAt - new Date().getTime() / 1000) })"></span>
</template>
<template x-if="poll.pollConfig.deadlineAt * 1000 < new Date().getTime()">
<span x-text="strawpoll.placeholder('Abstimmung beendet vor {date}.', { date: strawpoll.secondsToTime(new Date().getTime() / 1000 - poll.pollConfig.deadlineAt) })"></span>
</template>
</div>
</template>
</div>
<div x-show="voteError" class="rounded-md bg-red-50 dark-bg-opacity-red p-4" style="display: none;">
<div class="flex items-center">
<div class="flex-shrink-0">
<svg class="h-5 w-5 text-red-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
clip-rule="evenodd"></path>
</svg>
</div>
<div class="ml-3">
<div class="text-sm text-red-700 dark:text-red-100" x-text="voteError"></div>
</div>
</div>
</div>
<div :class="{ 'sticky bottom-0 left-0 right-0 z-50 py-4 bg-white dark:bg-gray-800': $store.poll.type === 'meeting' && viewType === 'list' }" x-show="showVoteButtons || isEditActive">
<div class="flex">
<div class="w-full max-w-sm" x-show="hasLocalVote || isEditActive" style="display: none;">
<button type="submit"
class="inline-flex justify-center items-center border border-transparent rounded-md shadow-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:bg-indigo-500 dark:hover:bg-indigo-600 dark:focus:ring-offset-gray-800 custom-primary-button-bg custom-primary-button-text custom-primary-button-border custom-input-highlight px-4 py-2 text-sm w-full"
@click="" :disabled="isLoadingVote || !voteData.id" disabled="disabled">
<span class="relative flex items-center justify-center">
<template x-if="isLoadingVote">
<div class="flex items-center space-x-2">
<svg class="animate-spin h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<span class="whitespace-nowrap">Validieren...</span>
</div>
</template>
<template x-if="!isLoadingVote">
<span class="flex items-center">
<span>Ändern</span>
</span>
</template><span class="flex items-center">
<span>Ändern</span>
</span>
</span>
</button>
</div>
<div class="w-full max-w-sm" x-show="!hasLocalVote && !isEditActive">
<button type="submit"
class="inline-flex justify-center items-center border border-transparent rounded-md shadow-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:bg-indigo-500 dark:hover:bg-indigo-600 dark:focus:ring-offset-gray-800 custom-primary-button-bg custom-primary-button-text custom-primary-button-border custom-input-highlight px-4 py-2 text-sm w-full"
@click="" :disabled="isLoadingVote || false">
<span class="relative flex items-center justify-center">
<template x-if="isLoadingVote">
<div class="flex items-center space-x-2">
<svg class="animate-spin h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<span class="whitespace-nowrap">Validieren...</span>
</div>
</template>
<template x-if="!isLoadingVote">
<span class="flex items-center">
<span>Abstimmen</span>
</span>
</template><span class="flex items-center">
<span>Abstimmen</span>
</span>
</span>
</button>
</div>
<!--div x-show="!isEditActive && $store.pollUser.isAdmin" class="w-full ml-6" x-cloak>
<button type="button" @click="$dispatch('poll-invite-modal', { poll: $store.poll })"
class="flex button is-light w-full custom-secondary-button-bg custom-secondary-button-text custom-secondary-button-border custom-input-highlight">
<svg
class="h-5 w-5 -ml-1 mr-2 "
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
viewBox="0 0 20 20"
stroke="">
<path d="M8 9a3 3 0 100-6 3 3 0 000 6zM8 11a6 6 0 016 6H2a6 6 0 016-6zM16 7a1 1 0 10-2 0v1h-1a1 1 0 100 2h1v1a1 1 0 102 0v-1h1a1 1 0 100-2h-1V7z"/>
</svg>
<span>Einladen</span>
</button>
</div-->
<div x-show="!isEditActive && !$store.pollUser.isAdmin && viewType === 'list' && localVotes.length === 0" class="w-full ml-6" style="display: none;">
<button type="button" @click="$dispatch('poll-edit-participant-modal', { pollResults: pollResults, index: 0 })"
class="flex button is-light w-full custom-secondary-button-bg custom-secondary-button-text custom-secondary-button-border custom-input-highlight">
<svg class="h-5 w-5 -ml-1 mr-2 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path>
</svg>
<span>Stimme ändern</span>
</button>
</div>
<div x-show="isEditActive" class="w-full ml-6" style="display: none;">
<button type="button" class="flex button is-light w-full custom-secondary-button-bg custom-secondary-button-text custom-secondary-button-border custom-input-highlight" @click="$dispatch('cancel-edit-participant')"> Abbrechen </button>
</div>
</div>
</div>
</form><form class="space-y-3" @submit.prevent="createComment(newComment)">
<div>
<label for="name" class="sr-only">Name</label>
<input type="text" name="name" class="input custom-input-bg custom-input-text custom-input-border custom-input-highlight" x-model="newComment.name" placeholder="Geben Sie Ihren Namen ein..." required="">
</div>
<div>
<label for="comment" class="sr-only">Kommentar</label>
<textarea id="comment" name="comment" rows="3" class="textarea custom-input-bg custom-input-text custom-input-border custom-input-highlight" placeholder="Einen Kommentar hinzufügen" x-model="newComment.text" required=""></textarea>
</div>
<div class="mt-3 flex items-center justify-between">
<span class="hidden sm:group sm:inline-flex items-start sm:text-sm space-x-2 text-gray-500 custom-text">
<svg class="flex-shrink-0 h-5 w-5 text-gray-400 custom-text" x-description="Heroicon name: solid/question-mark-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg>
<span> HTML und Links sind nicht erlaubt. </span>
</span>
<button type="submit" class="button is-primary whitespace-nowrap custom-primary-button-bg custom-primary-button-text custom-primary-button-border custom-input-highlight"> Kommentar hinzufügen </button>
</div>
</form><form class="space-y-3" @submit.prevent="createComment(newComment)">
<div>
<label for="name" class="sr-only">Name</label>
<input type="text" name="name" class="input custom-input-bg custom-input-text custom-input-border custom-input-highlight" x-model="newComment.name" placeholder="Geben Sie Ihren Namen ein..." required="">
</div>
<div>
<label for="comment" class="sr-only">Kommentar</label>
<textarea id="comment" name="comment" rows="3" class="textarea custom-input-bg custom-input-text custom-input-border custom-input-highlight" placeholder="Einen Kommentar hinzufügen" x-model="newComment.text" required=""></textarea>
</div>
<div class="mt-3 flex items-center justify-between">
<span class="hidden sm:group sm:inline-flex items-start sm:text-sm space-x-2 text-gray-500 custom-text">
<svg class="flex-shrink-0 h-5 w-5 text-gray-400 custom-text" x-description="Heroicon name: solid/question-mark-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg>
<span> HTML und Links sind nicht erlaubt. </span>
</span>
<button type="submit" class="button is-primary whitespace-nowrap custom-primary-button-bg custom-primary-button-text custom-primary-button-border custom-input-highlight"> Kommentar hinzufügen </button>
</div>
</form>Text Content
StrawPoll Umfrage erstellen Terminumfrage Demo Preise Hauptmenü öffnen Anmelden Registrieren Close menu StrawPoll Umfrage erstellen Terminumfrage Demo Preise Hilfe-Center Anleitungen Live-Demo F.A.Q. Umfrage-API Über uns Registrieren Bestehender Benutzer? Anmelden IF WE WERE TO START TO MAKE IN-PERSON MEETINGS A MORE COMMON OCCURRENCE FOR OUR MONTHLY MEETING, PLEASE SELECT ALL THAT WOULD WORK FOR YOU. SELECT ALL DATES/TIMES THAT WORK, IF NONE OF THESE WORK, PLEASE LEAVE A COMMENT. von Rebecca Arandela · vor 10 Stunden Umfrage-Einstellungen Duplizieren Teilen Einbetten Inhalt melden This could replace our virtual meetings or become more of a hybrid meeting. Zeitzone: Etc/Unknown List List Grid Grid Wähle beliebig viele Antwortmöglichkeiten. Wähle eine Antwortmöglichkeit. Ändern Sie Ihre Stimme oder fügen Sie eine neue hinzu. Name (erforderlich) Termine Optionen Teilnehmer anzeigen Teilnehmer ausblenden Teilnehmer bearbeiten Alle Antworten auf 'Ja' setzen Alle Antworten auf 'Vielleicht' setzen Alle Antworten auf 'Nein' setzen Teilnehmer hinzufügen Hinweis: Termine wurden ausgeblendet, da sie in der Vergangenheit liegen. Alle Termine anzeigen Hinweis: Termine liegen in der Vergangenheit. Vergangene Termine ausblenden Ganztägig - ( ) Limit erreicht (/) ( ) ( ) Noch keine Teilnehmer ( ) Wähle beliebig viele Antwortmöglichkeiten. Wähle eine Antwortmöglichkeit. Name Ganztägig - / ( ) ? ( ) ? ( ) ( ) Hinweis: Termine wurden ausgeblendet, da sie in der Vergangenheit liegen. Alle Termine anzeigen Hinweis: Termine liegen in der Vergangenheit. Vergangene Termine ausblenden Wähle beliebig viele Antwortmöglichkeiten. Wähle beliebig viele Antwortmöglichkeiten. Wähle beliebig viele Antwortmöglichkeiten. Wähle eine Antwortmöglichkeit. Name Ganztägig - Ganztägig - Monday (Between 5pm-6pm start time) Ganztägig - Monday (Between 6pm-7pm start time) Ganztägig - Tuesday (Between 5pm-6pm start time) Ganztägig - Tuesday (Between 6pm-7pm start time) Ganztägig - Wednesday (Between 5pm-6pm start time) Ganztägig - Wednesday (Between 6pm-7pm start time) Ganztägig - Thursday (Between 5pm-6pm start time) Ganztägig - Thursday (Between 6pm-7pm start time) Ganztägig - Friday (Between 5pm-6pm start time) Ganztägig - Friday (Between 6pm-7pm start time) 2 Teilnehmer 2 Teilnehmer / ( ) ? 0 /0 ( ) ? ( ) ? Rebecca Arandela ( ) ? Erinn Brown 2 /0 ( ) ? ( ) ? Rebecca Arandela ( ) ? Erinn Brown 0 /0 ( ) ? ( ) ? Rebecca Arandela ( ) ? Erinn Brown 1 /0 ( ) ? ( ) ? Rebecca Arandela ( ) ? Erinn Brown 0 /0 ( ) ? ( ) ? Rebecca Arandela ( ) ? Erinn Brown 2 /0 ( ) ? ( ) ? Rebecca Arandela ( ) ? Erinn Brown 0 /0 ( ) ? ( ) ? Rebecca Arandela ( ) ? Erinn Brown 2 /0 ( ) ? ( ) ? Rebecca Arandela ( ) ? Erinn Brown 0 /0 ( ) ? ( ) ? Rebecca Arandela ( ) ? Erinn Brown 1 /0 ( ) ? ( ) ? Rebecca Arandela ( ) ? Erinn Brown ( ) ? ( ) Rebecca Arandela ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) Erinn Brown ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ? ( ) ? ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) Hinweis: 0 Termine wurden ausgeblendet, da sie in der Vergangenheit liegen. Alle Termine anzeigen Hinweis: 0 Termine liegen in der Vergangenheit. Vergangene Termine ausblenden Stimmrecht (erforderlich) Was ist das? Hinweis: Die Stimmen von anderen Teilnehmern werden nicht angezeigt. Validieren... Ändern Ändern Validieren... Abstimmen Abstimmen Stimme ändern Abbrechen Eine Stimme pro IP-Adresse erlaubt. Eine Stimme pro Browser-Sitzung erlaubt. Eine Stimme pro Benutzerkonto erlaubt. Eine Stimme pro Stimmrecht erlaubt. Beliebige Anzahl von Stimmen pro Nutzer erlaubt. Die Umfrage wurde weder von StrawPoll erstellt noch unterstützt. KOMMENTARE Gast Speichern Abbrechen · Antworten · Bearbeiten · Löschen Gast Speichern Abbrechen · Antworten · Bearbeiten · Löschen Name Abbrechen Antworten Noch keine Kommentare. Sei der Erste, der einen schreibt! Vorherige Weiter Vorherige ... Weiter Name Kommentar HTML und Links sind nicht erlaubt. Kommentar hinzufügen Gast Speichern Abbrechen · Antworten · Bearbeiten · Löschen Gast Speichern Abbrechen · Antworten · Bearbeiten · Löschen Name Abbrechen Antworten Gast Speichern Abbrechen · Antworten · Bearbeiten · Löschen Gast Speichern Abbrechen · Antworten · Bearbeiten · Löschen Name Abbrechen Antworten * Gast Rebecca Arandela Speichern Abbrechen · Antworten · Bearbeiten · Löschen If a start time of later then 7pm is wanted, I can edit or send out a new poll. vor 9 Stunden · Antworten · Bearbeiten · Löschen Gast Speichern Abbrechen · Antworten · Bearbeiten · Löschen Name Abbrechen Antworten * Gast Erinn Brown Gast Speichern Abbrechen · Antworten · Bearbeiten · Löschen I cannot do 2nd tuesdays of each month. If another tuesday, I could do the 6p-7pm start time. vor 9 Stunden · Antworten · Bearbeiten · Löschen Gast Speichern Abbrechen · Antworten · Bearbeiten · Löschen Gast Rebecca Arandela Speichern Abbrechen · Antworten · Bearbeiten · Löschen Got it! Thanks vor 8 Stunden · Antworten · Bearbeiten · Löschen Name Abbrechen Antworten Noch keine Kommentare. Sei der Erste, der einen schreibt! Vorherige Weiter Zeigt 1 bis 2 von 2 Ergebnissen Vorherige ... ... 1 Weiter Name Kommentar HTML und Links sind nicht erlaubt. Kommentar hinzufügen Kommentare sind deaktiviert. ERSTELLEN SIE IHRE EIGENE UMFRAGE Möchte Sie Ihre eigene Abstimmung erstellen? Mit StrawPoll kann jeder ganz einfach in Sekunden eine Abstimmung erstellen. Umfrage erstellen Close ABSTIMMUNG ERFOLGREICH Vielen Dank für die Teilnahme an dieser Umfrage. Sehen Sie sich die Ergebnisse an oder teilen Sie diese Umfrage mit anderen! Ergebnisse anzeigen Teilen Close Teilen TEILEN PER LINK Über diesen Link können Sie Teilnehmer direkt einladen. Kopieren AUF SOZIALEN MEDIEN TEILEN Teilen Sie diese Umfrage mit Ihren Freunden und Followern in den sozialen Medien. Teilen auf WhatsApp Teilen auf Twitter Teilen auf Facebook Teilen auf Reddit TEILEN ÜBER QR-CODE Einfacher Zugang für Teilnehmer mit mobilen Geräten. QR-Code anzeigen Schließen Close QR-Code Schließen Close Einbetten Verwenden Sie den unten stehenden Code, um diese Umfrage auf einer beliebigen Website einzubetten. Die Höhe und Breite des Widgets wurden automatisch berechnet. Falls erforderlich, können Sie die Breite und Höhe im Code nach Ihren Bedürfnissen ändern. Schließen Close INHALT MELDEN Bitte geben Sie einen Grund für Ihre Meldung an: Melden Abbrechen Close Zeitzone ändern Alle Daten und Zeiten werden derzeit in der Zeitzone angezeigt. Wenn die Zeitzone geändert wird, werden alle Uhrzeiten entsprechend aktualisiert, während die Ganztagsoptionen beibehalten werden. Zeitzone Africa/Abidjan Africa/Accra Africa/Addis_Ababa Africa/Algiers Africa/Asmara Africa/Bamako Africa/Bangui Africa/Banjul Africa/Bissau Africa/Blantyre Africa/Brazzaville Africa/Bujumbura Africa/Cairo Africa/Casablanca Africa/Ceuta Africa/Conakry Africa/Dakar Africa/Dar_es_Salaam Africa/Djibouti Africa/Douala Africa/El_Aaiun Africa/Freetown Africa/Gaborone Africa/Harare Africa/Johannesburg Africa/Juba Africa/Kampala Africa/Khartoum Africa/Kigali Africa/Kinshasa Africa/Lagos Africa/Libreville Africa/Lome Africa/Luanda Africa/Lubumbashi Africa/Lusaka Africa/Malabo Africa/Maputo Africa/Maseru Africa/Mbabane Africa/Mogadishu Africa/Monrovia Africa/Nairobi Africa/Ndjamena Africa/Niamey Africa/Nouakchott Africa/Ouagadougou Africa/Porto-Novo Africa/Sao_Tome Africa/Timbuktu Africa/Tripoli Africa/Tunis Africa/Windhoek America/Adak America/Anchorage America/Anguilla America/Antigua America/Araguaina America/Argentina/Buenos_Aires America/Argentina/Catamarca America/Argentina/ComodRivadavia America/Argentina/Cordoba America/Argentina/Jujuy America/Argentina/La_Rioja America/Argentina/Mendoza America/Argentina/Rio_Gallegos America/Argentina/Salta America/Argentina/San_Juan America/Argentina/San_Luis America/Argentina/Tucuman America/Argentina/Ushuaia America/Aruba America/Asuncion America/Atikokan America/Atka America/Bahia America/Bahia_Banderas America/Barbados America/Belem America/Belize America/Blanc-Sablon America/Boa_Vista America/Bogota America/Boise America/Buenos_Aires America/Cambridge_Bay America/Campo_Grande America/Cancun America/Caracas America/Catamarca America/Cayenne America/Cayman America/Chicago America/Chihuahua America/Coral_Harbour America/Cordoba America/Costa_Rica America/Creston America/Cuiaba America/Curacao America/Danmarkshavn America/Dawson America/Dawson_Creek America/Denver America/Detroit America/Dominica America/Edmonton America/Eirunepe America/El_Salvador America/Ensenada America/Fort_Nelson America/Fort_Wayne America/Fortaleza America/Glace_Bay America/Godthab America/Goose_Bay America/Grand_Turk America/Grenada America/Guadeloupe America/Guatemala America/Guayaquil America/Guyana America/Halifax America/Havana America/Hermosillo America/Indiana/Indianapolis America/Indiana/Knox America/Indiana/Marengo America/Indiana/Petersburg America/Indiana/Tell_City America/Indiana/Vevay America/Indiana/Vincennes America/Indiana/Winamac America/Indianapolis America/Inuvik America/Iqaluit America/Jamaica America/Jujuy America/Juneau America/Kentucky/Louisville America/Kentucky/Monticello America/Knox_IN America/Kralendijk America/La_Paz America/Lima America/Los_Angeles America/Louisville America/Lower_Princes America/Maceio America/Managua America/Manaus America/Marigot America/Martinique America/Matamoros America/Mazatlan America/Mendoza America/Menominee America/Merida America/Metlakatla America/Mexico_City America/Miquelon America/Moncton America/Monterrey America/Montevideo America/Montreal America/Montserrat America/Nassau America/New_York America/Nipigon America/Nome America/Noronha America/North_Dakota/Beulah America/North_Dakota/Center America/North_Dakota/New_Salem America/Ojinaga America/Panama America/Pangnirtung America/Paramaribo America/Phoenix America/Port-au-Prince America/Port_of_Spain America/Porto_Acre America/Porto_Velho America/Puerto_Rico America/Punta_Arenas America/Rainy_River America/Rankin_Inlet America/Recife America/Regina America/Resolute America/Rio_Branco America/Rosario America/Santa_Isabel America/Santarem America/Santiago America/Santo_Domingo America/Sao_Paulo America/Scoresbysund America/Shiprock America/Sitka America/St_Barthelemy America/St_Johns America/St_Kitts America/St_Lucia America/St_Thomas America/St_Vincent America/Swift_Current America/Tegucigalpa America/Thule America/Thunder_Bay America/Tijuana America/Toronto America/Tortola America/Vancouver America/Virgin America/Whitehorse America/Winnipeg America/Yakutat America/Yellowknife Antarctica/Casey Antarctica/Davis Antarctica/DumontDUrville Antarctica/Macquarie Antarctica/Mawson Antarctica/McMurdo Antarctica/Palmer Antarctica/Rothera Antarctica/South_Pole Antarctica/Syowa Antarctica/Troll Antarctica/Vostok Arctic/Longyearbyen Asia/Aden Asia/Almaty Asia/Amman Asia/Anadyr Asia/Aqtau Asia/Aqtobe Asia/Ashgabat Asia/Ashkhabad Asia/Atyrau Asia/Baghdad Asia/Bahrain Asia/Baku Asia/Bangkok Asia/Barnaul Asia/Beirut Asia/Bishkek Asia/Brunei Asia/Calcutta Asia/Chita Asia/Choibalsan Asia/Chongqing Asia/Chungking Asia/Colombo Asia/Dacca Asia/Damascus Asia/Dhaka Asia/Dili Asia/Dubai Asia/Dushanbe Asia/Famagusta Asia/Gaza Asia/Harbin Asia/Hebron Asia/Ho_Chi_Minh Asia/Hong_Kong Asia/Hovd Asia/Irkutsk Asia/Istanbul Asia/Jakarta Asia/Jayapura Asia/Jerusalem Asia/Kabul Asia/Kamchatka Asia/Karachi Asia/Kashgar Asia/Kathmandu Asia/Katmandu Asia/Khandyga Asia/Kolkata Asia/Krasnoyarsk Asia/Kuala_Lumpur Asia/Kuching Asia/Kuwait Asia/Macao Asia/Macau Asia/Magadan Asia/Makassar Asia/Manila Asia/Muscat Asia/Nicosia Asia/Novokuznetsk Asia/Novosibirsk Asia/Omsk Asia/Oral Asia/Phnom_Penh Asia/Pontianak Asia/Pyongyang Asia/Qatar Asia/Qyzylorda Asia/Rangoon Asia/Riyadh Asia/Saigon Asia/Sakhalin Asia/Samarkand Asia/Seoul Asia/Shanghai Asia/Singapore Asia/Srednekolymsk Asia/Taipei Asia/Tashkent Asia/Tbilisi Asia/Tehran Asia/Tel_Aviv Asia/Thimbu Asia/Thimphu Asia/Tokyo Asia/Tomsk Asia/Ujung_Pandang Asia/Ulaanbaatar Asia/Ulan_Bator Asia/Urumqi Asia/Ust-Nera Asia/Vientiane Asia/Vladivostok Asia/Yakutsk Asia/Yangon Asia/Yekaterinburg Asia/Yerevan Atlantic/Azores Atlantic/Bermuda Atlantic/Canary Atlantic/Cape_Verde Atlantic/Faeroe Atlantic/Faroe Atlantic/Jan_Mayen Atlantic/Madeira Atlantic/Reykjavik Atlantic/South_Georgia Atlantic/St_Helena Atlantic/Stanley Australia/ACT Australia/Adelaide Australia/Brisbane Australia/Broken_Hill Australia/Canberra Australia/Currie Australia/Darwin Australia/Eucla Australia/Hobart Australia/LHI Australia/Lindeman Australia/Lord_Howe Australia/Melbourne Australia/NSW Australia/North Australia/Perth Australia/Queensland Australia/South Australia/Sydney Australia/Tasmania Australia/Victoria Australia/West Australia/Yancowinna Brazil/Acre Brazil/DeNoronha Brazil/East Brazil/West CET CST6CDT Canada/Atlantic Canada/Central Canada/Eastern Canada/Mountain Canada/Newfoundland Canada/Pacific Canada/Saskatchewan Canada/Yukon Chile/Continental Chile/EasterIsland Cuba EET EST EST5EDT Egypt Eire Etc/GMT Etc/GMT+0 Etc/GMT+1 Etc/GMT+10 Etc/GMT+11 Etc/GMT+12 Etc/GMT+2 Etc/GMT+3 Etc/GMT+4 Etc/GMT+5 Etc/GMT+6 Etc/GMT+7 Etc/GMT+8 Etc/GMT+9 Etc/GMT-0 Etc/GMT-1 Etc/GMT-10 Etc/GMT-11 Etc/GMT-12 Etc/GMT-13 Etc/GMT-14 Etc/GMT-2 Etc/GMT-3 Etc/GMT-4 Etc/GMT-5 Etc/GMT-6 Etc/GMT-7 Etc/GMT-8 Etc/GMT-9 Etc/GMT0 Etc/Greenwich Etc/UCT Etc/UTC Etc/Universal Etc/Zulu Europe/Amsterdam Europe/Andorra Europe/Astrakhan Europe/Athens Europe/Belfast Europe/Belgrade Europe/Berlin Europe/Bratislava Europe/Brussels Europe/Bucharest Europe/Budapest Europe/Busingen Europe/Chisinau Europe/Copenhagen Europe/Dublin Europe/Gibraltar Europe/Guernsey Europe/Helsinki Europe/Isle_of_Man Europe/Istanbul Europe/Jersey Europe/Kaliningrad Europe/Kiev Europe/Kirov Europe/Lisbon Europe/Ljubljana Europe/London Europe/Luxembourg Europe/Madrid Europe/Malta Europe/Mariehamn Europe/Minsk Europe/Monaco Europe/Moscow Europe/Nicosia Europe/Oslo Europe/Paris Europe/Podgorica Europe/Prague Europe/Riga Europe/Rome Europe/Samara Europe/San_Marino Europe/Sarajevo Europe/Saratov Europe/Simferopol Europe/Skopje Europe/Sofia Europe/Stockholm Europe/Tallinn Europe/Tirane Europe/Tiraspol Europe/Ulyanovsk Europe/Uzhgorod Europe/Vaduz Europe/Vatican Europe/Vienna Europe/Vilnius Europe/Volgograd Europe/Warsaw Europe/Zagreb Europe/Zaporozhye Europe/Zurich GB GB-Eire GMT GMT+0 GMT-0 GMT0 Greenwich HST Hongkong Iceland Indian/Antananarivo Indian/Chagos Indian/Christmas Indian/Cocos Indian/Comoro Indian/Kerguelen Indian/Mahe Indian/Maldives Indian/Mauritius Indian/Mayotte Indian/Reunion Iran Israel Jamaica Japan Kwajalein Libya MET MST MST7MDT Mexico/BajaNorte Mexico/BajaSur Mexico/General NZ NZ-CHAT Navajo PRC PST8PDT Pacific/Apia Pacific/Auckland Pacific/Bougainville Pacific/Chatham Pacific/Chuuk Pacific/Easter Pacific/Efate Pacific/Enderbury Pacific/Fakaofo Pacific/Fiji Pacific/Funafuti Pacific/Galapagos Pacific/Gambier Pacific/Guadalcanal Pacific/Guam Pacific/Honolulu Pacific/Johnston Pacific/Kiritimati Pacific/Kosrae Pacific/Kwajalein Pacific/Majuro Pacific/Marquesas Pacific/Midway Pacific/Nauru Pacific/Niue Pacific/Norfolk Pacific/Noumea Pacific/Pago_Pago Pacific/Palau Pacific/Pitcairn Pacific/Pohnpei Pacific/Ponape Pacific/Port_Moresby Pacific/Rarotonga Pacific/Saipan Pacific/Samoa Pacific/Tahiti Pacific/Tarawa Pacific/Tongatapu Pacific/Truk Pacific/Wake Pacific/Wallis Pacific/Yap Poland Portugal ROC ROK Singapore Turkey UCT US/Alaska US/Aleutian US/Arizona US/Central US/East-Indiana US/Eastern US/Hawaii US/Indiana-Starke US/Michigan US/Mountain US/Pacific US/Pacific-New US/Samoa UTC Universal W-SU WET Zulu Abbrechen Speichern Close STIMME LÖSCHEN Sind Sie sicher, dass Sie diese Stimme löschen wollen? Diese Aktion kann nicht rückgängig gemacht werden. Löschen Abbrechen Close Teilnehmer bearbeiten Bitte wählen Sie einen Teilnehmer aus der Liste unten aus, um seine Stimme zu bearbeiten oder zu löschen. Es werden nur Teilnehmer aufgelistet, für die Sie die Berechtigung zur Bearbeitung haben. Teilnehmer Bitte wählen Sie einen Teilnehmer Abbrechen Bearbeiten FUSSZEILE Einfaches und kostenloses Erstellen von Echtzeit-Umfragen und Abstimmungen. Facebook Instagram Twitter GitHub Discord Englisch Deutsch Französisch Spanisch Portugiesisch LÖSUNGEN * Umfrage erstellen * Terminumfrage * Discord-Bot * Umfrage-API SUPPORT * Preise * Hilfe-Center * Anleitungen * F.A.Q. * Integrationen UNTERNEHMEN * Über uns * Impressum * Kontakt RECHTLICHES * Datenschutz * AGB © 2022 StrawPoll. Alle Rechte vorbehalten. Notification Schließen word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 STRAWPOLL.COM BITTET UM EINWILLIGUNG, IHRE PERSONENBEZOGENEN DATEN FÜR FOLGENDES ZU NUTZEN: * perm_identity Personalisierte Anzeigen und Inhalte, Anzeigen- und Inhaltsmessungen, Erkenntnisse über Zielgruppen und Produktentwicklungen * devices Informationen auf einem Gerät speichern und/oder abrufen expand_moreremove Weitere Informationen * Wie kann ich meine Auswahl nachträglich ändern? * Was passiert, wenn ich nicht einwillige? * Was bedeutet ein berechtigtes Interesse? * Muss ich für alles meine Einwilligung erteilen? Ihre personenbezogenen Daten werden von Drittanbietern verarbeitet und Informationen von Ihrem Gerät (Cookies, eindeutige Kennungen und andere Gerätedaten) können von diesen Drittanbietern gespeichert werden. Die Drittanbieter können auf die Daten zugreifen und die Informationen von Ihrem Gerät können mit den Drittanbietern geteilt oder speziell von dieser Website oder App verwendet werden. Einige Anbieter nutzen Ihre personenbezogenen Daten möglicherweise auf Grundlage ihres berechtigten Interesses. Dagegen können Sie unten über die Schaltfläche zum Verwalten Ihrer Optionen Einspruch erheben. Unten auf dieser Seite oder in unserer Datenschutzerklärung finden Sie den Link, unter dem Sie Ihre Einwilligung zurücknehmen können. Einwilligen Nicht einwilligen Optionen verwalten arrow_back Dateneinstellungen MEINE DATEN VERWALTEN Sie können festlegen, wie Ihre personenbezogenen Daten verwendet werden. Anbieter bitten um Ihre Einwilligung für Folgendes: TCF-Anbieter help_outline INFORMATIONEN AUF EINEM GERÄT SPEICHERN UND/ODER ABRUFEN Für die Ihnen angezeigten Verarbeitungszwecke können Cookies, Geräte-Kennungen oder andere Informationen auf Ihrem Gerät gespeichert oder abgerufen werden. Details anzeigen Einwilligung AUSWAHL EINFACHER ANZEIGEN Anzeigen können Ihnen basierend auf den Inhalten, die Sie ansehen, der Anwendung, die Sie verwenden und Ihrem ungefähren Standort oder Ihrem Gerätetyp eingeblendet werden. Details anzeigen EinwilligungBerechtigtes Interessehelp_outline EIN PERSONALISIERTES ANZEIGEN-PROFIL ERSTELLEN Über Sie und Ihre Interessen kann ein Profil erstellt werden, um Ihnen für Sie relevante personalisierte Anzeigen einzublenden. Details anzeigen EinwilligungBerechtigtes Interessehelp_outline PERSONALISIERTE ANZEIGEN AUSWÄHLEN Personalisierte Anzeigen können Ihnen basierend auf einem über Sie erstellten Profil eingeblendet werden. Details anzeigen Einwilligung EIN PERSONALISIERTES INHALTS-PROFIL ERSTELLEN Über Sie und Ihre Interessen kann ein Profil erstellt werden, um Ihnen für Sie relevante personalisierte Inhalte anzuzeigen. Details anzeigen EinwilligungBerechtigtes Interessehelp_outline PERSONALISIERTE INHALTE AUSWÄHLEN Personalisierte Inhalte können Ihnen basierend auf einem über Sie erstellten Profil angezeigt werden. Details anzeigen EinwilligungBerechtigtes Interessehelp_outline ANZEIGEN-LEISTUNG MESSEN Die Leistung und Wirksamkeit von Anzeigen, die Sie sehen oder mit denen Sie interagieren, kann gemessen werden. Details anzeigen EinwilligungBerechtigtes Interessehelp_outline INHALTE-LEISTUNG MESSEN Die Leistung und Wirksamkeit von Inhalten, die Sie sehen oder mit denen Sie interagieren, kann gemessen werden. Details anzeigen EinwilligungBerechtigtes Interessehelp_outline MARKTFORSCHUNG EINSETZEN, UM ERKENNTNISSE ÜBER ZIELGRUPPEN ZU GEWINNEN Marktforschung kann verwendet werden, um mehr über die Zielgruppen zu erfahren, die Dienste oder Anwendungen verwenden und sich Anzeigen ansehen. Details anzeigen EinwilligungBerechtigtes Interessehelp_outline PRODUKTE ENTWICKELN UND VERBESSERN Ihre Daten können verwendet werden, um bestehende Systeme und Software zu verbessern und neue Produkte zu entwickeln. Details anzeigen EinwilligungBerechtigtes Interessehelp_outline SICHERHEIT GEWÄHRLEISTEN, BETRUG VERHINDERN UND FEHLER BEHEBEN help_outline Ihre Daten können verwendet werden, um betrügerische Aktivitäten zu identifizieren und zu verhindern, und um sicherzustellen, dass Systeme und Prozesse ordnungsgemäß und sicher funktionieren. Details anzeigen ANZEIGEN ODER INHALTE TECHNISCH BEREITSTELLEN help_outline Ihr Gerät kann Informationen empfangen und senden die notwendig sind, damit Sie Inhalte und Anzeigen sehen und nutzen können. Details anzeigen MIT OFFLINE-DATENQUELLEN ZUSAMMENFÜHREN help_outline * Daten aus Offline-Datenquellen können mit Daten aus Ihren Online-Aktivitäten zusammengeführt werden, um sie für einen oder mehrere Verarbeitungszwecke bzw. besondere Verarbeitungszwecke nutzen zu können. * Daten aus Ihren Online-Aktivitäten können mit Offline-Daten zusammengeführt werden, um sie für einen oder mehrere Verarbeitungszwecke oder besondere Verarbeitungszwecke ergänzend zu nutzen. Details anzeigen VERSCHIEDENE GERÄTE VERKNÜPFEN help_outline Zur Nutzung für einen oder mehrere Verarbeitungszwecke kann ermittelt werden, ob unterschiedliche Geräte zu Ihnen oder Ihrem Haushalt gehören. Details anzeigen EMPFANGEN UND VERWENDEN AUTOMATISCH GESENDETER GERÄTEEIGENSCHAFTEN FÜR DIE IDENTIFIKATION help_outline Ihr Gerät kann aufgrund von Informationen, die es automatisch sendet wie z.B. IP-Adresse oder Browsertyp von anderen Geräten unterschieden werden. Details anzeigen GENAUE STANDORTDATEN VERWENDEN Ihre genauen Standortdaten können für einen oder mehrere Verarbeitungszwecke genutzt werden. Das bedeutet, dass Ihr Standort bis auf wenige Meter präzise bestimmt werden kann Details anzeigen Einwilligung Anbieter-Einstellungen Alle akzeptieren Auswahl bestätigen arrow_back Anbieter-Einstellungen UNSERE ANBIETER BESTÄTIGEN Anbieter können Ihre Daten verwenden, um Serviceleistungen anzubieten. Wenn Sie einen Anbieter ablehnen, kann das bewirken, dass er die von Ihnen geteilten Daten nicht mehr verwendet. TCF-Anbieter help_outline EXPONENTIAL INTERACTIVE, INC D/B/A VDX.TV Cookie-Speicherdauer: 90 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ROQ.AD INC. Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch Einwilligung INDEX EXCHANGE, INC. Cookie-Speicherdauer: 395 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline QUANTCAST Cookie-Speicherdauer: 397 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline BEESWAXIO CORPORATION Cookie-Speicherdauer: 395 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline SOVRN HOLDINGS INC Cookie-Speicherdauer: 365 (Tage). Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ADIKTEEV Verwendet keine Cookies. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline RTB HOUSE S.A. Cookie-Speicherdauer: 365 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline THE TRADE DESK Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ADMETRICS GMBH Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch Einwilligung AMOBEE INC. Cookie-Speicherdauer: 180 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline EPSILON Cookie-Speicherdauer: 184 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline YAHOO EMEA LIMITED Cookie-Speicherdauer: 397 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ADVENTORI SAS Cookie-Speicherdauer: 90 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline TRIPLELIFT, INC. Cookie-Speicherdauer: 90 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline XANDR, INC. Cookie-Speicherdauer: 90 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline NEORY GMBH Cookie-Speicherdauer: 90 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline UNRULY GROUP LLC Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline NEURAL.ONE Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ADITION (VIRTUAL MINDS GMBH) Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ACTIVE AGENT (VIRTUAL MINDS GMBH) Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline TABOOLA EUROPE LIMITED Cookie-Speicherdauer: 366 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline SMART ADSERVER Cookie-Speicherdauer: 396 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ADFORM A/S Cookie-Speicherdauer: 1 (Tage). Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline MAGNITE, INC. Cookie-Speicherdauer: 365 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ADARA MEDIA UNLIMITED Cookie-Speicherdauer: 730 (Tage). Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline SIFT MEDIA, INC Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch Einwilligung RAKUTEN MARKETING LLC Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline AVOCET SYSTEMS LIMITED Cookie-Speicherdauer: 300 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline LIFESTREET CORPORATION Cookie-Speicherdauer: 730 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline SIZMEK BY AMAZON Cookie-Speicherdauer: 396 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline OPENX Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline YIELDLAB (VIRTUAL MINDS GMBH) Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ROKU ADVERTISING SERVICES Cookie-Speicherdauer: 396 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline NANO INTERACTIVE GROUP LTD. Cookie-Speicherdauer: 182 (Tage). Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline SIMPLIFI HOLDINGS INC Cookie-Speicherdauer: 366 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch Einwilligung PUBMATIC, INC Cookie-Speicherdauer: 90 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline COMSCORE B.V. Cookie-Speicherdauer: 720 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline FLASHTALKING, INC. Cookie-Speicherdauer: 730 (Tage). Details anzeigen | Datenschutzerklärunglaunch Einwilligung MEDIAMATH, INC. Cookie-Speicherdauer: 393 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline PULSEPOINT, INC. Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline SMAATO, INC. Cookie-Speicherdauer: 21 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline SEMASIO GMBH Cookie-Speicherdauer: 366 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch Einwilligung CRIMTAN HOLDINGS LIMITED Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline BETGENIUS LTD Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline CRITEO SA Cookie-Speicherdauer: 390 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ADLOOX SA Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline BLIS GLOBAL LIMITED Cookie-Speicherdauer: 400 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline LOTAME SOLUTIONS, INC Cookie-Speicherdauer: 274 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch Einwilligung LIVERAMP Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline GROUPM UK LIMITED Cookie-Speicherdauer: 395 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline LOOPME LIMITED Cookie-Speicherdauer: 365 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline DYNATA LLC Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch Einwilligung ASK LOCALA Cookie-Speicherdauer: 1 (Tage). Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline NEAR INTELLIGENCE Verwendet keine Cookies. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline DOUBLEVERIFY INC. Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline BIDSWITCH GMBH Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline IPONWEB GMBH Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline NEXTROLL, INC. Cookie-Speicherdauer: 183 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline TEADS FRANCE SAS Cookie-Speicherdauer: 365 (Tage). Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline STRÖER SSP GMBH (SSP) Cookie-Speicherdauer: 365 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline STRÖER SSP GMBH (DSP) Cookie-Speicherdauer: 90 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline PLATFORM161 B.V. Cookie-Speicherdauer: 396 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ADACADO TECHNOLOGIES INC. (DBA ADACADO) Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline BASIS GLOBAL TECHNOLOGIES, INC. Cookie-Speicherdauer: 30 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline SMADEX, S.L.U. Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline BOMBORA INC. Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline SPOTX, INC Cookie-Speicherdauer: 366 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline EASYMEDIA GMBH Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch Einwilligung REMERGE GMBH Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch Einwilligung ADVANCED STORE GMBH Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline MAGNITE CTV, INC. Cookie-Speicherdauer: 366 (Tage). Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline DELTA PROJECTS AB Cookie-Speicherdauer: 365 (Tage). Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline USEMAX ADVERTISEMENT (EMEGO GMBH) Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline EMETRIQ GMBH Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch Einwilligung PUBLICIS MEDIA GMBH Cookie-Speicherdauer: 90 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch Einwilligung MCCANN DISCIPLINE LTD Cookie-Speicherdauer: 25 (Tage). Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch Einwilligung ONETAG LIMITED Cookie-Speicherdauer: 730 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline CLOUD TECHNOLOGIES S.A. Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline SMARTOLOGY LIMITED Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline IMPROVE DIGITAL Cookie-Speicherdauer: 90 (Tage). Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ADOBE ADVERTISING CLOUD Cookie-Speicherdauer: 365 (Tage). Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline BANNERFLOW AB Cookie-Speicherdauer: 366 (Tage). Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline TABMO SAS Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline INTEGRAL AD SCIENCE, INC. Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline WIZALY Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch Einwilligung WEBORAMA Cookie-Speicherdauer: 393 (Tage). Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline JIVOX CORPORATION Cookie-Speicherdauer: 90 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline MOBILE PROFESSIONALS BV / SAGE&ARCHER BV Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch Einwilligung ON DEVICE RESEARCH LIMITED Cookie-Speicherdauer: 30 (Tage). Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch Einwilligung ROCKABOX MEDIA LTD T/A SCOOTA Cookie-Speicherdauer: 365 (Tage). Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline EXACTAG GMBH Cookie-Speicherdauer: 180 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline CELTRA, INC. Verwendet keine Cookies. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline MAINADV SRL Cookie-Speicherdauer: 1 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline GEMIUS SA Cookie-Speicherdauer: 395 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline THE KANTAR GROUP LIMITED Cookie-Speicherdauer: 914 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch Einwilligung IMPACT TECH INC. Cookie-Speicherdauer: 720 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline NIELSEN MEDIA RESEARCH LTD. Cookie-Speicherdauer: 120 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ORACLE ADVERTISING Cookie-Speicherdauer: 180 (Tage). Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline 1000MERCIS (NUMBERLY) Cookie-Speicherdauer: 180 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch Einwilligung AUDIENCEPROJECT APS Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline DEMANDBASE, INC. Cookie-Speicherdauer: 730 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline EFFILIATION / EFFINITY Cookie-Speicherdauer: 2 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ARRIVALIST CO. Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch Einwilligung SEENTHIS AB Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch COMMANDERS ACT Cookie-Speicherdauer: 365 (Tage). Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch Einwilligung TRAVEL AUDIENCE GMBH Cookie-Speicherdauer: 397 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch Einwilligung HUMAN Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ADLUDIO LTD. Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch Einwilligung NEODATA GROUP SRL Cookie-Speicherdauer: 366 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline INNOVID LLC Cookie-Speicherdauer: 90 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline PAPIRFLY AS Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline NEUSTAR, INC., A TRANSUNION COMPANY Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline SALESFORCE.COM, INC. Cookie-Speicherdauer: 180 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch Einwilligung VERVE GROUP EUROPE GMBH Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch Einwilligung KOCHAVA INC. Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch Einwilligung OTTO (GMBH & CO KG) Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ADOBE AUDIENCE MANAGER, ADOBE EXPERIENCE PLATFORM Cookie-Speicherdauer: 180 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline LOCALSENSOR B.V. Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ONLINE SOLUTION Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline RELAY42 NETHERLANDS B.V. Cookie-Speicherdauer: 730 (Tage). Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch Einwilligung GP ONE GMBH Cookie-Speicherdauer: Verwendet Sitzungscookies. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline LIFTOFF MOBILE, INC. Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline THE MEDIAGRID INC. Cookie-Speicherdauer: 365 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline MINDTAKE RESEARCH GMBH Cookie-Speicherdauer: 93 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline CINT AB Cookie-Speicherdauer: 730 (Tage). Details anzeigen | Datenschutzerklärunglaunch Einwilligung GOOGLE ADVERTISING PRODUCTS Cookie-Speicherdauer: 396 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline GFK SE Cookie-Speicherdauer: 730 (Tage). Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch Einwilligung REVJET Cookie-Speicherdauer: 730 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline PROTECTED MEDIA LTD Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline CLINCH LABS LTD Cookie-Speicherdauer: 730 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ORACLE DATA CLOUD - MOAT Verwendet keine Cookies. Details anzeigen | Datenschutzerklärunglaunch HEARTS AND SCIENCE MÜNCHEN GMBH Cookie-Speicherdauer: 60 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline AMAZON ADVERTISING Cookie-Speicherdauer: 396 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline MOLOCO, INC. Cookie-Speicherdauer: 730 (Tage). Cookies werden nach jeder Sitzung gelöscht. Verwendet andere Speicheroptionen. Details anzeigen | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline ADTRIBA GMBH Cookie-Speicherdauer: 730 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch Einwilligung OBJECTIVE PARTNERS BV Cookie-Speicherdauer: 90 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch Einwilligung ENSIGHTEN Cookie-Speicherdauer: 1825 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline EBAY INC Cookie-Speicherdauer: 90 (Tage). Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline HURRA COMMUNICATIONS GMBH Cookie-Speicherdauer: 366 (Tage). Cookies werden nach jeder Sitzung gelöscht. Details anzeigen | Details zum Speicher | Datenschutzerklärunglaunch EinwilligungBerechtigtes Interessehelp_outline Allgemeine Anbieter help_outline GSKINNER Datenschutzerklärunglaunch Einwilligung AKAMAI Datenschutzerklärunglaunch Einwilligung FACEBOOK Datenschutzerklärunglaunch Einwilligung AUNICA Datenschutzerklärunglaunch Einwilligung BOOKING.COM Datenschutzerklärunglaunch Einwilligung C3 METRICS Datenschutzerklärunglaunch Einwilligung IBM Datenschutzerklärunglaunch Einwilligung EVIDON Datenschutzerklärunglaunch Einwilligung CUBED Datenschutzerklärunglaunch Einwilligung INTELLIAD Datenschutzerklärunglaunch Einwilligung ANALIGHTS Datenschutzerklärunglaunch Einwilligung DSTILLERY Datenschutzerklärunglaunch Einwilligung DMA INSTITUTE Datenschutzerklärunglaunch Einwilligung ZMS Datenschutzerklärunglaunch Einwilligung DENTSU AEGIS NETWORK Datenschutzerklärunglaunch Einwilligung IGNITION ONE Datenschutzerklärunglaunch Einwilligung OMNICOM MEDIA GROUP Datenschutzerklärunglaunch Einwilligung DIGISEG Datenschutzerklärunglaunch Einwilligung RESONATE Datenschutzerklärunglaunch Einwilligung SOJERN Datenschutzerklärunglaunch Einwilligung HAENSEL AMS Datenschutzerklärunglaunch Einwilligung BDSK HANDELS GMBH & CO. KG Datenschutzerklärunglaunch Einwilligung VIDEOLOGY Datenschutzerklärunglaunch Einwilligung TRADEDOUBLER AB Datenschutzerklärunglaunch Einwilligung TRUSTARC Datenschutzerklärunglaunch Einwilligung TRUEFFECT Datenschutzerklärunglaunch Einwilligung MARKETING SCIENCE CONSULTING GROUP, INC. Datenschutzerklärunglaunch Einwilligung DENTSU Datenschutzerklärunglaunch Einwilligung ESSENS Datenschutzerklärunglaunch Einwilligung TRAVEL DATA COLLECTIVE Datenschutzerklärunglaunch Einwilligung ADVOLUTION.CONTROL Datenschutzerklärunglaunch Einwilligung WIDESPACE Datenschutzerklärunglaunch Einwilligung ADLEDGE Datenschutzerklärunglaunch Einwilligung VIMEO Datenschutzerklärunglaunch Einwilligung ADMAXIM Datenschutzerklärunglaunch Einwilligung BATCH MEDIA Datenschutzerklärunglaunch Einwilligung VODAFONE GMBH Datenschutzerklärunglaunch Einwilligung SCENESTEALER Datenschutzerklärunglaunch Einwilligung NETQUEST Datenschutzerklärunglaunch Einwilligung MANAGE.COM Datenschutzerklärunglaunch Einwilligung CLOUDFLARE Datenschutzerklärunglaunch Einwilligung PIXALATE Datenschutzerklärunglaunch Einwilligung HAVAS MEDIA FRANCE - DBI Datenschutzerklärunglaunch Einwilligung NETFLIX Datenschutzerklärunglaunch Einwilligung MACROMILL GROUP Datenschutzerklärunglaunch Einwilligung EBUILDERS Datenschutzerklärunglaunch Einwilligung APPLOVIN CORP. Datenschutzerklärunglaunch Einwilligung FRACTIONAL MEDIA Datenschutzerklärunglaunch Einwilligung RACKSPACE Datenschutzerklärunglaunch Einwilligung MSI-ACI Datenschutzerklärunglaunch Einwilligung NAVEGG Datenschutzerklärunglaunch Einwilligung ADMEDO Datenschutzerklärunglaunch Einwilligung MOBITRANS Datenschutzerklärunglaunch Einwilligung ADEX Datenschutzerklärunglaunch Einwilligung SPOTAD Datenschutzerklärunglaunch Einwilligung AARKI Datenschutzerklärunglaunch Einwilligung SFR Datenschutzerklärunglaunch Einwilligung CABLATO Datenschutzerklärunglaunch Einwilligung WAYSTACK Datenschutzerklärunglaunch Einwilligung TRESENSA Datenschutzerklärunglaunch Einwilligung SOLOCAL Datenschutzerklärunglaunch Einwilligung Alle akzeptieren Auswahl bestätigen Schließen