<% @page_title = @bubble.title %> <% content_for :header do %> <% if @bubble.drafted? %>

This is a draft, it’s only visible to you. <%= render "bubbles/publish", bubble: @bubble %>

<% end %> <% end %>

<%= render "bubbles/color", bubble: @bubble %> <%= form_with model: @bubble, url: bucket_bubble_path(@bubble.bucket, @bubble), data: { controller: "form" } do |form| %> <%= image_tag "calendar-add.svg", aria: { hidden: true }, size: 24 %> Date <%= form.date_field :due_on, class: "input input--hidden", data: { action: "change->form#submit click->form#showPicker" } %> <% end %> <%= render "bubbles/sidebar/assignment", bubble: @bubble, users: @bucket.users.active %> <%= render "bubbles/sidebar/tag", bubble: @bubble, tags: Current.account.tags %> <% if @bubble.image.attached? %> <%= button_to bucket_bubble_image_path(@bubble.bucket, @bubble), method: :delete, class: "btn full-width justify-start borderless" do %> <%= image_tag "picture-add.svg", aria: { hidden: true }, size: 24 %> Clear background image <% end %> <% else %> <%= form_with model: @bubble, url: bucket_bubble_path(@bubble.bucket, @bubble), data: { controller: "form" } do |form| %> <%= image_tag "picture-add.svg", aria: { hidden: true }, size: 24 %> Background <%= form.file_field :image, class: "input", accept: "image/png, image/jpeg, image/jpg, image/webp", data: { action: "upload-preview#previewImage form#submit", upload_preview_target: "input" }, hidden: true %> <% end %> <% end %> <%= button_to bucket_bubble_boosts_path(@bubble.bucket, @bubble), class: "btn full-width justify-start borderless", data: { turbo_frame: dom_id(@bubble, :boosts) } do %> <%= image_tag "thumb-up.svg", aria: { hidden: true }, size: 24 %> Boost <% end %>

<% unless @bubble.drafted? %> <%= render "bubbles/pop_toggle", bubble: @bubble %> <% end %> <%= button_to bucket_bubble_path(@bubble.bucket, @bubble), method: :delete, class: "btn full-width justify-start borderless", data: { turbo_confirm: "Are you sure you want to delete this bubble?" } do %> <%= image_tag "trash.svg", aria: { hidden: true }, size: 24 %> Delete <% end %>

<%= render "bubbles/bubble", bubble: @bubble, editing: params[:editing] %>

<%= render "bubbles/messages", bubble: @bubble %>

<%= turbo_frame_tag dom_id(@bubble, :stage_picker), src: new_bucket_bubble_stage_picker_path(@bubble.bucket, @bubble) %>

<%= render "notifications/tray" %>