<% cache [ leaf, leaf.book, leaf.book.editable? ] do %>
<%= leaf_item_tag(leaf) do %>
<%= image_tag "handle.svg", aria: { hidden: true }, size: 24 %>
Move <%= leaf.title %>
<%= render "leaves/delete", leaf: leaf %>
">
<% if leaf.book.editable? %>
<%= link_to edit_leafable_path(leaf), class: "toc__link hide_from_reading_mode", data: { turbo_frame: "_top" } do %>
Edit <%= leaf.title %>
<% end %>
<%= link_to leafable_slug_path(leaf), class: "toc__link hide_from_edit_mode", data: { turbo_frame: "_top" } do %>
Open <%= leaf.title %>
<% end %>
<% else %>
<%= link_to leafable_slug_path(leaf), class: "toc__link", data: { turbo_frame: "_top" } do %>
Open <%= leaf.title %>
<% end %>
<% end %>
<%= tag.span(simple_format(leaf.section.body), class: "txt-align-center") if leaf.section? %>
<%= sanitize_content leaf.page.html_preview if leaf.page? %>
<% if leaf.picture? %>
<%= image_tag leaf.leafable.image.attached? ? leaf.leafable.image.variant(:large) : "default-picture.webp" %>
<% end %>
<% if leaf.book.editable? %>
<%= link_to edit_leafable_path(leaf), class: "toc__title min-width hide_from_reading_mode", data: { turbo_frame: "_top" } do %>
<%= leaf.title %>
<% end %>
<%= link_to leafable_slug_path(leaf), class: "toc__title min-width hide_from_edit_mode", data: { turbo_frame: "_top" } do %>
<%= leaf.title %>
<% end %>
<% else %>
<%= link_to leafable_slug_path(leaf), class: "toc__title min-width", data: { turbo_frame: "_top" } do %>
<%= leaf.title %>
<% end %>
<% end %>
<% if leaf.page? %>
<%= word_count(leaf.leafable.body.content) %>
<% end %>
<% end %>
<% end %>