<div class="text-center pb-2" id="broadcast_file_form_<%= broadcast.token %>">
  <% if controller.class.module_parent.to_s == "Public" %>
    <%= render partial: "public/broadcasts/file_form", locals: { model: [broadcast], token: broadcast.token } %>
  <% else %>
    <%= render partial: "broadcasts/file_form", locals: { model: [broadcast.project, broadcast], token: broadcast.token } %>
  <% end %>
</div>
<div class="overflow-auto mh-30">
  <ul class="list-unstyled d-flex flex-column align-items-center text-center" id="broadcast_file_list_<%= broadcast.token %>">
    <% if files.present? %>
      <%= render partial: "broadcasts/file", collection: files %>
    <% else %>
      <li class="my-3">
        Files will appear here.
      </li>
    <% end %>
  </ul>
  <div class="d-flex mt-2 justify-content-center" id="broadcast_files_pagination_<%= broadcast.token %>">
    <%= will_paginate(files, param_name: 'files_page', params: { active_files_tab: broadcast.token }) if files.present? %>
  </div>
</div>
