.header>
<:subtitle>This is a article record from your database.
<:actions :if={@current_user && @current_user.id == @article.author.id}>
<.link patch={~p"/articles/#{@article}/edit"} phx-click={JS.focus()}>
<.link phx-click={JS.push("delete")} data-confirm="Are you sure?">
<.list>
<:item title="Title">{@article.title}
<:item title="Body">{@article.body}
<.back navigate={~p"/articles"}>Back to articles
<.modal :if={@live_action == :edit} id="article-modal" show on_cancel={JS.patch(~p"/articles/#{@article}")}>
<.live_component
module={PhoenixRealWorldWeb.ArticleLive.FormComponent}
id={@article.id}
title={@page_title}
action={@live_action}
article={@article}
patch={~p"/articles/#{@article}"}
/>