# frozen_string_literal: true

class Components::APIKeys::Row < Components::Base
  include Phlex::Rails::Helpers::FormWith

  def initialize(api_key:)
    @api_key = api_key
  end

  def view_template
    div(style: "display: flex; justify-content: space-between; align-items: flex-start; gap: 16px;") do
      div(style: "flex: 1; min-width: 0;") do
        div(style: "display: flex; align-items: center; gap: 8px; margin-bottom: 8px;") do
          render Primer::Beta::Octicon.new(icon: :key, size: :small, color: :muted)
          span(style: "font-size: 14px; font-weight: 500;") { api_key.name }
        end
        code(style: "font-size: 12px; color: var(--fgColor-muted, #656d76);") { api_key.masked_token }
        div(style: "font-size: 12px; color: var(--fgColor-muted, #656d76); margin-top: 4px;") do
          plain "Created #{time_ago_in_words(api_key.created_at)} ago"
        end
      end

      render_revoke_dialog
    end
  end

  private

  attr_reader :api_key

  def render_revoke_dialog
    render Primer::Alpha::Dialog.new(title: "Revoke API key?", size: :medium) do |dialog|
      dialog.with_show_button(scheme: :danger, size: :small) do
        render Primer::Beta::Octicon.new(icon: :trash)
      end
      dialog.with_header(variant: :large) do
        h1(style: "margin: 0;") { "Revoke \"#{api_key.name}\"?" }
      end
      dialog.with_body do
        p(style: "margin: 0;") do
          plain "This action cannot be undone. Any applications using this API key will immediately lose access."
        end
      end
      dialog.with_footer do
        div(style: "display: flex; justify-content: flex-end; gap: 8px;") do
          form_with url: api_key_path(api_key), method: :delete, style: "display: inline;" do
            button(type: "submit", class: "btn btn-danger") do
              plain "Revoke key"
            end
          end
        end
      end
    end
  end
end