jav 2.55.4

data/app/components/jav/fields/textarea_field/show_component.html.erb

@@ -0,0 +1,3 @@
+<%= field_wrapper **field_wrapper_args do %>
+  <%= @field.value %>
+<% end %>

data/app/components/jav/fields/textarea_field/show_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Jav::Fields::TextareaField::ShowComponent < Jav::Fields::ShowComponent
+end

data/app/components/jav/fields/time_field/edit_component.html.erb

@@ -0,0 +1,40 @@
+<%= field_wrapper **field_wrapper_args do %>
+  <%= content_tag :div, data: {
+      controller: "date-field",
+      date_field_view_value: @view,
+      date_field_enable_time_value: true,
+      date_field_picker_format_value: @field.picker_format,
+      date_field_disable_mobile_value: @field.disable_mobile,
+      date_field_time24_hr_value: @field.time_24hr,
+      date_field_no_calendar_value: true,
+      date_field_timezone_value: @field.timezone,
+      date_field_relative_value: @field.relative,
+      date_field_field_type_value: "time",
+      date_field_picker_options_value: @field.picker_options,
+  } do %>
+    <%= @form.text_field @field.id,
+      value: @field.edit_formatted_value,
+      class: classes("w-full #{"hidden" unless params[:jav_show_hidden_inputs]}"),
+      data: {
+        'date-field-target': 'input',
+        placeholder: @field.placeholder,
+        **@field.get_html(:data, view: view, element: :input)
+      },
+      disabled: disabled?,
+      placeholder: @field.placeholder,
+      style: @field.get_html(:style, view: view, element: :input)
+    %>
+    <%= datetime_field "fake_#{@field.id}", "fake",
+      value: @field.edit_formatted_value,
+      class: classes("w-full"),
+      data: {
+        'date-field-target': 'fakeInput',
+        placeholder: @field.placeholder,
+        **@field.get_html(:data, view: view, element: :input)
+      },
+      disabled: disabled?,
+      placeholder: @field.placeholder,
+      style: @field.get_html(:style, view: view, element: :input)
+    %>
+  <% end %>
+<% end %>

data/app/components/jav/fields/time_field/edit_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Jav::Fields::TimeField::EditComponent < Jav::Fields::EditComponent
+end

data/app/components/jav/fields/time_field/index_component.html.erb

@@ -0,0 +1,15 @@
+<%= index_field_wrapper **field_wrapper_args do %>
+   <%= content_tag :div, data: {
+    controller: "date-field",
+    date_field_view_value: @view,
+    date_field_enable_time_value: true,
+    date_field_format_value: @field.format,
+    date_field_timezone_value: @field.timezone,
+    date_field_picker_format_value: @field.picker_format,
+    date_field_no_calendar_value: true,
+    date_field_relative_value: @field.relative,
+    date_field_field_type_value: "time",
+  } do %>
+    <%= @field.formatted_value %>
+  <% end %>
+<% end %>

data/app/components/jav/fields/time_field/index_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Jav::Fields::TimeField::IndexComponent < Jav::Fields::IndexComponent
+end

data/app/components/jav/fields/time_field/show_component.html.erb

@@ -0,0 +1,15 @@
+<%= field_wrapper **field_wrapper_args do %>
+  <%= content_tag :div, data: {
+    controller: "date-field",
+    date_field_view_value: @view,
+    date_field_enable_time_value: true,
+    date_field_format_value: @field.format,
+    date_field_timezone_value: @field.timezone,
+    date_field_picker_format_value: @field.picker_format,
+    date_field_no_calendar_value: true,
+    date_field_relative_value: @field.relative,
+    date_field_field_type_value: "time",
+  } do %>
+    <%= @field.formatted_value %>
+  <% end %>
+<% end %>

data/app/components/jav/fields/time_field/show_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Jav::Fields::TimeField::ShowComponent < Jav::Fields::ShowComponent
+end

data/app/components/jav/fields/trix_field/edit_component.html.erb

