Employers working - onboarding to card print

app/views/employers/_alt_network_logo_fields.html.erb

@@ -0,0 +1,32 @@
+<div class="flex space-x-5 items-center mt-4">
+    <div class="flex flex-col items-start w-full">
+        <div class="flex items-end w-full">
+            <div class="flex flex-col">
+                <%= f.select :network_logo, options_for_select(CardLogoFile.where(logo_type: 'network').pluck(:filename).map { |fn| [fn, fn]}), { include_blank: "Select or Add Network Logo", class: "rounded-r-none" }, { data: { logo_upload_target: "logoSelect" }} %>
+            </div>
+            <div class="flex items-center justify-center cursor-pointer bg-NEXT_COLOR hover:bg-deepcove border-2 border-NEXT_COLOR text-platinum font-bold px-3 rounded-r h-10 transition duration-100">
+                <label for="file_upload_input_NEW_RECORD" class="text-center cursor-pointer">
+                    <%= icon "image-plus", library: "lucide" %>
+                </label>
+            </div>
+            <div class="hidden flex justify-center ml-4 rounded-lg border-4 border-NEXT_COLOR" data-logo-upload-target="previewContainer">
+                <img data-logo-upload-target="preview" src="#" alt="Network Logo preview" class="max-h-[100px] max-w-[133px] m-1 bg-platinum"/>
+            </div>
+        </div>
+    </div>
+    <%= network_fields.file_field :network_logo_file, class: "hidden", id: "file_upload_input_NEW_RECORD", data: { add_alt_network_logo_target: "networkLogo", logo_upload_type_param: "network", action: "change->logo-upload#uploadLogo" }, direct_upload: true %>
+</div>
+<div class="flex items-end space-x-6 w-full">
+    <div class="w-full">
+        <%= network_fields.select :exception_type, options_for_select(["Zip","State"]), label: { text: "Exception Type" }, prompt: "Select Type", class: "w-full" %>
+    </div>
+    <div class="w-full">
+        <%= network_fields.text_field :exception_value, label: { text: "Exception Value" }, class: "w-full" %>
+    </div>
+</div>      
+<div class="flex justify-center items-end w-full"> 
+    <div class="w-1/2">
+        <%= network_fields.hidden_field :_destroy %>
+        <%= button_tag "Remove", class: "cursor-pointer bg-deepcove hover:bg-brightlava text-xl font-bold text-NEXT_SECONDARY_COLOR hover:text-platinum py-1 px-2 font-semibold leading-tight rounded-lg border-3 border-NEXT_SECONDARY_COLOR w-full", data: { action: "add-alt-network-logo#remove" } %>
+    </div>
+</div>