<.link navigate={~p"/devices/#{@device_id}"} class="text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white" > <.icon name="hero-arrow-left" class="h-5 w-5" />

{@chart_title}

{@device.name}

Time Range:

<%= for {label, value} <- [{"Live", "live"}, {"1 Hour", "1h"}, {"6 Hours", "6h"}, {"12 Hours", "12h"}, {"24 Hours", "24h"}, {"7 Days", "7d"}, {"30 Days", "30d"}] do %> <% end %>

<%= if @is_live_mode do %>

Live polling (1 second interval, 5 minute window)

<% end %> <%= if @chart_data do %>

<%= if @max_value && @min_value do %>

Max: {format_value(@max_value, @unit)}

Min: {format_value(@min_value, @unit)}

<% end %>

<% else %>

<.icon name="hero-chart-bar" class="mx-auto h-12 w-12 text-gray-400" />

{t("No sensor data available")}

{t("This device doesn't have any sensors of this type.")}

<% end %>