hamlでform_forを用いて入力フォームを実装したい

Question

前提・実現したいこと

hamlでform_forを用いてフォームを作成する必要があるのですが、syntaxエラーが生じています。
下図のような、テキストボックスと画像取り込みボタン、送信ボタンを実装したフォームの作成としています。

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

６行目

syntax error, unexpected tLABEL, expecting ')' ..._escape((( f.file_field, class: 'box__file-btn'

１１行目（コードは９行目までしか書いていませんが、エラーは１１行目と出ます）

syntax error, unexpected keyword_ensure, expecting end-of-input ensure

該当のソースコード

  .footer
    = form_for [@group, @message] do |f|
      .box
        = f.text_field :content, class: 'box__text', placeholder: 'type a message'
        = f.label :image do
          = f.file_field, class: 'box__file-btn'
          = span class: 'box__icon'
            = icon('fas', 'image',class: 'icon')
      = f.submit 'Send', class: 'send-btn'

試したこと

= f.label :image do
　　= f.file_field, class: 'box__file-btn'
   = span class: 'box__icon'
   = icon('fas', 'image',class: 'icon')

を削除するとエラーが生じなくなるので、この部分の書き方に誤りがあるのだとは思うのですが。
初学者のため、不足点等あれば指摘いただけると幸いです。

補足情報（FW/ツールのバージョンなど）

haml (5.1.2)
haml-rails (1.0.0)
rails (5.0.7.2)

Answer 1

よく分かりませんが、labelの後ろにあるdoは必要なものでしょうか？
エラーにend-of-inputとあるので、doあたりが原因だとは思いますが。。

また、デバッグの方法として、そのlabelの塊を削除するのではなく、
まず= icon('fas', 'image',class: 'icon')を削除してみてエラーが出るか？
次に= span class: 'box__icon'を削除してみてエラーが出るか？
のようにだんだんとエラーの行を絞り込んでいくと、よりどこに原因があるかわかると思いますよ。

Comments

[ak-2015]

ありがとうございます。
塊を小さくしてエラーの箇所を探り、試行錯誤して解決にたどり着きました。
`= f.file_field, class: 'box__file-btn'`にカラム名が必要だったようで、`= f.file_field :image, class: 'box__file-btn'`と修正、また`= span class: 'box__icon'`を、`%span.box__icon`に修正したところ、エラー解消しました。
拙い質問にも関わらず、ご回答くださりどうもありがとうございました。