<%= render Spina::MediaPicker::ImageComponent.with_collection(@images) %>

<% if @images.next_page %> <%= link_to "Load more images", helpers.path_to_next_page(@images), class: "btn btn-default mt-6", data: {infinite_scroll_target: "button"} %> <% end %>

<%= form_with method: :get, url: helpers.spina.admin_media_picker_path, data: {controller: "form", turbo_frame: "images"} do |f| %> <%= f.hidden_field :media_folder_id, value: @media_folder&.id %> <%= render Spina::Forms::SearchComponent.new(f, :query) %> <% end %>

<%= link_to helpers.spina.admin_media_picker_path, class: "font-medium w-full text-sm px-3 py-2 rounded-lg flex items-center justify-between #{media_folder_classes(nil)}", data: {turbo_frame: "media_picker"} do %>

<%= helpers.heroicon("collection", style: :solid, class: "w-5 h-5 mr-2 text-spina-light") %> <%=t 'spina.images.all_images' %>

<%= image_count %>

<% end %> <% media_folders.each do |media_folder| %> <%= link_to helpers.spina.admin_media_picker_path(media_folder_id: media_folder.id), class: "font-medium w-full text-gray-600 text-sm px-3 py-2 cursor-pointer rounded-lg flex items-center justify-between #{media_folder_classes(media_folder)}", data: {turbo_frame: "media_picker"} do %>

<%= helpers.heroicon('folder', style: :solid, class: 'w-5 h-5 mr-2 text-spina-light') %> <%= media_folder.name %>

<%= media_folder.images.count %>

<% end %> <% end %> <%= render Spina::Forms::FileUploadComponent.new(origin: 'media-picker', media_folder: @media_folder, turbo_frame: 'media_picker') %>