@@ -0,0 +1,35 @@
+<%= field_wrapper **field_wrapper_args, full_width: true do %>
+  <%= content_tag :div,
+    class: "relative block overflow-x-auto max-w-full",
+    data: {
+      controller: "trix-field",
+      trix_field_target: "controller",
+      resource_name: resource_name,
+      resource_id: resource_id,
+      attachments_disabled: @field.attachments_disabled,
+      attachment_key: @field.attachment_key,
+      hide_attachment_filename: @field.hide_attachment_filename,
+      hide_attachment_filesize: @field.hide_attachment_filesize,
+      hide_attachment_url: @field.hide_attachment_url,
+    } do %>
+    <%= content_tag 'trix-editor',
+      class: "trix-content #{@field.get_html(:classes, view: view, element: :wrapper)}",
+      data: {
+        "trix-field-target": "editor",
+        **@field.get_html(:data, view: view, element: :input)
+      },
+      input: trix_id,
+      placeholder: @field.placeholder do %>
+      <%= sanitize @field.value.to_s %>
+    <% end %>
+    <%= @form.text_area @field.id,
+      value: @field.value,
+      class: classes("w-full hidden!"),
+      data: @field.get_html(:data, view: view, element: :input),
+      disabled: disabled?,
+      id: trix_id,
+      placeholder: @field.placeholder,
+      style: @field.get_html(:style, view: view, element: :input)
+    %>
+  <% end %>
+<% end %>

data/app/components/jav/fields/trix_field/edit_component.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+class Jav::Fields::TrixField::EditComponent < Jav::Fields::EditComponent
+  attr_reader :resource
+
+  def initialize(**args)
+    @resource = args[:resource]
+    @resource_id = args[:resource_id]
+    @resource_name = args[:resource_name]
+
+    super
+  end
+
+  def resource_name
+    @resource_name || resource&.singular_route_key
+  end
+
+  def resource_id
+    @resource_id || resource&.model&.id
+  end
+
+  def trix_id
+    if resource_name.present?
+      "trix_#{resource_name}_#{@field.id}"
+    elsif form.present?
+      "trix_#{form.index}_#{@field.id}"
+    end
+  end
+end

data/app/components/jav/fields/trix_field/show_component.html.erb

@@ -0,0 +1,14 @@
+<%= field_wrapper **field_wrapper_args do %>
+  <%
+    content_classes = 'trix-content py-2'
+    content_classes << ' hidden' unless @field.always_show
+  %>
+  <div data-controller="hidden-input">
+    <% unless @field.always_show %>
+      <%= link_to t('jav.show_content'), 'javascript:void(0);', class: 'font-bold inline-block', data: { action: 'click->hidden-input#showContent' } %>
+    <% end %>
+    <div class="<%= content_classes %> " data-hidden-input-target="content">
+      <%= sanitize @field.value.to_s, tags: helpers.sanitizer_allowed_tags %>
+    </div>
+  </div>
+<% end %>

data/app/components/jav/fields/trix_field/show_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Jav::Fields::TrixField::ShowComponent < Jav::Fields::ShowComponent
+end

data/app/components/jav/filters_component.html.erb

@@ -0,0 +1,36 @@
+<div data-controller="toggle-panel">
+  <div class="relative w-full flex justify-between">
+    <%= a_button class: 'focus:outline-none',
+      color: :primary,
+      size: :sm,
+      icon: 'filter',
+      title: t('jav.click_to_reveal_filters'),
+      'data-button': 'resource-filters',
+      'data-action': 'click->toggle-panel#togglePanel',
+      'data-tippy': 'tooltip' do %>
+      <%= t 'jav.filters' %>
+      <% if @applied_filters.present? %>
+        <span class="ml-1">(<%= @applied_filters.count %> applied)</span>
+      <% end %>
+    <% end %>
+    <div
+      class="absolute block inset-auto sm:right-0 top-full bg-white min-w-[300px] mt-2 z-40 shadow-modal rounded-sm divide-y divide-gray-300 <%= 'hidden' unless params[:keep_filters_panel_open] == '1' %>"
+      data-toggle-panel-target="panel"
+    >
+      <% @filters.each do |filter| %>
+        <%= render partial: filter.class.template, locals: {filter: filter} %>
+      <% end %>
+      <div class="p-4 border-gray-300 border-t">
+        <% if @applied_filters.present? %>
+          <%= a_link reset_path, data: {turbo_frame: params[:turbo_frame]}, color: :gray, size: :sm, class: 'w-full justify-center' do %>
+            <%= t('jav.reset_filters') %>
+          <% end %>
+        <% else %>
+          <%= a_button class: 'w-full justify-center', disabled: true do %>
+            <%= t('jav.reset_filters') %>
+          <% end %>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>

