Prod build process

This commit is contained in:
Jason Jordan
2026-05-06 13:28:16 -04:00
parent 1d9025276d
commit e0101be567
223 changed files with 1861 additions and 7105 deletions
+19 -6
View File
@@ -1,10 +1,20 @@
<div class="bg-deepcove h-full w-full flex flex-col">
<div class="flex items-center">
<%= link_to employer_path(@employer.slug), class: "flex items-center h-14 space-x" do %>
<div class="flex items-center h-14 text-bluemana hover:text-bronze">
<%= icon "arrow-big-left-dash", library: "lucide", class: "h-full w-20 text-center" %>
<div class="w-full pb-1 font-bold text-2xl">
<%= "Back to Employer" %>
</div>
</div>
<% end %>
</div>
<h1 class="font-bold text-4xl text-platinum my-5">Edit Employer</h1>
<%= form_with model: @employer, local: true, multipart: true do |f| %>
<div class="flex flex-col space-y-6">
<div class="flex w-full items-end" data-controller="logo-upload">
<div class="flex flex-col space-y-6 w-3/5">
<div class="flex space-x-10">
<div class="flex flex-col space-y-6 w-4/5">
<div class="flex items-end space-x-10">
<div class="w-full">
<%= f.text_field :name, label: { text: "Employer Name" }, class: "w-full" %>
</div>
@@ -15,19 +25,22 @@
<%= f.text_field :group_number, label: { text: "Group/Medical Number" }, class: "w-full" %>
</div>
</div>
<div class="flex space-x-10">
<div class="w-full flex items-center pt-6">
<h3 class="flex-none font-bold text-2xl text-brightlava">Admin</h3>
<div class="grow h-[1px] mt-2 ml-1 bg-brightlava"></div>
</div>
<div class="flex items-end space-x-10">
<div class="w-full">
<%= f.text_field :slug, label: { text: "Slug" }, class: "w-full" %>
<%= f.text_field :slug, label: { text: "URL Slug" }, class: "w-full pointer-events-none opacity-65 cursor-not-allowed" %>
</div>
<div class="w-full">
<%= f.text_field :pl_plan_key, label: { text: "Pl Plan Key" }, class: "w-full" %>
<%= f.text_field :pl_plan_key, label: { text: "Pl Plan Key" }, class: "w-full pointer-events-none opacity-65 cursor-not-allowed" %>
</div>
</div>
</div>
</div>
<div class="flex py-8 space-x-4">
<%= f.submit "Save Employer" %>
<%= link_to "Back", employer_path(@employer.slug), class: "flex justify-center items-center cursor-pointer bg-atmosphere hover:bg-deepcove border-2 border-atmosphere text-platinum font-bold px-3 rounded-sm h-10 transition duration-100" %>
</div>
</div>
<% end %>
+77 -28
View File
@@ -1,18 +1,37 @@
<div class="bg-deepcove h-full w-full flex flex-col justify-start">
<div class="flex items-center justify-between">
<h1 class="font-bold text-4xl text-platinum my-5">Employers</h1>
<div class="w-30 inline-flex flex-col text-platinum hover:text-limegreen font-bold px-4 mr-20 rounded-l-lg border-l-5 border-b-2 border-limegreen">
<div class="w-full flex text-3xl">
<%= link_to "NEW", new_employer_path %>
<div class="bg-deepcove h-full w-full flex flex-col justify-start pb-10">
<div class="flex items-center gap-x-40">
<%= link_to dashboard_path, class: "flex items-center h-14 space-x" do %>
<div class="flex items-center h-14 text-bluemana hover:text-bronze">
<%= icon "arrow-big-left-dash", library: "lucide", class: "h-full w-20 text-center" %>
<div class="w-full pb-1 font-bold text-2xl">
<%= "Back to Dashboard" %>
</div>
</div>
<% end %>
<%= link_to 'Run Employer Automations (Beta)', beta_automation_simulation_employers_path, data: { turbo: false }, class: "flex justify-center items-center cursor-pointer hover:bg-yellow-300 bg-deepcove border-2 border-yellow-300 text-yellow-300 hover:text-deepcove text-lg font-bold px-3 rounded-lg h-10" %>
<div class="flex flex-col font-bold">
<div class="text-md text-yellow-300">
Unassigned VHCS Group Numbers (Beta):
</div>
<div class="text-sm text-platinum">
<%= @beta_unassigned_group_numbers.present? ? @beta_unassigned_group_numbers.join(', ') : "None" %>
</div>
</div>
</div>
<div class="flex flex-col items-start w-full">
<h1 class="w-1/2 font-bold text-4xl text-platinum my-5">Employers</h1>
<div class="flex w-full px-10">
<div class="w-[23%] inline-flex flex-col text-platinum hover:text-limegreen font-bold px-4 rounded-l-lg border-l-5 border-b-2 border-limegreen">
<%= link_to "NEW", new_employer_path, class: "w-full flex text-3xl" %>
</div>
</div>
</div>
<% if @uninitialized.present? %>
<h2 class="font-bold text-3xl text-brightlava my-5">In Process:</h2>
<div class="flex flex-none items-center w-full px-10">
<h3 class="flex-none font-bold text-xl text-bronze my-5">
<%= "Waiting for Groups Number Entry" %>
</h2>
<h3 class="w-[25%] flex flex-none font-bold text-xl text-bronze my-5">
<%= "Needs Group Number Entry" %>
</h3>
<% if @uninitialized.not_automation_ready.present? %>
<div class="flex flex-wrap w-full gap-x-4 gap-y-3">
<% @uninitialized.not_automation_ready.each do |emp| %>
@@ -31,15 +50,15 @@
<% end %>
</div>
<div class="flex flex-none items-center w-full px-10">
<h3 class="font-bold text-xl text-verdigris-vivid my-5">
<%= "Waiting for Employer to be created in VHCS" %>
<h3 class="w-[25%] flex flex-none font-bold text-xl text-bluemana my-5">
<%= "Waiting for VHCS Employer" %>
</h3>
<% if @uninitialized.missing_keychain_initialization.present? %>
<div class="flex flex-wrap w-full pl-20 pr-10 gap-x-4 gap-y-3">
<div class="flex flex-wrap w-full gap-x-4 gap-y-3">
<% @uninitialized.missing_keychain_initialization.each do |emp| %>
<div class="w-[23%] inline-flex flex-col text-platinum font-bold px-4 rounded-l-lg border-l-5 border-b-2 border-verdigris-vivid">
<div class="w-[23%] inline-flex flex-col text-platinum font-bold px-4 rounded-l-lg border-l-5 border-b-2 border-bluemana">
<div class="w-full flex text-xl">
<%= link_to emp.name, employer_path(emp.slug), class: "text-verdigris-vivid hover:text-platinum" %>
<%= link_to emp.name, employer_path(emp.slug), class: "text-bluemana hover:text-platinum" %>
</div>
<div class="w-full flex text-md font-medium">
<%= "(Effective #{emp.effective_date})" %>
@@ -48,19 +67,19 @@
<% end %>
</div>
<% else %>
<div class="grow h-[1px] mt-2 ml-1 bg-verdigris-vivid"></div>
<div class="grow h-[1px] mt-2 ml-1 bg-bluemana"></div>
<% end %>
</div>
<div class="flex flex-none items-center w-full px-10">
<h3 class="font-bold text-xl text-copper my-5">
<%= "Waiting for Plans to be created in VHCS" %>
<h3 class="w-[25%] flex flex-none font-bold text-xl text-[#4FA8F8] my-5">
<%= "Waiting for VHCS Plans" %>
</h3>
<% if @uninitialized.missing_plans_initialization.present? %>
<div class="flex flex-wrap w-full pl-20 pr-10 gap-x-4 gap-y-3">
<div class="flex flex-wrap w-full gap-x-4 gap-y-3">
<% @uninitialized.missing_plans_initialization.each do |emp| %>
<div class="w-[23%] inline-flex flex-col text-platinum font-bold px-4 rounded-l-lg border-l-5 border-b-2 border-copper">
<div class="w-[23%] inline-flex flex-col text-platinum font-bold px-4 rounded-l-lg border-l-5 border-b-2 border-[#4FA8F8]">
<div class="w-full flex text-xl">
<%= link_to emp.name, employer_path(emp.slug), class: "text-copper hover:text-platinum" %>
<%= link_to emp.name, employer_path(emp.slug), class: "text-[#4FA8F8] hover:text-platinum" %>
</div>
<div class="w-full flex text-md font-medium">
<%= "(Effective #{emp.effective_date})" %>
@@ -69,19 +88,19 @@
<% end %>
</div>
<% else %>
<div class="grow h-[1px] mt-2 ml-1 bg-copper"></div>
<div class="grow h-[1px] mt-2 ml-1 bg-[#4FA8F8]"></div>
<% end %>
</div>
<div class="flex flex-none items-center w-full px-10">
<h3 class="flex flex-none font-bold text-xl text-bluemana my-5">
<%= "Waiting for Inital Members to be created in VHCS" %>
<h3 class="w-[25%] flex flex-none font-bold text-xl text-[#3388FF] my-5">
<%= "Waiting for VHCS Members" %>
</h3>
<% if @uninitialized.missing_members_initialization.present? %>
<div class="flex flex-wrap w-full pl-20 pr-10 gap-x-4 gap-y-3">
<div class="flex flex-wrap w-full gap-x-4 gap-y-3">
<% @uninitialized.missing_members_initialization.each do |emp| %>
<div class="w-[23%] inline-flex flex-col text-platinum font-bold px-4 rounded-l-lg border-l-5 border-b-2 border-bluemana">
<div class="w-full flex">
<%= link_to emp.name, employer_path(emp.slug), class: "text-bluemana hover:text-platinum" %>
<div class="w-80 inline-flex flex-col text-platinum font-bold pl-4 pr-1 rounded-l-lg border-l-5 border-b-2 border-[#3388FF]">
<div class="w-full flex text-xl">
<%= link_to emp.name, employer_path(emp.slug), class: "text-[#3388FF] hover:text-platinum" %>
</div>
<div class="w-full flex justify-between text-md font-medium">
<% member_counter_color = "text-".concat(emp.members.present? ? "limegreen" : "brightlava") %>
@@ -99,7 +118,37 @@
<% end %>
</div>
<% else %>
<div class="grow h-[1px] mt-2 ml-1 bg-bluemana"></div>
<div class="grow h-[1px] mt-2 ml-1 bg-[#3388FF]"></div>
<% end %>
</div>
<div class="flex flex-none items-center w-full px-10">
<h3 class="w-[25%] flex flex-none font-bold text-xl text-copper my-5">
<%= "Ready for ID Card Activation" %>
</h3>
<% if @uninitialized.ready_for_id_card_activation.present? %>
<div class="flex flex-wrap w-full gap-x-4 gap-y-3">
<% @uninitialized.ready_for_id_card_activation.each do |emp| %>
<div class="w-80 inline-flex flex-col text-platinum font-bold pl-4 pr-1 rounded-l-lg border-l-5 border-b-2 border-copper">
<div class="w-full flex text-xl">
<%= link_to emp.name, employer_path(emp.slug), class: "text-copper hover:text-platinum" %>
</div>
<div class="w-full flex justify-between text-md font-medium">
<% member_counter_color = "text-".concat(emp.members.present? ? "limegreen" : "brightlava") %>
<div>
Members:
<span class="ml-2 <%= member_counter_color %>">
<%= emp.members.count %>
</span>
</div>
<div class="ml-2">
<%= "(Effective #{emp.effective_date})" %>
</div>
</div>
</div>
<% end %>
</div>
<% else %>
<div class="grow h-[1px] mt-2 ml-1 bg-copper"></div>
<% end %>
</div>
<% end %>
+11 -12
View File
@@ -1,21 +1,20 @@
<div class="bg-deepcove h-full w-full flex flex-col">
<div class="flex justify-between">
<h1 class="font-bold text-4xl text-platinum my-5">New Employer</h1>
<%= form_with model: @employer, url: import_employers_path, data: { turbo: false }, local: true, multipart: true do |form| %>
<div class="flex items-end space-x-4">
<div class="flex flex-col">
<%= form.label :import_from_word, 'ID Card Setup Word Doc', class: "block text-platinum font-bold mb-1 md:mb-0 pr-4" %>
<%= form.file_field :import_from_word %>
<div class="flex items-center">
<%= link_to employers_path, class: "flex items-center h-14 space-x" do %>
<div class="flex items-center h-14 text-bluemana hover:text-bronze">
<%= icon "arrow-big-left-dash", library: "lucide", class: "h-full w-20 text-center" %>
<div class="w-full pb-1 font-bold text-2xl">
<%= "Back to Employer Control" %>
</div>
</div>
<%= form.submit "Import", class: "h-[40px]" %>
</div>
<% end %>
<% end %>
</div>
<h1 class="font-bold text-4xl text-platinum my-5">New Employer</h1>
<%= form_with model: @employer, local: true, multipart: true do |f| %>
<div class="flex flex-col space-y-6 pb-10">
<div class="flex w-full items-end" data-controller="logo-upload">
<div class="flex flex-col space-y-6 w-2/5">
<div class="flex space-x-10">
<div class="flex flex-col space-y-6 w-4/5">
<div class="flex items-end space-x-10">
<div class="w-full">
<%= f.text_field :name, label: { text: "Employer Name" }, data: { logo_upload_target: "employer" }, class: "w-full" %>
</div>
@@ -0,0 +1,46 @@
<div class="bg-deepcove h-full w-full flex flex-col">
<div class="flex items-center">
<%= link_to employers_path, class: "flex items-center h-14 space-x" do %>
<div class="flex items-center h-14 text-bluemana hover:text-bronze">
<%= icon "arrow-big-left-dash", library: "lucide", class: "h-full w-20 text-center" %>
<div class="w-full pb-1 font-bold text-2xl">
<%= "Back to Employer Control" %>
</div>
</div>
<% end %>
</div>
<div class="flex justify-between">
<h1 class="font-bold text-4xl text-platinum my-5">New Employer</h1>
<%= form_with model: @employer, url: import_employers_path, data: { turbo: false }, local: true, multipart: true do |form| %>
<div class="flex items-end space-x-4">
<div class="flex flex-col">
<%= form.label :import_from_word, 'ID Card Setup Word Doc', class: "block text-platinum font-bold mb-1 md:mb-0 pr-4" %>
<%= form.file_field :import_from_word %>
</div>
<%= form.submit "Import", class: "h-[40px]" %>
</div>
<% end %>
</div>
<%= form_with model: @employer, local: true, multipart: true do |f| %>
<div class="flex flex-col space-y-6 pb-10">
<div class="flex w-full items-end" data-controller="logo-upload">
<div class="flex flex-col space-y-6 w-2/5">
<div class="flex space-x-10">
<div class="w-full">
<%= f.text_field :name, label: { text: "Employer Name" }, data: { logo_upload_target: "employer" }, class: "w-full" %>
</div>
<div class="w-full">
<%= f.text_field :effective_date, label: { text: "Effective Date" }, class: "w-full" %>
</div>
<div class="w-full">
<%= f.text_field :group_number, label: { text: "Group/Medical Number" }, class: "w-full" %>
</div>
</div>
</div>
</div>
<div class="py-8">
<%= f.submit "Create New Employer" %>
</div>
</div>
<% end %>
</div>
+21 -53
View File
@@ -1,7 +1,14 @@
<div class="bg-deepcove text-platinum h-full w-full flex flex-col">
<%= link_to employers_path, class: "flex h-10 w-10 text-xl transition duration-100" do %>
<%= icon "arrow-big-left-dash", library: "lucide", class: "h-full w-full text-center text-bluemana hover:text-bronze" %>
<% end %>
<div class="flex items-center">
<%= link_to employers_path, class: "flex items-center h-14 space-x" do %>
<div class="flex items-center h-14 text-bluemana hover:text-bronze">
<%= icon "arrow-big-left-dash", library: "lucide", class: "h-full w-20 text-center" %>
<div class="w-full pb-1 font-bold text-2xl">
<%= "Back to Employer Control" %>
</div>
</div>
<% end %>
</div>
<div class="flex w-full items-center space-x-8">
<h1 class="font-bold text-4xl text-platinum my-5"><%= @employer.name %></h1>
<div class="h-[50px] max-w-[200px]">
@@ -9,8 +16,11 @@
<%= image_tag image_id_card_employer_logo_path(@employer.id_card_setup.employer_logo.id), class: "max-h-[50px] object-contain shadow-[0_0_10px_3px_#93c5fd] bg-platinum" %>
<% end %>
</div>
<div class="w-1/2 flex ml-8">
<%= link_to 'Edit Employer', edit_employer_path(@employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-1/3 cursor-pointer bg-bluetang hover:bg-deepcove border-2 border-bluetang text-platinum text-lg font-bold px-3 rounded-lg h-10 transition duration-100" %>
<div class="flex ml-8">
<%= link_to 'Edit Employer', edit_employer_path(@employer.slug), data: { turbo: false }, class: "flex justify-center items-center cursor-pointer bg-bluetang hover:bg-deepcove border-2 border-bluetang text-platinum text-lg font-bold px-10 rounded-lg h-10 transition duration-100" %>
</div>
<div class="flex ml-8">
<%= link_to 'Delete Employer (Beta)', employer_path(@employer), data: { turbo_method: :delete }, class: "flex justify-center items-center cursor-pointer hover:bg-yellow-300 bg-deepcove border-2 border-yellow-300 text-yellow-300 hover:text-deepcove text-lg font-bold px-3 rounded-lg h-10 transition duration-100" %>
</div>
</div>
<div class="flex space-x-6">
@@ -83,9 +93,9 @@
<div class="flex flex-col items-center space-y-6 w-full">
<%= link_to "General", employer_id_card_setup_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<%= link_to "Plans", plans_employer_id_card_setup_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<%= link_to 'Exceptions (Optional)', field_exceptions_employer_id_card_setup_index_path(employer_id: @employer.slug ), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<% unless @employer.id_card_setup.active %>
<%= link_to 'Activate ID Cards', update_active_status_employer_id_card_setup_index_path(employer_id: @employer.slug ), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-brightlava hover:bg-deepcove border-2 border-brightlava text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<%= link_to 'Alternate ID Cards (Optional)', field_exceptions_employer_id_card_setup_index_path(employer_id: @employer.slug ), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<% if @employer.id_card_setup.activation_ready? %>
<%= link_to 'Activate ID Card Setup', update_active_status_employer_id_card_setup_index_path(employer_id: @employer.slug ), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-brightlava hover:bg-deepcove border-2 border-brightlava text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<% end %>
</div>
</div>
@@ -97,10 +107,9 @@
<span class="block w-full h-0.5 bg-copper mt-[-4]"></span>
</div>
<div class="flex flex-col items-center space-y-6 w-full">
<%= link_to 'Generate Sample Cards', generate_sample_id_card_print_path(id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<%= link_to 'Generate Group Cards (for print)', generate_print_id_card_print_path(id: @employer.slug),data: { turbo: false }, class: "flex justify-center items-center w-full #{@employer.active ? "" : "pointer-events-none opacity-50 cursor-not-allowed"} bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<%= link_to 'Generate Group Cards (for display)', generate_mobile_display_id_card_print_path(id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full #{@employer.active ? "" : "pointer-events-none opacity-50 cursor-not-allowed"} bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<%= link_to 'Generate Group Cards (for download)', generate_full_page_id_card_print_path(id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full #{@employer.active ? "" : "pointer-events-none opacity-50 cursor-not-allowed"} bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<%= link_to 'Generate Sample Cards', generate_sample_id_card_print_path(id: @employer.id), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-#{module_color} #{@employer.id_card_setup.sample_card_print_ready? ? "" : "pointer-events-none opacity-50 cursor-not-allowed"} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<%= link_to 'Generate Group Cards (for print)', generate_print_id_card_print_path(id: @employer.slug),data: { turbo: false }, class: "flex justify-center items-center w-full #{@employer.id_card_setup.member_cards_print_ready? ? "" : "pointer-events-none opacity-50 cursor-not-allowed"} bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<%= link_to 'Generate Group Cards (for download)', generate_full_page_id_card_print_path(id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full #{@employer.id_card_setup.member_cards_print_ready? ? "" : "pointer-events-none opacity-50 cursor-not-allowed"} bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
</div>
</div>
<% else %>
@@ -108,46 +117,5 @@
<% end %>
</div>
</div>
<div class="flex flex-col space-y w-[23%] mb-5">
<div class="flex flex-col space-y w-full h-1/2 mb-2">
<div class="w-full flex items-center">
<h3 class="flex-none font-bold text-2xl text-copper">Britton Web Module</h3>
<div class="grow h-[1px] mt-2 ml-1 bg-bronze"></div>
</div>
<div class="grow flex flex-col w-full border-l-4 border-b-4 border-copper rounded-xl pl-2 pb-2">
<% if @employer.claims_check_enabled? %>
<% else %>
<%= link_to "Enable Britton Web", employer_id_card_setup_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full h-full cursor-pointer bg-copper hover:bg-deepcove border-4 border-copper text-platinum text-xl font-bold px-3 rounded-md mt-3 transition duration-100" %>
<% end %>
</div>
</div>
<div class="flex flex-col space-y w-full h-1/2">
<div class="w-full flex items-center">
<h3 class="flex-none font-bold text-2xl text-cobalt-vivid">Claims Check Module</h3>
<div class="grow h-[1px] mt-2 ml-1 bg-bronze"></div>
</div>
<div class="grow flex flex-col w-full border-l-4 border-b-4 border-cobalt-vivid rounded-xl pl-2 pb-2">
<% if @employer.claims_check_enabled? %>
<% else %>
<%= link_to "Enable Claims Check", employer_id_card_setup_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full h-full cursor-pointer bg-cobalt-vivid hover:bg-deepcove border-4 border-cobalt-vivid text-platinum text-xl font-bold px-3 rounded-md mt-3 transition duration-100 pointer-events-none opacity-50 cursor-not-allowed" %>
<% end %>
</div>
</div>
</div>
<div class="flex flex-col space-y w-[23%] mb-5">
<div class="w-full flex items-center">
<h3 class="flex-none font-bold text-2xl text-verdigris-vivid">FairosRx Eligibility Module</h3>
<div class="grow h-[1px] mt-2 ml-1 bg-bronze"></div>
</div>
<div class="grow flex flex-col w-full border-l-4 border-b-4 border-verdigris-vivid rounded-xl pl-2 pb-2">
<% if @employer.claims_check_enabled? %>
<% else %>
<%= link_to "Enable FairosRx Eligibility", employer_id_card_setup_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full h-full cursor-pointer bg-verdigris-vivid hover:bg-deepcove border-4 border-verdigris-vivid text-platinum text-xl font-bold px-3 rounded-md mt-3 transition duration-100 pointer-events-none opacity-50 cursor-not-allowed" %>
<% end %>
</div>
</div>
</div>
</div>
@@ -0,0 +1,160 @@
<div class="bg-deepcove text-platinum h-full w-full flex flex-col">
<div class="flex items-center">
<%= link_to employers_path, class: "flex items-center h-14 space-x" do %>
<div class="flex items-center h-14 text-bluemana hover:text-bronze">
<%= icon "arrow-big-left-dash", library: "lucide", class: "h-full w-20 text-center" %>
<div class="w-full pb-1 font-bold text-2xl">
<%= "Back to Employer Control" %>
</div>
</div>
<% end %>
</div>
<div class="flex w-full items-center space-x-8">
<h1 class="font-bold text-4xl text-platinum my-5"><%= @employer.name %></h1>
<div class="h-[50px] max-w-[200px]">
<% if @employer&.id_card_setup&.employer_logo&.filename %>
<%= image_tag image_id_card_employer_logo_path(@employer.id_card_setup.employer_logo.id), class: "max-h-[50px] object-contain shadow-[0_0_10px_3px_#93c5fd] bg-platinum" %>
<% end %>
</div>
<div class="w-1/2 flex ml-8">
<%= link_to 'Edit Employer', edit_employer_path(@employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-1/3 cursor-pointer bg-bluetang hover:bg-deepcove border-2 border-bluetang text-platinum text-lg font-bold px-3 rounded-lg h-10 transition duration-100" %>
</div>
</div>
<div class="flex space-x-6">
<div class="flex flex-col space-y-1 w-1/4">
<div class="w-full flex items-center">
<h3 class="flex-none font-bold text-2xl text-bluemana">Employer Information</h3>
<div class="grow h-[1px] mt-2 ml-1 bg-bronze"></div>
</div>
<div class="flex flex-col space-y-1 ml-4">
<p class="text-<%="#{@employer.active == false ? "brightlava" : "limegreen"}" %>">
<strong class="text-platinum mr-2">└── Status:</strong>
<%= @employer.active == false ? "inactive" : "active" %>
</p>
<p class="ml-9 text-bluemana">
<strong class="text-platinum mr-2">├── Effective Date:</strong>
<%= @employer.effective_date %>
</p>
<div>
<strong class="text-bluemana mr-2">└── Key Chain</strong>
</div>
<% @employer.attributes.with_indifferent_access.slice(:pl_plan_key, :company_pb_entity_key, :group_number).each do |attribute_name, attribute_value| %>
<p class="ml-9 text-<%="#{attribute_value.present? ? "limegreen" : "brightlava"}" %>">
<strong class="text-platinum mr-2">├── <%= attribute_name.titleize %>:</strong>
<%= attribute_value.present? ? attribute_value.to_s : "waiting" %>
</p>
<% end %>
<% if @employer&.id_card_setup&.plans.present? %>
<div>
<strong class="text-atmosphere mr-2">└── Plans</strong>
</div>
<% @employer.id_card_setup.plans.pluck(:title, :pb_product_key).each do |plan| %>
<div class="ml-9">
├── <%= plan.first %>
</div>
<p class="ml-14 text-<%="#{plan.last.present? ? "limegreen" : "brightlava"}" %>">
<strong class="text-platinum mr-2">└── PB Product Key:</strong>
<%= plan.last.present? ? plan.last.to_s : "waiting" %>
</p>
<% end %>
<% end %>
</div>
<div class="flex flex-col items-center w-full my-8">
<div class="w-full flex flex-col items-center my-3">
<div class="font-bold text-lg text-bronze">
Admin
</div>
<span class="block w-full h-0.5 bg-copper mt-[-4]"></span>
</div>
<div class="flex flex-col items-center space-y-6 w-full">
<%= link_to 'Sync Employer with VHCS', refresh_employer_information_employers_path(id: @employer.id), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-brightlava hover:bg-deepcove border-2 border-brightlava text-platinum text-lg font-bold px-3 rounded-lg h-10 transition duration-100" %>
<%= link_to 'Sync Members with VHCS', refresh_employer_members_information_employers_path(id: @employer.id),data: { turbo: false }, class: "flex justify-center items-center w-full bg-brightlava hover:bg-deepcove border-2 border-brightlava text-platinum text-lg font-bold px-3 rounded-lg h-10 transition duration-100" %>
</div>
</div>
</div>
<div class="flex flex-col space-y w-[23%] mb-5">
<% module_color = IdCard::Setup::MODULE_COLOR %>
<div class="w-full flex flex-none items-center justify-between">
<h3 class="flex-none font-bold text-2xl text-<%= module_color %>">ID Card Module</h3>
<div class="grow h-[1px] mt-2 ml-1 bg-bronze"></div>
</div>
<div class="grow flex flex-col w-full border-l-4 border-b-4 border-<%= module_color %> rounded-xl pl-2 pb-2">
<% if @employer.id_card_enabled? %>
<div class="grow-1 flex flex-col items-center w-full">
<div class="w-full flex flex-col items-center my-3">
<div class="font-bold text-lg text-bronze">
Setup
</div>
<span class="block w-full h-0.5 bg-copper mt-[-4]"></span>
</div>
<div class="flex flex-col items-center space-y-6 w-full">
<%= link_to "General", employer_id_card_setup_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<%= link_to "Plans", plans_employer_id_card_setup_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<%= link_to 'Exceptions (Optional)', field_exceptions_employer_id_card_setup_index_path(employer_id: @employer.slug ), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<% unless @employer.id_card_setup.active %>
<%= link_to 'Activate ID Cards', update_active_status_employer_id_card_setup_index_path(employer_id: @employer.slug ), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-brightlava hover:bg-deepcove border-2 border-brightlava text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<% end %>
</div>
</div>
<div class="grow-1 flex flex-col items-center w-full">
<div class="w-full flex flex-col items-center my-3">
<div class="font-bold text-lg text-bronze">
Actions
</div>
<span class="block w-full h-0.5 bg-copper mt-[-4]"></span>
</div>
<div class="flex flex-col items-center space-y-6 w-full">
<%= link_to 'Generate Sample Cards', generate_sample_id_card_print_path(id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<%= link_to 'Generate Group Cards (for print)', generate_print_id_card_print_path(id: @employer.slug),data: { turbo: false }, class: "flex justify-center items-center w-full #{@employer.active ? "" : "pointer-events-none opacity-50 cursor-not-allowed"} bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<%= link_to 'Generate Group Cards (for display)', generate_mobile_display_id_card_print_path(id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full #{@employer.active ? "" : "pointer-events-none opacity-50 cursor-not-allowed"} bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
<%= link_to 'Generate Group Cards (for download)', generate_full_page_id_card_print_path(id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full #{@employer.active ? "" : "pointer-events-none opacity-50 cursor-not-allowed"} bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
</div>
</div>
<% else %>
<%= link_to "Enable ID Card", employer_id_card_setup_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full h-full cursor-pointer bg-#{module_color} hover:bg-deepcove border-4 border-atmosphere text-platinum text-xl font-bold px-3 rounded-md mt-3 transition duration-100" %>
<% end %>
</div>
</div>
<div class="flex flex-col space-y w-[23%] mb-5">
<div class="flex flex-col space-y w-full h-1/2 mb-2">
<div class="w-full flex items-center">
<h3 class="flex-none font-bold text-2xl text-copper">Britton Web Module</h3>
<div class="grow h-[1px] mt-2 ml-1 bg-bronze"></div>
</div>
<div class="grow flex flex-col w-full border-l-4 border-b-4 border-copper rounded-xl pl-2 pb-2">
<% if @employer.claims_check_enabled? %>
<% else %>
<%= link_to "Enable Britton Web", employer_id_card_setup_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full h-full cursor-pointer bg-copper hover:bg-deepcove border-4 border-copper text-platinum text-xl font-bold px-3 rounded-md mt-3 transition duration-100" %>
<% end %>
</div>
</div>
<div class="flex flex-col space-y w-full h-1/2">
<div class="w-full flex items-center">
<h3 class="flex-none font-bold text-2xl text-cobalt-vivid">Claims Check Module</h3>
<div class="grow h-[1px] mt-2 ml-1 bg-bronze"></div>
</div>
<div class="grow flex flex-col w-full border-l-4 border-b-4 border-cobalt-vivid rounded-xl pl-2 pb-2">
<% if @employer.claims_check_enabled? %>
<% else %>
<%= link_to "Enable Claims Check", employer_id_card_setup_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full h-full cursor-pointer bg-cobalt-vivid hover:bg-deepcove border-4 border-cobalt-vivid text-platinum text-xl font-bold px-3 rounded-md mt-3 transition duration-100 pointer-events-none opacity-50 cursor-not-allowed" %>
<% end %>
</div>
</div>
</div>
<div class="flex flex-col space-y w-[23%] mb-5">
<div class="w-full flex items-center">
<h3 class="flex-none font-bold text-2xl text-verdigris-vivid">FairosRx Eligibility Module</h3>
<div class="grow h-[1px] mt-2 ml-1 bg-bronze"></div>
</div>
<div class="grow flex flex-col w-full border-l-4 border-b-4 border-verdigris-vivid rounded-xl pl-2 pb-2">
<% if @employer.claims_check_enabled? %>
<% else %>
<%= link_to "Enable FairosRx Eligibility", employer_id_card_setup_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full h-full cursor-pointer bg-verdigris-vivid hover:bg-deepcove border-4 border-verdigris-vivid text-platinum text-xl font-bold px-3 rounded-md mt-3 transition duration-100 pointer-events-none opacity-50 cursor-not-allowed" %>
<% end %>
</div>
</div>
</div>
</div>