<%= turbo_frame_tag "modal" do %>
  <%= render DS::Dialog.new do |dialog| %>
    <% dialog.with_header(title: t("sophtron_items.sophtron_setup_required.title")) %>
    <% dialog.with_body do %>
      <div class="space-y-4">
        <div class="rounded-lg border border-primary bg-container-inset p-3">
          <div class="flex items-start gap-3">
            <%= icon("alert-circle", color: "warning", size: "sm", class: "mt-0.5") %>
            <div class="space-y-1 text-sm text-secondary">
              <p class="font-medium text-primary"><%= t("sophtron_items.sophtron_setup_required.heading") %></p>
              <p><%= t("sophtron_items.sophtron_setup_required.description") %></p>
            </div>
          </div>
        </div>

        <div class="rounded-lg border border-primary bg-container-inset p-3 text-sm">
          <p class="font-medium text-primary"><%= t("sophtron_items.sophtron_setup_required.setup_steps_title") %></p>
          <ol class="mt-2 list-decimal space-y-1 pl-5 text-secondary">
            <li><%= t("sophtron_items.sophtron_setup_required.step_1_html") %></li>
            <li><%= t("sophtron_items.sophtron_setup_required.step_2_html") %></li>
            <li><%= t("sophtron_items.sophtron_setup_required.step_3_html") %></li>
            <li><%= t("sophtron_items.sophtron_setup_required.step_4") %></li>
          </ol>
        </div>

        <div class="flex justify-end">
          <%= render DS::Link.new(
                text: t("sophtron_items.sophtron_setup_required.go_to_provider_settings"),
                href: settings_providers_path,
                variant: :primary,
                data: { turbo: false }
              ) %>
        </div>
      </div>
    <% end %>
  <% end %>
<% end %>
