<div class="attachment attachment-<%= f.object.attachable_for&.node_type %>" data-controller="fields">
  
  <div class="attachment__content">
    <%= render partial: 'admin/attachments/asset', collection: Array(f.object.asset) %>  
    <%= render partial: 'material/trix_field_i18n', 
               locals: { 
                  f: f, 
                  attr: :body, 
                  label: t('activerecord.attributes.attachment.body', 
                  locale: I18n.default_locale),
                  tmp_id: local_assigns[:tmp_id]
                } %>  

  
    <!--<div class="attachment__content-three">
      <%= render partial: 'material/text_field', locals: { f: f, attr: :bg_color } %>

      <%= render partial: 'material/text_field', locals: { f: f, attr: :fg_color } %>

      <%= render partial: 'material/select_field', 
              locals: { 
                f: f, 
                attr: :alignment, 
                choices: (f.object.attachable_for&.site? ? Attachment::ALIGNMENT_SITE : Attachment::ALIGNMENT_TILE).map { |k,v| [t(k, scope: :'attachments.alignments'), k] },                 
                include_blank: true
              }  %>   
      
    <%= render partial: 'material/select_field', 
              locals: { 
                f: f, 
                attr: :template, 
                choices: Array(Attachment::TEMPLATE_SITE_ASSET).map { |k,v| [t(k, scope: :'attachments.templates'), k] },                 
                include_blank: true
              }  %>   
    </div>-->
  </div>

  

  <%= button_tag 'delete', 
                 type: 'button', 
                 data: { action: 'click->fields#removeField' }, 
                 class: 'destroy__field-btn' %>

  <%= f.hidden_field :_destroy, class: 'destroy__field' %>
  <%= f.hidden_field :position, class: 'position' %>
  <%= f.hidden_field :asset_id %>

  <div class="handle">more_vert</div>
</div>