data/app/components/jav/filters_component.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+class Jav::FiltersComponent < ViewComponent::Base
+  include Jav::ApplicationHelper
+
+  def initialize(filters: [], resource: nil, applied_filters: [], parent_model: nil)
+    super
+    @filters = filters
+    @resource = resource
+    @applied_filters = applied_filters
+    @parent_model = parent_model
+  end
+
+  def render?
+    @filters.present?
+  end
+
+  def reset_path
+    # If come from a association page
+    if @parent_model.present?
+      helpers.related_resources_path(@parent_model, @parent_model, filters: nil, reset_filter: true, keep_query_params: true)
+    else
+      helpers.resources_path(resource: @resource, filters: nil, reset_filter: true, keep_query_params: true)
+    end
+  end
+end

data/app/components/jav/flash_alerts_component.html.erb

@@ -0,0 +1,3 @@
+<% @flashes.each do |type, message| %>
+  <%= render Jav::AlertComponent.new type.to_sym, message %>
+<% end %>

data/app/components/jav/flash_alerts_component.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+class Jav::FlashAlertsComponent < ViewComponent::Base
+  include Jav::ApplicationHelper
+
+  def initialize(flashes: [])
+    super
+    @flashes = flashes
+  end
+end

data/app/components/jav/index/field_wrapper_component.html.erb

@@ -0,0 +1,24 @@
+<%= content_tag :td,
+  class: "min-h-[3rem] px-3 leading-tight whitespace-nowrap h-full text-slate-800 text-base #{classes}",
+  data: {
+    field_id: @field.id,
+    field_type: @field.type,
+    **stimulus_attributes
+  },
+  style: style do %>
+  <% if @field.value.blank? && @dash_if_blank %>
+    —
+  <% else %>
+    <% if @center_content %>
+      <div class="flex items-center justify-center">
+        <%= content %>
+      </div>
+    <% else %>
+      <%= content %>
+    <% end %>
+  <% end %>
+  <% if params[:jav_debug].present? %>
+    <!-- Raw value: -->
+    <!-- <%= sanitize @field.value.inspect %> -->
+  <% end %>
+<% end %>

data/app/components/jav/index/field_wrapper_component.rb

@@ -0,0 +1,58 @@
+# frozen_string_literal: true
+
+class Jav::Index::FieldWrapperComponent < ViewComponent::Base
+  attr_reader :view
+
+  def initialize(field: nil, resource: nil, dash_if_blank: true, center_content: false, flush: false, **args)
+    super
+    @field = field
+    @resource = resource
+    @dash_if_blank = dash_if_blank
+    @center_content = center_content
+    @classes = args[:class].presence || ""
+    @args = args
+    @flush = flush
+    @view = :index
+  end
+
+  def classes
+    result = @classes
+
+    # @flush is a boolean that removes the vertical padding (py-3) for this field
+    # It's useful when you want to remove the space between a field and a tab or a card
+    result += " py-3" unless @flush
+
+    result += " #{text_align_classes}"
+    result += " #{@field.get_html(:classes, view: view, element: :wrapper)}"
+
+    result
+  end
+
+  def style
+    @field.get_html(:style, view: view, element: :wrapper)
+  end
+
+  def stimulus_attributes
+    attributes = {}
+
+    @resource.get_stimulus_controllers.split.each do |controller|
+      attributes["#{controller}-target"] = "#{@field.id.to_s.underscore}_#{@field.type.to_s.underscore}_wrapper".camelize(:lower)
+    end
+
+    wrapper_data_attributes = @field.get_html :data, view: view, element: :wrapper
+    attributes.merge! wrapper_data_attributes if wrapper_data_attributes.present?
+
+    attributes
+  end
+
+  private
+
+  def text_align_classes
+    case @field.index_text_align.to_sym
+    when :right
+      "text-right"
+    when :center
+      "text-center"
+    end
+  end
+end

data/app/components/jav/index/grid_cover_empty_state_component.html.erb

