いいね！のような機能 ajaxで表示

前提・実現したいこと

グループチャットの投稿に対して「見ました」を押せるような機能のajax化がしたいです。
「見ました」ボタンを押す→非同期でlooked_countが増加、「見ましたを解除」ボタンに変わる仕様にしたいです。

現状、「見ました」を押すと下記エラーが発生し、非同期で表示されないのですが、リロードすると表示が変わるので、looksのcreate,destroyは正しく実装できているものと思われます。

発生している問題・エラーメッセージ

ActionView::Template::Error (undefined local variable or method `post' for #<#<Class:0x00007fe7a206ae28>:0x00007fe7a26deae8>):
    1: $("#look-btn#{post.id}").html("#{j(render partial: 'looks/look', locals: { post: post })}");
  
app/views/looks/create.js.haml:1:in `_app_views_looks_create_js_haml__2981196551491549395_70316419644040'

該当のソースコード

ruby
1#routes.rb
2Rails.application.routes.draw do
3  devise_for :users
4  root "users#index"
5  resources :users
6  resources :groups do
7    resources :posts do
8      resource :looks, only: [:create, :destroy]
9      resources :comments, only: :create
10    end
11  end
12end

ruby
1#models/look.rb
2class Look < ApplicationRecord
3  belongs_to :post, counter_cache: :looked_count
4  belongs_to :user
5
6  validates_uniqueness_of :post_id, scope: :user_id
7end
8
9#models/post.rb
10class Post < ApplicationRecord
11  belongs_to :group
12  belongs_to :user
13  has_many :comments
14  has_many :looks, dependent: :destroy
15
16  validates :content, presence: true
17
18  mount_uploaders :files, ImageUploader
19end

ruby
1#looks_controller.rb
2class LooksController < ApplicationController
3  def create
4    @look = current_user.looks.create(post_id: params[:post_id])
5  end
6
7  def destroy
8    @look = Look.find_by(post_id: params[:post_id], user_id: current_user.id)
9    @look.destroy
10  end
11end

haml
1#views/posts/index.html.haml
2.posts
3  = render @posts
4
5#views/posts/_post.html.haml
6    .post-content
7      = post.content
8    - if post.files.present?
9      .post-files
10        - post.files.each_index do |i|
11          = image_tag post.files[i].url, class: 'post-files__file'
12    = render partial: 'looks/look', locals: { post: post }

haml
1#views/looks/_look.html.haml
2.look
3  .looked-count
4    = icon('fa', 'check')
5    = post.looked_count
6  .look-btn
7    - if current_user.already_looked?(post)
8      = button_to '見ましたを解除', group_post_looks_path(@group, post), method: :delete, id: 'look-btn#{post.id}', remote: true
9    - else
10      = button_to '見ました', group_post_looks_path(@group, post), id: 'look-btn#{post.id}', remote: true

haml
1#views/looks/create.js.haml
2$("#look-btn#{post.id}").html("#{j(render partial: 'looks/look', locals: { post: post })}");
3
4#views/looks/destroy.js.haml
5$("#look-btn#{post.id}").html("#{j(render partial: 'looks/look', locals: { post: post })}");

試したこと

①undefined local variable or method `post'からjs.hamlのlocals部分をlocals: { post: @post }に変更してみましたが、同じエラーが出ます。

②_look.html.hamlおよび、create.js.haml,destroy.js.hamlのid部分の#{post.id}を#{@post.id}に変更してみたところ、上記エラではなく、下記エラーが発生します。

ActionView::Template::Error (undefined method `id' for nil:NilClass):
    1: $("#look-btn#{@post.id}").html("#{j(render partial: 'looks/look', locals: { post: post })}");
  
app/views/looks/create.js.haml:1:in `_app_views_looks_create_js_haml__2981196551491549395_70316417088080'