Rails5 呼び出し先のjs.erbでform

ログインフォームをモーダルウインドウで表示したいと思い、外部jsファイル内にform_forを展開し、そこから呼び出すという処理を行いたいのですが、エラーがでます。

▼エラー
.../login.js.erb:14: syntax error, unexpected ')' ew_user_session_path) do |f| ).to_s); end ; _erbout.concat ^

呼び出し元のhtml.erb側で直接jsを書き込んでいるコードではうまくいっていて、それを外部化しようとすると上記エラーが発生します。

ruby
1#app/assets/javascripts/js/login.js.erb
2$(document).ready(function() {
3  "use strict";
4  var template =
5    `<div id="box_login" class="modal_box">
6      <div class="modal_inner">
7        <div class="close_modal"></div>
8        <div class="modal_content">
9          <div id="login" class="form_default padding_0">
10            <h2 class="mb10 center">ユーザーログイン</h2>
11            <div class="content_form">
12              <p class="btn_facebook mb15"><a href="#"><span class="icon"><i class="fa fa-facebook" aria-hidden="true"></i></span>Facebookでログイン</a></p>
13              <p class="txt_01 mb15"><span>または</span></p>
14              <div>
15                <%= form_for(:user, url: new_user_session_path) do |f| %>
16                  <%= f.email_field :email, autofocus: true, placeholder: "メールアドレス" %>
17                  <%= f.password_field :password, autocomplete: "off", placeholder: "パスワード" %>
18                  <div class="about_password">
19                    <p class="checkbox_style01 remember_password mr40">
20                      <%= f.check_box :remember_me, :id=>"remember_pw" %>
21                      <%= f.label "パスワードを記憶する", :for=>"remember_pw" %>
22                    </p>
23                    <p class="forgot_pw"><%= link_to "パスワードを忘れた場合はこちら", new_user_password_path %></p>
24                  </div>
25                  <%= f.submit "ログイン", :class=>"w_full" %>
26                <% end %>
27              </div>
28            </div>
29          </div>
30        </div>
31      </div>
32    </div>`;