@@ -0,0 +1,3 @@
+<div class="absolute bg-gray-50 w-full h-full">
+  <%= image_tag Jav.configuration.branding.placeholder, class: 'relative transform -translate-x-1/2 -translate-y-1/2 h-20 text-gray-400 inset-auto top-1/2 left-1/2' %>
+</div>

data/app/components/jav/index/grid_cover_empty_state_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Jav::Index::GridCoverEmptyStateComponent < ViewComponent::Base
+end

data/app/components/jav/index/grid_item_component.html.erb

@@ -0,0 +1,46 @@
+<div
+  class="relative bg-white rounded-sm shadow-modal flex flex-col group"
+  <%== item_selector_init @resource %>
+>
+  <%= content_tag :div, class: "relative w-full pb-3/4 rounded-t overflow-hidden #{cover.present? ? cover.get_html(:classes, view: :index, element: :wrapper) : ""}", style: cover.present? ? cover.get_html(:style, view: :index, element: :wrapper) : "" do %>
+    <% if @resource.record_selector %>
+      <%== item_selector_input floating: true, size: :lg %>
+    <% end %>
+    <% if cover.blank? %>
+      <%= link_to resource_view_path do %>
+        <%= render Jav::Index::GridCoverEmptyStateComponent.new %>
+      <% end %>
+    <% elsif cover.respond_to?(:to_image) && cover.to_image.present? %>
+      <%= link_to_if cover.link_to_resource, image_tag(cover.to_image, class: 'absolute h-full w-full object-cover'), resource_view_path, class: 'absolute h-full w-full left-0 top-0 object-cover', title: title.value %>
+    <% elsif cover.type == 'file' %>
+      <% if cover.value&.attached? && cover.value.representable? %>
+        <%= link_to_if cover.link_to_resource, image_tag(helpers.main_app.url_for(cover.value.variant(resize_to_limit: [480, 480])), class: 'absolute h-full w-full object-cover'), resource_view_path, class: 'absolute h-full w-full left-0 top-0 object-cover', title: title.value %>
+      <% else %>
+        <%= link_to resource_view_path do %>
+          <%= render Jav::Index::GridCoverEmptyStateComponent.new %>
+        <% end %>
+      <% end %>
+    <% elsif cover.value.present? %>
+      <%= link_to_if cover.link_to_resource, image_tag(cover.value, class: 'absolute h-full w-full object-cover'), resource_view_path, class: 'absolute h-full w-full left-0 top-0 object-cover', title: title.value %>
+    <% else %>
+      <%= render Jav::Index::GridCoverEmptyStateComponent.new %>
+    <% end %>
+  <% end %>
+  <%= content_tag :div, class: "grid grid-cols-1 place-content-between p-4 h-full" do %>
+    <div class="mb-4 h-full flex flex-col space-between">
+      <% if title.present? %>
+        <%= content_tag :div, class: "grid font-semibold leading-tight text-lg mb-2 #{title.get_html(:classes, view: :index, element: :wrapper)}", style: title.get_html(:style, view: :index, element: :wrapper) do %>
+          <%= link_to_if title.link_to_resource, title.value, resource_view_path %>
+        <% end %>
+      <% end %>
+      <% if body.present? %>
+        <%= content_tag :div, class: "text-sm break-words text-gray-500 #{body.get_html(:classes, view: :index, element: :wrapper)}", style: body.get_html(:style, view: :index, element: :wrapper) do %>
+          <%= body.value %>
+        <% end %>
+      <% end %>
+    </div>
+    <div class="w-full place-self-end">
+      <%= render(Jav::Index::ResourceControlsComponent.new(resource: @resource, reflection: @reflection, parent_model: @parent_model, parent_resource: @parent_resource, view_type: :grid)) %>
+    </div>
+  <% end %>
+</div>

data/app/components/jav/index/grid_item_component.rb

