<.link navigate={PhoenixKit.Utils.Routes.path("/profile/connections?tab=followers")} role="tab" class={"tab #{if @tab == "followers", do: "tab-active"}"} > Followers {@followers_count} <.link navigate={PhoenixKit.Utils.Routes.path("/profile/connections?tab=following")} role="tab" class={"tab #{if @tab == "following", do: "tab-active"}"} > Following {@following_count} <.link navigate={PhoenixKit.Utils.Routes.path("/profile/connections?tab=connections")} role="tab" class={"tab #{if @tab == "connections", do: "tab-active"}"} > Connections {@connections_count} <.link navigate={PhoenixKit.Utils.Routes.path("/profile/connections?tab=requests")} role="tab" class={"tab #{if @tab == "requests", do: "tab-active"}"} > Requests <%= if @pending_count > 0 do %> {@pending_count} <% end %> <.link navigate={PhoenixKit.Utils.Routes.path("/profile/connections?tab=blocked")} role="tab" class={"tab #{if @tab == "blocked", do: "tab-active"}"} > Blocked {@blocked_count}

<%!-- Followers Tab --%> <%= if @tab == "followers" do %>

<.icon name="hero-user-group" class="w-5 h-5" /> Your Followers

<%= if Enum.empty?(@items) do %>

<.icon name="hero-user-group" class="w-12 h-12 mx-auto mb-2 opacity-50" />

No followers yet

<% else %>

<%= for follow <- @items do %>

{String.first(follow.follower.email || "?")}

{follow.follower.email}

Followed you <.time_ago datetime={follow.inserted_at} />

<% end %>

<% end %> <%!-- Following Tab --%> <%= if @tab == "following" do %>

<.icon name="hero-user-plus" class="w-5 h-5" /> People You Follow

<%= if Enum.empty?(@items) do %>

<.icon name="hero-user-plus" class="w-12 h-12 mx-auto mb-2 opacity-50" />

You're not following anyone yet

<% else %>

<%= for follow <- @items do %>

{String.first(follow.followed.email || "?")}

{follow.followed.email}

Following since <.time_ago datetime={follow.inserted_at} />

<% end %>

<% end %> <%!-- Connections Tab --%> <%= if @tab == "connections" do %>

<.icon name="hero-users" class="w-5 h-5" /> Your Connections

<%= if Enum.empty?(@items) do %>

<.icon name="hero-users" class="w-12 h-12 mx-auto mb-2 opacity-50" />

No connections yet

<% else %>

<%= for connection <- @items do %> <% other_user = PhoenixKitWeb.Live.Modules.Connections.UserConnections.get_other_user( connection, @current_user.id ) %>

{String.first(other_user.email || "?")}

{other_user.email}

Connected <.time_ago datetime={connection.responded_at} />

<% end %>

<% end %> <%!-- Requests Tab --%> <%= if @tab == "requests" do %>

<%!-- Incoming Requests --%>

<.icon name="hero-inbox" class="w-5 h-5" /> Incoming Requests

<%= if Enum.empty?(@incoming_requests) do %>

<.icon name="hero-inbox" class="w-12 h-12 mx-auto mb-2 opacity-50" />

No pending requests

<% else %>

<%= for request <- @incoming_requests do %>

{String.first(request.requester.email || "?")}

{request.requester.email}

Requested <.time_ago datetime={request.requested_at} />

<% end %>

<%!-- Outgoing Requests --%>

<.icon name="hero-paper-airplane" class="w-5 h-5" /> Sent Requests

<%= if Enum.empty?(@outgoing_requests) do %>

<.icon name="hero-paper-airplane" class="w-12 h-12 mx-auto mb-2 opacity-50" />

No pending outgoing requests

<% else %>

<%= for request <- @outgoing_requests do %>

{String.first(request.recipient.email || "?")}

{request.recipient.email}

Sent <.time_ago datetime={request.requested_at} />

Pending

<% end %>

<% end %> <%!-- Blocked Tab --%> <%= if @tab == "blocked" do %>

<.icon name="hero-no-symbol" class="w-5 h-5" /> Blocked Users

<%= if Enum.empty?(@items) do %>

<.icon name="hero-no-symbol" class="w-12 h-12 mx-auto mb-2 opacity-50" />

No blocked users

<% else %>

<%= for block <- @items do %>

{String.first(block.blocked.email || "?")}

{block.blocked.email}

Blocked <.time_ago datetime={block.inserted_at} />

<%= if block.reason do %>

Reason: {block.reason}

<% end %>