34 lines
1.7 KiB
Plaintext
34 lines
1.7 KiB
Plaintext
<div class="bg-deepcove h-full w-full flex flex-col justify-start font-bold">
|
|
<div class="w-full flex flex-col items-center mb-3">
|
|
<div class="text-5xl text-platinum">
|
|
ID Card Printer
|
|
</div>
|
|
<span class="block w-full h-0.5 bg-copper"></span>
|
|
</div>
|
|
<div class="w-full items-start flex">
|
|
<div class="w-1/2 flex flex-col">
|
|
<% @employer_configurations.each do |es| %>
|
|
<div class="w-full flex items-center justify-between text-lg text-platinum my-1">
|
|
<div class="flex flex-none">
|
|
<%= es.pl_plan_key %> -
|
|
<%= es.employer.name %>
|
|
(
|
|
<div class="mx-1 text-<%= es.queued_card_count > 0 ? "bronze" : "bluetang" %>">
|
|
<%= es.queued_card_count %>
|
|
</div>
|
|
)
|
|
</div>
|
|
<div class="grow h-[1px] mx-1 bg-cobalt-vivid"></div>
|
|
<div class="flex flex-none items-center text-xs">
|
|
<%= link_to general_employer_id_card_configuration_index_path(employer_id: es.employer.slug), class: "flex h-7 w-14 transition duration-100 #{es.queued_card_count > 0 ? "" : "pointer-events-none opacity-50 cursor-not-allowed" }" do %>
|
|
<%= icon "printer", library: "lucide", class: "h-full w-full text-center text-platinum bg-atmosphere hover:bg-deepcove border-2 border-atmosphere rounded-md p-0.5" %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<div class="w-1/2 flex justify-center items-center text-center text-2xl">
|
|
<%= link_to "Print All Queued", id_card_printer_index_path, class: "flex justify-center items-center w-1/2 h-15 text-platinum bg-cobalt-vivid hover:bg-deepcove border-2 border-cobalt-vivid rounded-lg p-2" %>
|
|
</div>
|
|
</div>
|
|
</div> |