<.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}
<:item title="Comments">
<.table id="comments" rows={@article.comments}>
<:col :let={comment} label="Author"><%= comment.author.email %>
<:col :let={comment} label="Body"><%= comment.body %>
<.simple_form
:if={@current_user}
for={@comment_form}
id="comment-form"
phx-change="validate_comment"
phx-submit="post_comment"
>
<.input field={@comment_form[:body]} type="textarea" />
<:actions>
<.button phx-disable_with="Posting...">Post comment
<.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}"}
/>