<.link
navigate={~p"/schedules"}
class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"
>
<.icon name="hero-arrow-left" class="h-5 w-5" />
{@page_title}
<.form
id="schedule-form"
for={@form}
phx-change="validate"
phx-submit="save"
class="space-y-6"
>
<.input field={@form[:name]} type="text" label={t("Name")} required />
<.input
field={@form[:timezone]}
type="text"
label={t("Timezone")}
placeholder="America/Chicago"
required
/>
<.input field={@form[:description]} type="textarea" label={t("Description")} />
<.button type="submit" phx-disable-with={t("Saving...")}>
{t("Save Schedule")}
<.link
navigate={~p"/schedules"}
class="text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white"
>
{t("Cancel")}