undefined method `map' for の解決方法がわかりません

前提・実現したいこと

漫画閲覧サイトを作ろうとしています。
モーダル内でスライダーで閲覧できるようにしたいのですが、
知識不足でエラーが解決できません。
皆様のお力貸していただければと思っております。

eachで回して動的にid名を生成させようとしてましたらエラーが発生し、
前に進めれない状況です。
何卒、よろしくお願いいたします。

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

ActionView::Template::Error (undefined method `map' for "modal-content-1":String):

index.html.haml

ruby
1  - @mangas.each do |manga|
2        - manga_pages = manga.to_s.length
3        - manga.manga_image.each.with_index(1) do |manga_img, i|
4          %label.mpo-modal-close{:for => "mpo-modal-controller"} ×
5          -if i == 1
6            %input{id = "modal-content-#{i}"}.modal-radio{:checked => "checked", :hidden => "", :name => "content-nav", :type => "radio"}/
7          -else
8            %input{id = "modal-content-#{i}"}.modal-radio{:hidden => "", :name => "content-nav", :type => "radio"}/
9          %div(class="content-#{i}, mpo-modal-slide")
10            .mpo-modal-content
11              = image_tag manga_img.to_s, alt: "#{manga_img}"
12              .mpo-modal-nav
13              - if i > 1
14                %label.prev-slide{:for => "modal-content-#{i - 1}"} ‹‹
15              - else
16                = nil
17
18              - if i < manga_pages
19                %label.next-slide{:for => "modal-content-#{i + 1}"} ››
20              - else
21                = nil