<% Book.themes.keys.each do | theme | %> <%= form.radio_button :theme, theme %> <%= image_tag "check.svg", aria: { hidden: "true" }, size: 24, class: "checked" %> <% end %>

<%= tag.div class: "flex flex-column", data: { controller: "upload-preview", upload_preview_default_image_value: asset_url("empty-cover.png") } do %> <% unless book.cover.attached? %> <%= image_tag "camera.svg", aria: { hidden: "true" }, size: 24 %> <% end %>

<%= image_tag book.cover.attached? ? book.cover : "empty-cover.png", alt: "Book cover", class: "book__cover margin-none", style: "--cover-height: 60vh", data: { upload_preview_target: "image" } %> <%= form.file_field :cover, class: "input", accept: "image/png, image/jpeg, image/jpg, image/webp", data: { upload_preview_target: "input", action: "upload-preview#previewImage" }, title: book.cover.attached? ? "Replace book cover" : "Upload book cover" %>

<% if book.cover.attached? %> <%= tag.label class:"btn btn--negative txt-small center book__cover--remove", data: { action: "click->upload-preview#clear", upload_preview_target: "button" } do %> <%= image_tag "minus.svg", aria: { hidden: "true" }, size: 24 %> <%= check_box_tag "remove_cover", "true" %> <% end %> <% end %> <% end %> <% end %>

<%= translation_button(:book_title) %>

<%= form.text_field :title, required: true, autofocus: true, class: "input", placeholder: "Book title", autocomplete: "off" %>

<%= translation_button(:book_subtitle) %> <%= form.text_area :subtitle, class: "input", placeholder: "Subtitle", autocomplete: "off" %>

<%= translation_button(:book_author) %> <%= form.text_field :author, class: "input", placeholder: "Author", autocomplete: "off" %>

<%= image_tag "eye.svg", aria: { hidden: true }, size: 36, class: "colorize--black" %>

Everyone

<%= form.check_box :everyone_access, class: "switch__input book-access__switch" %>

<%= render partial: "books/accesses/access", collection: users, as: :user, locals: { book: book, creating_user: creating_user } %>