
        <div class="flex items-end w-[42%] hidden exception-item" data-controller="logo-upload">
            <div class="flex flex-col w-full">
                <%= exception_item_fields.select :card_logo_file_id, options_for_select(CardLogoFile.where(logo_type: 'network').pluck(:filename)), { include_blank: "Select/Add Network Logo", class: "rounded-r-none flex flex-col" }, { data: { logo_upload_target: "logofield", general_form_target: "dependentField", parent_value: "network_logo", add_exception_target: "exception" }} %>
            </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_ITEM_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>
            <%= exception_item_fields.file_field :logo_file, class: "hidden", id: "file_upload_input_NEW_ITEM_RECORD", data: { add_alt_network_logo_target: "networkLogo", logo_upload_type_param: "network", action: "change->logo-upload#uploadLogo" }, direct_upload: true %>           
        </div>
