ruby on rails エラーメッセージをモーダルウィンドウを使って表示したい

Question

前提・実現したいこと

ユーザーが存在しない時は、エラーメッセージを出せるようになったのですが、
エラーを目立たせたいので、モーダルウィンドウを使って表示したい。

エラーだった場合だけ、エラーメッセージをモーダルウィンドウで表示したいのですが、
どのように変更すればいいのかご教授をお願いいたします。

該当のソースコード

• Controller

def index
  error_msg = []
  if @search_params[:user_name].present?
    @user = User.find_by(user_name: @search_params[:user_name])
    if @user.blank?
      error_msg.push "ユーザーは存在しません。"
    end
  else
    error_msg.push "ユーザー名を入力してください"
  end
end

• View

<!-- エラーがあれば、メッセージをだす -->
<% if flash[:errors].present? %>
  <div class="alert alert-danger alert-dismissible">
    <% if flash[:errors].instance_of?(Array) %>
      <% flash[:errors].each do |message| %>
        <p><%= message %></p>
      <% end %>
    <% else %>
      <p><%= flash[:errors] %></p>
    <% end %>
  </div>
<% end %>

<%= form_with url: user_index_path, id: 'user_index_search', method: :get, local: true do | form | %>
  <div class="row">
    <div class="form-group">
      <%= form.text_field :user_name, value: nil, class: 'form-control' %>
    </div>
  </div>

  <div class="row pt-15">
    <div class="col-lg-12">
      <div class="text-center">
        <button type="submit" value="detail_search" class="btn btn-info btn-flat">検索</button>
      </div>
    </div>
  </div>
<% end %>

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

ruby '2.4.2'
rails '5.2.3'

Answer 1

エラーメッセージがあったら、jsでモーダルを表示するようにしたらやりたいことが実現できました。

<% if flash[:errors].present? %>
  <script>
    window.onload = function() {
      $('#MODAL').modal('show');
    }
  </script>
  <!-- ここからモーダル -->
  <div class="modal fade" id="MODAL">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <h2 class="h3 mb-4">
            <% if flash[:errors].instance_of?(Array) %>
              <% flash[:errors].each do |message| %>
                <p><%= message %></p>
              <% end %>
            <% else %>
              <p><%= flash[:errors] %></p>
            <% end %>
          </h2>
        </div>
        <div class="modal-footer">
            <ul class="nav">
              <li><a href="#" class="btn btn-link btn-lg" data-dismiss="modal">閉じる</a></li>
            </ul>
        </div>
      </div> <!-- modal-content -->
    </div>  <!-- modal-dialog -->
  </div>  <!-- modal fade -->
<% end %>