<div class="card my-3">
  <div class="table-responsive">
    <table class="table card-table table-bordered table-hover table-sm mb-0">
      <thead>
        <tr>
          <th>ActiveJob ID</th>
          <th>Execution ID</th>
          <th>Job Class</th>
          <th>Queue</th>
          <th>Scheduled At</th>
          <th>Error</th>
          <th>
            ActiveJob Params&nbsp;
            <%= tag.button "Toggle", type: "button", class: "btn btn-sm btn-outline-primary", role: "button",
                           data: { bs_toggle: "collapse", bs_target: ".job-params" },
                           aria: { expanded: false, controls: executions.map { |execution| "##{dom_id(execution, "params")}" }.join(" ") }
            %>
          </th>
          <th>Actions</th>
        </tr>
      </thead>
      <tbody>
        <% executions.each do |execution| %>
          <tr id="<%= dom_id(execution) %>">
            <td>
              <%= link_to job_path(execution.serialized_params['job_id']) do %>
                <code><%= execution.active_job_id %></code>
              <% end %>
            </td>
            <td>
              <%= link_to job_path(execution.active_job_id, anchor: dom_id(execution)) do %>
                <code><%= execution.id %></code>
              <% end %>
            </td>
            <td><%= execution.serialized_params['job_class'] %></td>
            <td><%= execution.queue_name %></td>
            <td><%= relative_time(execution.scheduled_at || execution.created_at) %></td>
            <td class="text-break"><%= truncate(execution.error, length: 1_000) %></td>
            <td>
              <%= tag.button "Preview", type: "button", class: "btn btn-sm btn-outline-primary", role: "button",
                data: { bs_toggle: "collapse", bs_target: "##{dom_id(execution, 'params')}" },
                aria: { expanded: false, controls: dom_id(execution, "params") }
              %>
              <%= tag.pre JSON.pretty_generate(execution.serialized_params), id: dom_id(execution, "params"), class: "collapse job-params" %>
            </td>
            <td>
              <%= button_to execution_path(execution.id), method: :delete, class: "btn btn-sm btn-outline-danger", title: "Delete execution" do %>
                <%= render "good_job/shared/icons/trash" %>
              <% end %>
            </td>
          </tr>
        <% end %>
      </tbody>
    </table>
  </div>
</div>