{m.events_title()}
{m.events_subtitle()}
{#if isEditor}
(showCreateModal = true)} >
add
{m.events_new()}
{/if}
{#each statusTabs as tab}
switchStatus(tab.value)} >
{tab.icon}
{tab.label}
{/each}
{#if data.events.length === 0}
celebration
{m.events_empty_title()}
{m.events_empty_desc()}
{#if isEditor}
(showCreateModal = true)} >
add
{m.events_create()}
{/if}
{:else}
{#each data.events as event}
{event.name}
{event.status}
{#if event.description}
{event.description}
{/if}
calendar_today
{formatDateRange( event.start_date, event.end_date, )}
{#if event.venue_name}
location_on
{event.venue_name}
{/if}
group
{event.member_count}
{/each}
{/if}
{#if showCreateModal}
e.key === "Escape" && (showCreateModal = false)} onclick={(e) => e.target === e.currentTarget && (showCreateModal = false)} role="dialog" aria-modal="true" aria-label={m.events_create()} >
{m.events_create()}
(showCreateModal = false)} aria-label={m.btn_close()} >
close
{ e.preventDefault(); handleCreate(); }} >
{m.events_form_name()}
{m.events_form_description()}
{m.events_form_start_date()}
{m.events_form_end_date()}
{m.events_form_venue()}
{m.events_form_color()}
{#each presetColors as color}
(newEventColor = color)} aria-label={m.events_form_select_color({ color })} >
{/each}
{ showCreateModal = false; resetForm(); }} > {m.btn_cancel()}
{creating ? m.events_creating() : m.events_create()}
{/if}