@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+class Jav::Index::GridItemComponent < Jav::BaseComponent
+  include Jav::ResourcesHelper
+
+  attr_reader :parent_resource
+
+  def initialize(resource: nil, reflection: nil, parent_model: nil, parent_resource: nil)
+    super
+    @resource = resource
+    @reflection = reflection
+    @grid_fields = resource.get_grid_fields
+    @parent_model = parent_model
+    @parent_resource = parent_resource
+  end
+
+  private
+
+  def cover
+    @grid_fields.cover_field
+  end
+
+  def title
+    @grid_fields.title_field
+  end
+
+  def body
+    @grid_fields.body_field
+  end
+
+  def resource_view_path
+    args = {}
+
+    if @parent_model.present?
+      args = {
+        via_resource_class: parent_resource.class.to_s,
+        via_resource_id: @parent_model.to_param
+      }
+    end
+
+    helpers.resource_view_path(model: @resource.model, resource: parent_or_child_resource, **args)
+  end
+end

data/app/components/jav/index/ordering/base_component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+class Jav::Index::Ordering::BaseComponent < Jav::BaseComponent
+  private
+
+  def order_actions
+    @resource.class.order_actions
+  end
+end

data/app/components/jav/index/ordering/button_component.html.erb

@@ -0,0 +1,11 @@
+<%= button_to order_path(direction: direction, referrer: request.fullpath),
+  title: t("jav.order.#{direction}").capitalize,
+  method: :patch,
+  class: 'flex items-center',
+  data: {
+    target: "order:#{direction}",
+    'turbo-frame': params[:turbo_frame],
+    'tippy': 'tooltip',
+  } do %>
+  <%= helpers.svg(svg, class: 'text-gray-400 h-6 hover:text-gray-600') %>
+<% end %>

data/app/components/jav/index/ordering/button_component.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+class Jav::Index::Ordering::ButtonComponent < Jav::Index::Ordering::BaseComponent
+  attr_accessor :resource, :reflection, :direction, :svg
+
+  def initialize(resource:, direction:, svg: nil, reflection: nil)
+    @resource = resource
+    @reflection = reflection
+    @direction = direction
+    @svg = svg
+  end
+
+  def render?
+    order_actions[direction].present?
+  end
+
+  def order_path(args)
+    Jav::App.view_context.jav.reorder_order_path(resource.route_key, resource.model.to_param, **args)
+  end
+end

data/app/components/jav/index/ordering/buttons_component.html.erb

@@ -0,0 +1,32 @@
+<div class="flex items-center justify-center" data-component="<%= self.class.to_s.underscore %>">
+  <% if display_inline? %>
+    <div class="flex max-w-xs rounded-sm">
+      <%= render Jav::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :higher, svg: 'arrow-up' %>
+      <%= render Jav::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :lower, svg: 'arrow-down' %>
+      <%= render Jav::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :to_top, svg: 'download-solid-reversed' %>
+      <%= render Jav::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :to_bottom, svg: 'download-solid' %>
+    </div>
+  <% else %>
+    <div class="popover inline-block"
+      data-controller="popover"
+      data-popover-translate-x="<%= Jav.configuration.resource_controls_placement == :left ? '20%' : '-100%' %>"
+      data-popover-translate-y="-32px"
+      data-action="mouseover->popover#mouseOver mouseout->popover#mouseOut"
+      >
+      <%= button_tag nil,
+        title: t('jav.order.reorder_record').capitalize,
+        class: 'flex items-center',
+        data: {
+          'tippy': 'tooltip',
+        } do
+      %>
+      <%= helpers.svg('switch-vertical', class: 'text-gray-400 h-6 hover:text-gray-600') %>
+    <% end %>
+    <div class="flex hidden absolute max-w-xs bg-white rounded-sm p-2" data-popover-target="content">
+      <%= render Jav::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :higher, svg: 'arrow-up' %>
+      <%= render Jav::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :lower, svg: 'arrow-down' %>
+      <%= render Jav::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :to_top, svg: 'download-solid-reversed' %>
+      <%= render Jav::Index::Ordering::ButtonComponent.new resource: @resource, reflection: @reflection, direction: :to_bottom, svg: 'download-solid' %>
+    </div>
+  <% end %>
+</div>

