<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>                                                                              