<% if music_release_file_infos.any? %>
  <% music_release_file_infos.each do |file_info| %>
    <li class="music-releasable list-inline-item" id="<%= dom_id(file_info.releasable, dom_id(file_info)) %>" data-confirmed="<%= video.audio_confirmations.any? { |audio_confirmation| audio_confirmation.source_file_name == file_info.filename } %>" data-hidden="false">
      <%= button_to new_video_video_analyses_audio_confirmation_path(video),
          class: "btn-no-style border cursor-copy p-2",
          form: { data: { ujs_target: "audio-confirmation-form" } },
          params: { audio_confirmation: { confirmation_type: "original_music", time_elapsed: "", composer_info: file_info.releasable.composer_info, publisher_info: file_info.releasable.publisher_info, catalog: "", title: "", edl_type: video.audio_only_edl_file.attached? ? "audio" : "all_tracks" }, matched_file_name: file_info.filename },
          method: :get,
          remote: true do %>
        <figure class="figure mb-0">
          <div class="figure-img border text-muted d-flex justify-content-center align-items-center text-wrap text-break" style="width:200px;height:200px;">
            <%= file_info.filename %>
          </div>
          <figcaption class="figure-caption text-center"><%= truncate file_info.releasable.name, length: 25 %></figcaption>
        </figure>
      <% end %>
    </li>
  <% end %>
<% else %>
  <li class="music-releasable list-inline-item" data-confirmed="false" data-hidden="false">
    <figure class="figure mb-0">

      <div class="figure-img border text-muted d-flex justify-content-center align-items-center" style="width:200px;height:200px;">
        <small>No File Uploaded</small>
      </div>

      <figcaption class="figure-caption text-center">No releases found</figcaption>
    </figure>
  </li>
<% end %>