data/app/components/jav/index/ordering/buttons_component.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+class Jav::Index::Ordering::ButtonsComponent < Jav::Index::Ordering::BaseComponent
+  def initialize(resource: nil, reflection: nil, view_type: nil)
+    @resource = resource
+    @reflection = reflection
+    @view_type = view_type
+  end
+
+  def render?
+    can_order_any? && view_type_is_table? && enabled_in_view?
+  end
+
+  private
+
+  def can_order_any?
+    order_actions.present?
+  end
+
+  def view_type_is_table?
+    @view_type.to_sym == :table
+  end
+
+  def display_inline?
+    ordering[:display_inline]
+  end
+
+  def enabled_in_view?
+    in_association = @reflection.present?
+
+    if in_association
+      visible_on_option.include? :association
+    else
+      visible_on_option.include? :index
+    end
+  end
+
+  def visible_on_option
+    return [] if ordering.nil?
+
+    [ordering[:visible_on]].flatten
+  end
+
+  def ordering
+    @resource.class.ordering
+  end
+end

data/app/components/jav/index/resource_controls_component.html.erb

@@ -0,0 +1,83 @@
+<div class="space-x-2 flex flex-row justify-around w-full">
+  <% button_classes = "text-gray-600 h-6 hover:text-gray-600" %>
+
+  <% if can_reorder? %>
+    <%= render Jav::Index::Ordering::ButtonsComponent.new resource: @resource, reflection: @reflection, view_type: @view_type %>
+  <% end %>
+
+  <% if can_view? %>
+    <%= link_to helpers.svg('eye', class: button_classes),
+      show_path,
+      class: 'flex items-center',
+      title: t('jav.view_item', item: singular_resource_name).humanize,
+      data: {
+        target: 'control:view',
+        control: :show,
+        'tippy': 'tooltip',
+      }
+    %>
+  <% end %>
+
+  <% if can_edit? %>
+    <%= link_to helpers.svg('edit', class: button_classes),
+      edit_path,
+      class: 'flex items-center',
+      title: t('jav.edit_item', item: singular_resource_name).humanize,
+      data: {
+        target: 'control:edit',
+        control: :edit,
+        'resource-id': @resource.model.id,
+        'tippy': 'tooltip',
+      }
+      %>
+  <% end %>
+
+  <% if can_detach? %>
+    <%= form_with url: helpers.resource_detach_path(params[:resource_name], params[:id], params[:related_name], @resource.model.id),
+      method: :delete,
+      local: true,
+      class: 'flex items-center',
+      html: {
+        'data-turbo-frame': params[:turbo_frame]
+      } do |form| %>
+      <%= form.button helpers.svg('detach', class: button_classes),
+        title: t('jav.detach_item', item: singular_resource_name).humanize,
+        type: :submit,
+        data: {
+          target: 'control:detach',
+          turbo_confirm: t('jav.are_you_sure_detach_item', item: singular_resource_name),
+          control: :detach,
+          'resource-id': @resource.model.id,
+          'tippy': 'tooltip',
+        }
+      %>
+      <%= hidden_field_tag :turbo_frame, params[:turbo_frame], id: "turbo_frame_detach_#{@resource.model.id}" if params[:turbo_frame] %>
+      <%= hidden_field_tag :referrer, referrer_path, id: "referrer_detach_#{@resource.model.id}" if params[:turbo_frame] %>
+    <% end %>
+  <% end %>
+
+  <% if can_delete? %>
+    <%= form_with url: helpers.resource_path(model: @resource.model, resource: @resource),
+      method: :delete,
+      class: 'flex items-center',
+      local: true,
+      html: {
+        'data-turbo-frame': params[:turbo_frame]
+      } do |form| %>
+      <%= form.button helpers.svg('trash', class: button_classes),
+        title: t('jav.delete_item',  item: singular_resource_name).humanize,
+        type: :submit,
+        data: {
+          target: 'control:destroy',
+          turbo_confirm: t('jav.are_you_sure',  item: singular_resource_name),
+          control: :destroy,
+          'resource-id': @resource.model.id,
+          'tippy': 'tooltip',
+        }
+      %>
+      <%= form.hidden_field :view_type, value: params[:view_type], id: "turbo_view_type_#{@resource.model.id}" if params[:view_type] %>
+      <%= form.hidden_field :turbo_frame, value: params[:turbo_frame], id: "turbo_frame_destroy_#{@resource.model.id}" if params[:turbo_frame] %>
+      <%= form.hidden_field :referrer, value: referrer_path, id: "referrer_destroy_#{@resource.model.id}" if params[:turbo_frame] %>
+    <% end %>
+  <% end %>
+</div>