<div class="border bg-white rounded shadow-sm pb-3 table-responsive">
  <table class="table table-striped tr-px-4 align-all-middle">
    <thead class="thead-light">
      <tr>
        <th><%= t(".table_headers.task_request_created_on") %></th>
        <th><%= t(".table_headers.task_request_deadline") %></th>
        <th><%= t(".table_headers.task_request_time_allowed") %></th>
        <th><%= t(".table_headers.task_request_status") %></th>
        <th><%= t(".table_headers.task_request_results") %></th>
      </tr>
    </thead>
    <tbody id="task_requests">
      <% if @tasks.any? %>
        <%= render partial: "task", collection: @tasks %>
      <% else %>
        <tr>
          <td colspan="5" class="py-4 text-center text-muted"><%= t(".empty") %></td>
        </tr>
      <% end %>
    </tbody>
  </table>
</div>

<div id="task_requests_pagination" class="mt-3">
  <%= will_paginate @tasks %>
</div>
