<% if unreleased_appearances.any? %>
  <div class="table-responsive">
    <table class="table-striped table-sm w-100">
      <thead>
      <tr>
        <th>Notes</th>
        <th>Channel</th>
        <th>EDL TC</th>
        <th>Video TC</th>
        <th></th>
      </tr>
      </thead>
      <tbody>
      <% unreleased_appearances.each do |unreleased_appearance| %>
        <tr>
          <td style="width: 40%;"><%= unreleased_appearance.note_text %></td>
          <td><%= unreleased_appearance.channel %></td>
          <td><%= unreleased_appearance.timecode_in %></td>
          <td><a data-behavior="seekable-timecode"><%= unreleased_appearance.appears_at %></a></td>
          <td style="width: 30%;">
            <%= link_to fa_icon("pencil fw", text: "Edit"), [:edit, unreleased_appearance], method: :get, class: "btn btn-primary btn-sm", remote: true, data: { disable_with: fa_icon("spinner spin", text: "Edit") } %>
            <%= link_to fa_icon("trash fw"), unreleased_appearance, method: :delete, class: "btn btn-danger btn-sm", remote: true %>
          </td>
        </tr>
      <% end %>
      </tbody>
    </table>
  </div>
<% else %>
  <div class="card-body">
    <div class="text-center text-muted py-2">
      Issues and Concerns that have been added to the report will appear here
    </div>
  </div>
<% end %>
