<% if graphics_elements.any? %>
  <div class="table-responsive">
    <table class="table-striped table-sm w-100" style="table-layout: fixed;">
      <thead>
      <tr>
        <th style="width: 5%;"></th>
        <th style="">EDL #</th>
        <th style="">EDL TC</th>
        <th style="">VID TC</th>
        <th style="">Filename</th>
        <th style="width: 15%;"></th>
      </tr>
      </thead>
      <tbody class="graphics-elements ">
      <% graphics_elements.each do |graphics_element| %>
        <tr class="graphics-element">
          <td></td>
          <td></td>
          <td><%= graphics_element.timecode_in %></td>
          <td><a data-behavior="seekable-timecode"><%= graphics_element.appears_at %></a></td>
          <td><%= graphics_element.source_file_name %></td>
          <td>
            <%= link_to fa_icon("pencil fw"), [:edit, graphics_element], 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"), graphics_element, 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">
      GFX Cue Elements that have been added to the report will appear here
    </div>
  </div>
<% end %>
