@@ -63,0 +67,4 @@
+  <li>
+    <Button onclick={createPoll}>
+      <Icon size={4} icon={Revote} />
+      Poll

@@ -0,0 +11,4 @@
+
+  const responses = deriveArray(
+    deriveEventsById({repository, filters: [{kinds: [PollResponse], "#e": [props.event.id]}]}),
+  )

@@ -0,0 +16,4 @@
+  const results = derived(responses, $responses => getPollResults(props.event, $responses))
+</script>
+
+<div class="flex flex-col gap-1">

@@ -0,0 +12,4 @@
+
+  const responses = deriveArray(
+    deriveEventsById({repository, filters: [{kinds: [PollResponse], "#e": [props.event.id]}]}),
+  )

@@ -0,0 +28,4 @@
+      <p class="text-xs opacity-50">
+        {pollType === "multiplechoice" ? "Multiple choice" : "Single choice"}
+        {#if endsAt}
+          · Ends {formatTimestampRelative(endsAt)}

@@ -0,0 +51,4 @@
+        <progress class="progress progress-primary" value={option.votes} max={maxVotes}></progress>
+      </div>
+    {/each}
+  </div>

@@ -0,0 +51,4 @@
+      return pushToast({theme: "error", message: "Please provide at least two options."})
+    }
+
+    const parsedEndsAt = endsAt ? Math.floor(new Date(endsAt).getTime() / 1000) : undefined

@@ -0,0 +80,4 @@
+  }
+
+  let title = $state("")
+  let pollType = $state<"singlechoice" | "multiplechoice">("singlechoice")

@@ -0,0 +89,4 @@
+  <ModalBody>
+    <ModalHeader>
+      <ModalTitle>Create a Poll</ModalTitle>
+      <ModalSubtitle>Ask the room a question with one or more answers.</ModalSubtitle>

@@ -0,0 +115,4 @@
+        {/snippet}
+        {#snippet input()}
+          <div class="flex flex-col gap-2">
+            {#each options as option, index (index)}

@@ -0,0 +132,4 @@
+            <Button class="btn btn-ghost btn-sm self-start" onclick={addOption}>
+              <Icon icon={PlusCircle} size={4} />
+              Add option
+            </Button>

@@ -0,0 +157,4 @@
+            <input
+              bind:value={endsAt}
+              class="input input-bordered w-full max-w-xs"
+              type="datetime-local" />

@@ -0,0 +25,4 @@
+
+  const responses = deriveArray(
+    deriveEventsById({repository, filters: [{kinds: [PollResponse], "#e": [event.id]}]}),
+  )

@@ -0,0 +32,4 @@
+  const closed = isPollClosed(event)
+  const endsAt = getPollEndsAt(event)
+
+  const results = $derived.by(() => getPollResults(event, $responses))

@@ -0,0 +37,4 @@
+    () =>
+      $responses
+        .filter(response => response.pubkey === $pubkey)
+        .sort((left, right) => right.created_at - left.created_at)[0],

@@ -0,0 +82,4 @@
+      {/if}
+      {#if closed}
+        · Closed
+      {/if}

@@ -0,0 +10,4 @@
+  votes: number
+}
+
+const isDefined = <T>(value: T | undefined): value is T => value !== undefined

@@ -0,0 +27,4 @@
+    .filter(isDefined)
+
+export const getPollEndsAt = (event: TrustedEvent) => {
+  const endsAt = getTagValue("endsAt", event.tags) || getTagValue("endsat", event.tags)

@@ -0,0 +45,4 @@
+export const getPollResponseSelections = (event: TrustedEvent, pollType = getPollType(event)) => {
+  const selections = getTags("response", event.tags)
+    .map(tag => tag[1])
+    .filter(isDefined)

@@ -0,0 +71,4 @@
+      <NoteCard event={$event} {url} class="card2 bg-alt z-feature w-full">
+        <div class="col-3 ml-12 flex flex-col gap-3">
+          <NoteContent showEntire event={$event} {url} />
+          <PollVotes {url} event={$event} />

@@ -0,0 +123,4 @@
+
+  {#if !closed}
+    <div class="flex justify-end">
+      <Button class="btn btn-primary btn-sm" onclick={submit}>Cast vote</Button>

@@ -0,0 +18,4 @@
+
+  const endsAt = getPollEndsAt(props.event)
+  const pollType = getPollType(props.event)
+  const closed = isPollClosed(props.event)

@@ -0,0 +14,4 @@
+</script>
+
+<div class="flex flex-col gap-0">
+  <span class="text-sm">{props.event.content || "Poll"}</span>

@@ -0,0 +21,4 @@
+</script>
+
+<div class="flex flex-col gap-3">
+  <p class="text-xl">{props.event.content || "Poll"}</p>

@@ -0,0 +83,4 @@
+</script>
+
+<div class="flex flex-col gap-3 rounded-box bg-base-200 p-4">
+  <div class="flex flex-wrap items-center justify-between gap-2">

@@ -0,0 +135,4 @@
+    <div class="flex justify-end">
+      <Button class="btn btn-primary btn-sm" onclick={submit}>Cast vote</Button>
+    </div>
+  {/if}