<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>Task ID</th>
        <th>Account Name</th>
        <th>Project Name</th>
        <th>Created On</th>
        <th>Deadline</th>
        <th>Time Allowed</th>
        <th>Status</th>
        <th></th>
      </tr>
    </thead>
    <tbody id="users">
      <% if @task_requests.any? %>
        <%= render @task_requests %>
      <% else %>
        <tr>
          <td colspan="20" class="py-4 text-center text-muted"><%= t(".empty") %></td>
        </tr>
      <% end %>
    </tbody>
  </table>
</div>
