<%!-- Back to provider picker (new mode only) --%> <%!-- Provider info header with status --%>

<.icon name={@provider.icon} class="w-5 h-5" />

{@provider.name}

<%= if @data["status"] == "connected" do %> <.icon name="hero-check-circle" class="w-3 h-3" /> {gettext("Connected")} <% end %> <%= if @data["status"] == "configured" do %> {gettext("Not tested")} <% end %> <%= if @data["status"] == "error" do %> {gettext("Error")} <% end %> <%= if @data["status"] in ["disconnected", nil] do %> {gettext("Not connected")} <% end %>

{@provider.description} — {@data["external_account_id"]}

<% credentials_saved = @name != nil && has_setup_credentials?(@data, @provider) %> <%!-- Step 1: Credentials --%>

{gettext("Step 1")}

{if @provider.auth_type == :oauth2, do: gettext("API Credentials"), else: gettext("Credentials")}

{gettext("Enter your API credentials from the developer console.")}

<%!-- Step 2: Connect Account (OAuth providers only) --%>

{gettext("Step 2")}

{gettext("Connect Account")}

<% meta = @data["metadata"] || %{} %> <%= if @data["status"] == "connected" do %>

<%!-- Avatar --%> <%= if meta["picture"] do %>

<% else %>

<.icon name="hero-user" class="w-5 h-5 text-base-content/40" />

<% end %>

{meta["name"]}

<.icon name="hero-check-circle" class="w-3 h-3" /> {gettext("Connected")}

{@data["external_account_id"]} {gettext("Connected on")} {format_date(@data["connected_at"])}

<% else %>

{gettext( "Authorize access to your %{provider} account. This will open a sign-in page where you choose which account to connect.", provider: @provider.name )}

<%= if credentials_saved do %> <% else %>

{gettext("Complete Step 1 first to enable account connection.")}

<% end %> <% end %>

<%!-- Test Connection (non-OAuth providers) --%>

{gettext("Step 2")}

{gettext("Verify Connection")}

{gettext("Test that your credentials are valid and the service is reachable.")}

<%!-- Setup instructions (from provider definition) --%>

{gettext("Setup Instructions")}

{idx + 1}. {section.title}

{Phoenix.HTML.raw( render_markdown_inline(section.note, %{"redirect_uri" => @redirect_uri || ""}) )}

{Phoenix.HTML.raw( render_markdown_inline(text, %{"redirect_uri" => @redirect_uri || ""}) )}