/ div id=dom_id(report, :page_nav)
= turbo_frame_tag(dom_id(report, :page_nav))
  ul.nav.nav-underline 
    li.nav-item 
      = link_to("Baum", url_for(pnm: :n), class: "nav-link #{@page_nav_mode == :nav_tree ? "active david" : nil}")
    li.nav-item 
      = link_to("Notizen", url_for(pnm: :c), class: "nav-link #{@page_nav_mode == :comment ? "active" : nil}")
  - if @page_nav_mode == :nav_tree
    - if report.pages.any?
      nav.mt-3 id=dom_id(report, :page_nav_spy)
        ul
          - report.pages.each do |page|
            - is_current = current_page == page
            li
              details.tree open=current_page_displayed(page) class=""
                summary class=(is_current ? "active" : nil)
                  .content
                    i.bi.me-1 class="bi-file-earmark-check#{is_current ? "" : "" }"
                    - if is_current
                        =< "#{page.position} #{page.path}" 
                    - else
                      =< link_to("#{page.position} #{page.path}", report_path(report, page_id: page.id), data: { "turbo-frame": :_top })
                ul id=dom_id(page, :page_nav_elements)
                  - page.elements.each do |element| 
                    = render partial: "elements/page_nav_row", locals: { element: element, current_page: current_page == element.page }
                    /li 
                      - if current_page == page
                        =< link_to("##{dom_id(element)}", data: { "turbo": false }) do
                          i.bi.bi-boxes.me-1
                          =< "#{element.number} #{element.title}"
                      - else 
                        =< link_to(report_path(report, page_id: page.id, anchor: dom_id(element)), data: { "turbo": false }) do
                          i.bi.bi-boxes.me-1
                          =< "#{element.number} #{element.title}"
    = turbo_frame_tag "new_page_frame" do
      = render partial: "reports/new_page_button", locals: { report: report }
  - else
    = turbo_frame_tag(dom_id(current_page, :notes)) do 
      = render partial: "pages/notes", locals: { page: current_page }