<% items = local_assigns[:coinbase_items] || @coinbase_items || Current.family.coinbase_items.active.ordered %>

<%= t("settings.providers.coinbase_panel.setup_instructions") %>

  1. <%= t("settings.providers.coinbase_panel.step1_html").html_safe %>
  2. <%= t("settings.providers.coinbase_panel.step2") %>
  3. <%= t("settings.providers.coinbase_panel.step3") %>
<% error_msg = local_assigns[:error_message] || @error_message %> <% if error_msg.present? %>

<%= error_msg %>

<% end %> <% if items.any? %>
<% items.each do |item| %>
<%= icon "bitcoin", size: "md", class: "text-white" %>

<%= item.name %>

<% if item.syncing? %> <%= t("settings.providers.coinbase_panel.syncing") %> <% else %> <%= item.sync_status_summary %> <% end %>

<%= button_to sync_coinbase_item_path(item), method: :post, class: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-secondary hover:text-primary border border-secondary rounded-lg hover:border-primary", disabled: item.syncing? do %> <%= icon "refresh-cw", size: "sm" %> <%= t("settings.providers.coinbase_panel.sync") %> <% end %> <%= button_to coinbase_item_path(item), method: :delete, class: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-destructive hover:bg-destructive/10 rounded-lg", data: { turbo_confirm: t("settings.providers.coinbase_panel.disconnect_confirm") } do %> <%= icon "trash-2", size: "sm" %> <% end %>
<% end %>
<% else %> <% coinbase_item = Current.family.coinbase_items.build(name: "Coinbase") %> <%= styled_form_with model: coinbase_item, url: coinbase_items_path, scope: :coinbase_item, method: :post, data: { turbo: true }, class: "space-y-3" do |form| %> <%= form.text_field :api_key, label: t("settings.providers.coinbase_panel.api_key_label"), placeholder: t("settings.providers.coinbase_panel.api_key_placeholder"), type: :password %> <%= form.text_field :api_secret, label: t("settings.providers.coinbase_panel.api_secret_label"), placeholder: t("settings.providers.coinbase_panel.api_secret_placeholder"), type: :password %>
<%= form.submit t("settings.providers.coinbase_panel.connect_button"), class: "inline-flex items-center justify-center rounded-lg px-4 py-2 text-sm font-medium text-inverse bg-inverse hover:bg-inverse-hover focus:outline-none focus:ring-2 focus:ring-gray-900 focus:ring-offset-2 transition-colors" %>
<% end %> <% end %>
<% if items.any? %>

<%= t("settings.providers.coinbase_panel.status_connected") %>

<% else %>

<%= t("settings.providers.coinbase_panel.status_not_connected") %>

<% end %>