<.admin_page_header back={PhoenixKit.Utils.Routes.path("/admin/users")}>

{gettext("Live Sessions")}

{gettext("Real-time monitoring of all active sessions with live updates.")} {gettext( "Last updated:" )} {Calendar.strftime(@last_updated, "%H:%M:%S")}

<:actions> <%!-- Live Indicator --%>

{gettext("LIVE")}

<%!-- Auto-refresh toggle --%> <%!-- Manual refresh --%> <%!-- Statistics Cards --%>

<%!-- Total Sessions --%> <:icon> <.icon name="hero-user-circle" class="w-5 h-5" /> <%!-- Anonymous Sessions --%> <:icon> <.icon name="hero-user" class="w-5 h-5" /> <%!-- Authenticated Sessions --%> <:icon> <.icon name="hero-check-circle" class="w-5 h-5" /> <%!-- Unique Visitors --%> <:icon> <.icon name="hero-user-group" class="w-5 h-5" />

<%!-- Sessions Table / Cards --%> <.table_default id="live-sessions-table" variant="zebra" toggleable={true} items={@sessions} card_fields={ fn session -> [ %{label: gettext("IP Address"), value: session.ip_address || gettext("Unknown")}, %{label: gettext("Current Page"), value: session.current_page || "—"}, %{ label: gettext("Connected"), value: Calendar.strftime(session.connected_at, "%H:%M:%S %d/%m/%Y") }, %{label: gettext("Status"), value: "● " <> gettext("Active")} ] end } > <:toolbar_title>

<%!-- Search --%> <%!-- Filter Tabs --%>

<:card_header :let={session}>

<%= if session.type == :authenticated do %> <% user = Map.get(@users_map, session.user_uuid) %>

<.user_avatar user={user || %{email: session.user_email}} size="sm" />

{session.user_email}

{session.user_uuid}

<.icon name="hero-shield-check" class="w-3 h-3 mr-1" /> {gettext("Auth")}

<% else %>

{gettext("Anonymous User")}

{session.session_id}

<.icon name="hero-user" class="w-3 h-3 mr-1" /> {gettext("Anon")}

<% end %>

<.table_default_header> <.table_default_row> <.sort_header_cell field={:type} sort={@sort}>{gettext("Type")} <.table_default_header_cell>{gettext("User/Session")} <.table_default_header_cell>{gettext("IP Address")} <.table_default_header_cell>{gettext("Current Page")} <.sort_header_cell field={:connected_at} sort={@sort}> {gettext("Connected")} <.table_default_header_cell>{gettext("Status")} <.table_default_body> <%= if Enum.empty?(@sessions) do %> <.table_default_row> <.table_default_cell class="text-center py-12" colspan={6}>

<.icon name="hero-inbox" class="w-16 h-16 mx-auto" />

{gettext("No active sessions")}

{gettext("There are currently no active sessions to display.")}

<% else %> <%= for session <- @sessions do %> <.table_default_row> <.table_default_cell>

<%= if session.type == :authenticated do %>

<.icon name="hero-shield-check" class="w-3 h-3 mr-1" /> {gettext("Auth")}

<% else %>

<.icon name="hero-user" class="w-3 h-3 mr-1" /> {gettext("Anon")}

<% end %>

<.table_default_cell> <%= if session.type == :authenticated do %> <% user = Map.get(@users_map, session.user_uuid) %>

<.user_avatar user={user || %{email: session.user_email}} size="sm" />

{session.user_email}

ID: {session.user_uuid}

<% else %>

{gettext("Anonymous User")}

{session.session_id}

<% end %> <.table_default_cell>


                  {session.ip_address || gettext("Unknown")}

<.table_default_cell> <%= if session.current_page do %>


                    {session.current_page}

<% else %> — <% end %> <.table_default_cell> <.time_ago datetime={session.connected_at} /> <.table_default_cell>

{gettext("Active")}

<% end %> <% end %> <%!-- Pagination --%> <%= if @total_pages > 1 do %>

<%= for page_num <- 1..@total_pages do %> <% end %>

<% end %>