<div class="space-y-4">
  <%
    sf_link = link_to("SimpleFIN Bridge", "https://beta-bridge.simplefin.org", target: "_blank", rel: "noopener noreferrer", class: "text-primary font-medium underline")
  %>
  <%= render "settings/providers/setup_steps",
             steps: [
               t("settings.providers.simplefin_panel.step_1_html", link: sf_link),
               t("settings.providers.simplefin_panel.step_2"),
               t("settings.providers.simplefin_panel.step_3")
             ] %>

  <% if defined?(@error_message) && @error_message.present? %>
    <%= render DS::Alert.new(message: @error_message, variant: :error) %>
  <% end %>

  <%= styled_form_with model: SimplefinItem.new,
                       url: simplefin_items_path,
                       scope: :simplefin_item,
                       method: :post,
                       data: { turbo: true },
                       class: "space-y-3" do |form| %>
    <%= form.text_field :setup_token,
                        label: "Setup Token",
                        placeholder: "Paste SimpleFIN setup token",
                        type: :password %>

    <div class="flex justify-end">
      <%= form.submit "Save and connect",
                      class: "inline-flex items-center justify-center rounded-lg px-4 py-2 text-sm font-medium text-inverse button-bg-primary hover:button-bg-primary-hover focus:outline-none focus:ring-2 focus:ring-gray-900 theme-dark:focus:ring-white focus:ring-offset-2 transition-colors" %>
    </div>
  <% end %>

</div>
