{t("Maintenance Windows")}

<.link navigate={~p"/maintenance/new"} class="inline-flex items-center gap-2 rounded-lg bg-blue-600 px-4 py-2 text-sm font-semibold text-white hover:bg-blue-500 transition-colors" > <.icon name="hero-plus" class="h-4 w-4" /> {t("New Window")}
<%!-- Filter tabs --%>
<.link patch={~p"/maintenance?filter=all"} class={[ "inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium transition-colors", @filter == "all" && "bg-gray-900 text-white dark:bg-white dark:text-gray-900", @filter != "all" && "bg-gray-100 text-gray-700 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700" ]} > {t("All")} <.link patch={~p"/maintenance?filter=active"} class={[ "inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium transition-colors", @filter == "active" && "bg-gray-900 text-white dark:bg-white dark:text-gray-900", @filter != "active" && "bg-gray-100 text-gray-700 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700" ]} > {t("Active")} <.link patch={~p"/maintenance?filter=upcoming"} class={[ "inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium transition-colors", @filter == "upcoming" && "bg-gray-900 text-white dark:bg-white dark:text-gray-900", @filter != "upcoming" && "bg-gray-100 text-gray-700 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700" ]} > {t("Upcoming")} <.link patch={~p"/maintenance?filter=past"} class={[ "inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium transition-colors", @filter == "past" && "bg-gray-900 text-white dark:bg-white dark:text-gray-900", @filter != "past" && "bg-gray-100 text-gray-700 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700" ]} > {t("Past")}
<%= if Enum.empty?(@windows) do %>
<.icon name="hero-wrench-screwdriver" class="h-12 w-12 text-gray-300 dark:text-gray-600 mx-auto mb-4" />

{t("No maintenance windows")}

{t("Schedule maintenance to suppress alerts during planned work.")}

<% else %>
<%= for window <- @windows do %> <% end %>
{t("Name")} {t("Scope")} {t("Time Range")} {t("Status")} {t("Created By")}
{window.name} {scope_label(window)} {format_datetime(window.starts_at, @timezone)} — {format_datetime( window.ends_at, @timezone )} <% status = status_for(window) %> {status_label(status)} {if window.created_by, do: window.created_by.email, else: "—"}
<% end %>