<.header>
  Deepl account <%= @deepl_account.id %>
  <:subtitle>This is a deepl_account record from your database.</:subtitle>
  <:actions>
    <.link patch={~p"/deepl_accounts/#{@deepl_account}/show/edit"} phx-click={JS.push_focus()}>
      <.button>Edit deepl_account</.button>
    </.link>
  </:actions>
</.header>

<.list>
  <:item title="Name"><%= @deepl_account.name %></:item>
  <:item title="Description"><%= @deepl_account.description %></:item>
  <:item title="Auth key"><%= @deepl_account.auth_key %></:item>
  <:item title="Character limit"><%= @deepl_account.character_limit %></:item>
  <:item title="Character count"><%= @deepl_account.character_count %></:item>
  <:item title="Our character count"><%= @deepl_account.our_character_count %></:item>
</.list>

<.back navigate={~p"/deepl_accounts"}>Back to deepl_accounts</.back>

<.modal :if={@live_action == :edit} id="deepl_account-modal" show on_cancel={JS.patch(~p"/deepl_accounts/#{@deepl_account}")}>
  <.live_component
    module={OutlookWeb.DeeplAccountLive.FormComponent}
    id={@deepl_account.id}
    title={@page_title}
    action={@live_action}
    deepl_account={@deepl_account}
    navigate={~p"/deepl_accounts/#{@deepl_account}"}
  />
</.modal>