<%= turbo_stream_from 'jobs' %>
<div class="w-full">
  <% content_for :title, "Current Print Jobs" %>
  <div class="flex items-center justify-between py-4">
    <h1 class="text-4xl font-bold text-hsrm-gray">Aktuelle Druckaufträge <span class="text-sm font-semibold"><%= Date.today.strftime("%d.%m.%Y") %></span></h1>
    <%= link_to "Plottauftrag aufgeben", new_job_path, class: "px-3 py-2 bg-hsrm-red drop-shadow-lg transition-colors hover:bg-hsrm-red-light text-white block font-medium" %>
  </div>
  <div class="min-w-full overflow-auto shadow-lg">
    <table class="w-full py-8 table-auto">
      <thead class="font-semibold tracking-wide bg-gray-200 border-b-2 border-gray-300 text text-hsrm-gray">
        <tr>
          <th class="w-1 p-2 py-3 text-center"> ID </th>
          <th class="w-1 p-2 py-3 text-center"> Vorschau </th>
          <th class="w-1 p-2 py-3 text-left"> Auftraggeber </th>
          <th class="p-2 py-3 text-left"> PDF </th>
          <th class="w-1 p-1 py-3 text-left"> A0 </th>
          <th class="w-1 p-1 py-3 text-left"> A1 </th>
          <th class="w-1 p-1 py-3 text-left"> A2 </th>
          <th class="w-1 p-1 py-3 text-left"> A3 </th>
          <th class="w-1 p-2 py-3 text-center text-nowrap"> no DIN </th>
          <th class="w-1 p-2 py-3 text-center"> Kosten </th>
          <th class="w-1 p-2 py-3 text-center"> Status </th>
          <th class="w-1 p-2 py-3 text-center">Action</th>
        </tr>
      </thead>
      <tbody id="jobs" class="divide-y divivde-gray-300">
        <%= render partial: "job_tr", collection: @jobs, as: :job, locals: { no_turbo_stream: @no_turbo_stream } %>
      </tbody>
    </table>
  </div>
</div>
