<.icon name={provider.icon} class="h-6 w-6 text-indigo-600 dark:text-indigo-400" />
{provider.name}
{provider.description}
<%= if integration = @integrations[provider.id] do %>
{if integration.enabled, do: "Enabled", else: "Disabled"}
<%= if integration.last_synced_at do %>
Last synced: {Calendar.strftime(
integration.last_synced_at,
"%Y-%m-%d %H:%M UTC"
)}
<% end %>
<%= if integration.last_sync_status && integration.last_sync_status != "never" do %>
"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400"
"partial" ->
"bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400"
"failed" ->
"bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"
_ ->
"bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400"
end
]}>
{String.capitalize(integration.last_sync_status)}
<% end %>
<.link
navigate={~p"/orgs/#{@organization.slug}/settings/integrations/preseem/devices"}
class="text-sm text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300"
>
Manage Devices →
<.link
navigate={
~p"/orgs/#{@organization.slug}/settings/integrations/preseem/insights"
}
class="text-sm text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300"
>
Network Insights →
<% end %>