impress/app/views/wardrobe/items/_item_card.html.haml

- is_worn = @outfit.worn_items.include?(item)
- is_closeted = @outfit.closeted_items.include?(item)
%li.item-card{data: {is_worn: is_worn || nil, is_closeted: is_closeted || nil}}
  - if defined?(zone_id) && zone_id
    %label.item-card-label
      %input.visually-hidden{type: "radio", name: "zone_#{zone_id}", checked: is_worn || nil, "aria-label": item.name}
      = render "wardrobe/items/item_card_content", item: item
  - else
    = render "wardrobe/items/item_card_content", item: item
  - if is_worn
    = button_to @wardrobe_path, method: :get, class: "item-hide-button", title: "Hide #{item.name}", "aria-label": "Hide #{item.name}" do
      👁️‍🗨️
      = outfit_state_params @outfit.hide_item(item)
    = button_to @wardrobe_path, method: :get, class: "item-remove-button", title: "Remove #{item.name}", "aria-label": "Remove #{item.name}" do
      ❌
      = outfit_state_params @outfit.without_item(item)
  - elsif is_closeted
    = button_to @wardrobe_path, method: :get, class: "item-show-button", title: "Show #{item.name}", "aria-label": "Show #{item.name}" do
      👁️
      = outfit_state_params @outfit.with_item(item)
    = button_to @wardrobe_path, method: :get, class: "item-remove-button", title: "Remove #{item.name}", "aria-label": "Remove #{item.name}" do
      ❌
      = outfit_state_params @outfit.without_item(item)
  - else
    = button_to @wardrobe_path, method: :get, class: "item-add-button", title: "Add #{item.name}", "aria-label": "Add #{item.name}" do
      ➕
      = outfit_state_params @outfit.with_item(item)