<div id="<%= dom_id job %>" class="flex flex-row space-x-4 shadow">
  <div>
    <embed type="application/pdf" src="<%= url_for(@job.pdf) %>" width="600px" height="800px" class="" />
  </div>
  <div>
    <p class="my-3">
      <strong class="mb-1 font-medium">Operator ID:</strong>
      <% if job.operator %>
        <%= job.operator_id %> - <%= job.operator.name %> (<%= job.operator.email %>)
      <% else %>
        -
      <% end %>
    </p>
    <p class="my-3">
      <strong class="mb-1 font-medium">Costumer ID:</strong>
      <% if job.costumer %>
        <%= job.costumer_id %> - <%= job.costumer.name %> (<%= job.costumer.email %>)
      <% else %>
        -
      <% end %>
    </p>
    <p class="my-3">
      <strong class="mb-1 font-medium">Betreiber:</strong>
      <%= "#{job.operator_firstname} #{job.operator_lastname}" %>
    </p>
    <p class="my-3">
      <strong class="mb-1 font-medium">Auftraggeber:</strong>
      <%= "#{job.costumer_firstname} #{job.costumer_lastname}" %>
    </p>
    <p class="my-3">
      <strong class="mb-1 font-medium">Aktueller Status:</strong>
      <%=  %>
    </p>
    <p class="my-3">
      <strong class="mb-1 font-medium">Paid at:</strong>
      <%= job.paid_at %>
    </p>
    <p class="my-3">
      <strong class="mb-1 font-medium">Printed at:</strong>
      <%= job.printed_at %>
    </p>
    <p class="my-3">
      <strong class="mb-1 font-medium">Interne Umbuchung:</strong>
      <%= icon bool_icon(job.intern), class: "icon #{job.intern ? "text-green-600" : "text-red-600"}" %>
    </p>
    <p class="my-3">
      <strong class="mb-1 font-medium">Kostenstelle:</strong>
      <%= job.cost_center %>
    </p>
    <p class="my-3">
      <strong class="block mb-1 font-medium">Plans:
        <table class="text-center">
          <tr class="p-2 bg-gray-300">
            <th class="p-2">a0</th>
            <th class="p-2">a1</th>
            <th class="p-2">a2</th>
            <th class="p-2">a3</th>
            <th class="p-2">costum</td>
          </tr>
          <tr>
            <td><%= job.number_of_plans_a0 %></td>
            <td><%= job.number_of_plans_a1 %></td>
            <td><%= job.number_of_plans_a2 %></td>
            <td><%= job.number_of_plans_a3 %></td>
            <td><%= job.costum_qm_plan %> qm</td>
          </tr>
        </table>
      </p>
      <%= link_to "Edit this job", edit_operator_job_path(@job), class: "btn" %>
      <%= link_to "Back to jobs", operator_jobs_path, class: "btn" %>
      <div class="inline-block">
        <%= button_to "Destroy this job", operator_job_path(@job), method: :delete, class: "btn btn-alert inline-block" %>
      </div>
    </div>
  </div>
