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

<.list>
  <:item title="Lang"><%= @translation.lang %></:item>
  <:item title="Title"><%= @translation.title %></:item>
  <:item title="Teaser"><%= @translation.teaser %></:item>
  <:item title="Content"><%= @translation.content %></:item>
  <:item title="Date"><%= @translation.date %></:item>
  <:item title="Public"><%= @translation.public %></:item>
  <:item title="Unauthorized"><%= @translation.unauthorized %></:item>
</.list>

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

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