% content_for(:title) { @book.title } %>
<% @layout_class = "book" %>
<% content_for :head do %>
<%= tag.meta property: "og:title", content: @book.title %>
<%= tag.meta property: "og:description", content: @book.subtitle %>
<%= tag.meta property: "og:image", content: @book.cover.blank? ? asset_url("covers/cover-#{@book.theme}-og.png") : "#{root_url}#{url_for(@book.cover)}" %>
<%= tag.meta property: "og:url", content: book_slug_url(@book) %>
<%= tag.meta property: "twitter:title", content: @book.title %>
<%= tag.meta property: "twitter:description", content: @book.subtitle %>
<%= tag.meta property: "twitter:image", content: @book.cover.blank? ? asset_url("covers/cover-#{@book.theme}-og.png") : "#{root_url}#{url_for(@book.cover)}" %>
<%= tag.meta property: "twitter:card", content: "summary_large_image" %>
<% end %>
<% content_for :header do %>
<%= link_to root_path, class: "btn" do %>
<%= image_tag "arrow-left.svg", aria: { hidden: true }, size: 24 %>
Go back
<% end %>
<%= render "books/index_link" %>
▸
<%= @book.title %>
<%= link_to_first_leafable(@leaves) %>
<%= image_tag "expand.svg", aria: { hidden: true }, size: 24 %>
Enter fullscreen
<% if @book.editable? %>
<%= link_to edit_book_path(@book), class: "btn settings" do %>
<%= image_tag "settings.svg", aria: { hidden: true }, size: 24 %>
Edit book settings
<% end %>
<% end %>
<% end %>
<% cache [ @book, @book.editable? ] do %>
<%= arrangement_tag @book, class: "arrangement__container toc__container full-width txt-align-center" do %>
<%= @book.title %>
<%= @book.subtitle %>
<%= @book.author %>
" data-controller="toc-view" data-toc-view-id-value="<%= dom_id(@book) %>">
<%= image_tag "view-list.svg", aria: { hidden: true }, size: 24 %>
List view
<%= image_tag "view-grid.svg", aria: { hidden: true }, size: 24 %>
Page view
<% if @book.editable? %>
<%= render "books/create_buttons", book: @book %>
<%= render "books/mode_buttons", book: @book %>
<% end %>
<% if @book.editable? %>
<%= image_tag "blank-slate-arrows.svg", aria: { hidden: true }, size: 60, class: "colorize--black" %>
🇺🇸 Pick a page type to get started
🇪🇸 Elige un tipo de página para comenzar
🇫🇷 Choisissez un type de page pour commencer
🇮🇳 शुरू करने के लिए एक पृष्ठ प्रकार चुनें
🇩🇪 Wählen Sie einen Seitentyp, um zu beginnen
🇧🇷 Escolha um tipo de página para começar
<% end %>
<%= turbo_frame_tag :leaves, data: { arrangement_target: "list" } do -%>
<%= render partial: "leaves/leaf", collection: @leaves, as: :leaf -%>
<% end -%>
<% end %>
<% end %>
<% content_for :footer do %>
<%= image_tag "writebook-icon.svg", aria: { hidden: true }, size: 24 %>
Made with Writebook
<% end %>