rails 新規投稿と投稿一覧を同じページに配列したい

Question

###前提・実現したいこと
railsで以下の要件に沿ったアプリケーションを作っています。

・本の感想投稿へのCRUD機能
・感想投稿の際、本のタイトルと感想に入力がなされていない場合、登録不可とする（validationの設定）
・scaffoldの使用禁止。
・localhost:3000/のURLを叩いた時にTOP画面が表示される(ルーティングの設定)
・テーブル名は"posts",カラムは"title","body"でモデルを作成
・ストロングパラメータを用いる
・新規投稿または投稿の編集を行うと投稿した詳細画面(show.html.erb)に飛ぶ

【レイアウト】
・新規投稿フォームと投稿一覧表示を同一のページ内に置く

【デザイン】
・一覧部分にtableを用いる

###発生している問題・エラーメッセージ
新規投稿画面は実装できたのですが、投稿一覧表示と、新規投稿画面と投稿一覧表示が同一の画面が作れません。

完成図
![説明](

現在

Answer 1

<h3>Books</h3> <table> <thead> <tr> <th>title</th> <th>body</th> <th></th> </tr> </thead> <tbody> <% @posts.each do |post| %> <tr> <td> <%= post.title %> </td> <td> <%= post.body %> </td> <td> <%= link_to "show", post_path(post.id) %> <%= link_to "edit", edit_post_path(post.id) %> <%= link_to "destroy", destroy_post_path(post.id), method: :delete, "data-confirm" => "Are you sure?" %> </td> </tr> <% end %> </tbody> </table> <h3>New book</h3> <!-- form_for部分 --> <%= form_for(@post) do |f| %>

<h4>Title</h4>
<%= f.text_field :title %>

<h4>Body</h4>
<%= f.text_area :body %>

<br><%= f.submit 'Create Book' %></br>

<% end %>