- pose_info = pose_emoji_and_label(@selected_pose)
%button#pose-picker-button.pose-picker-button{type: "button", popovertarget: "pose-picker-popover"}
  %span.pose-emoji= pose_info[:emoji]
  %span.pose-label= pose_info[:label]
  %span.chevron ▾

%pose-picker-popover#pose-picker-popover{popover: "auto"}
  = form_with url: wardrobe_v2_path, method: :get, class: "pose-picker-form" do |f|
    = outfit_state_params except: [:pose]
    %table.pose-picker-table
      %thead
        %tr
          %th
          %th
            %span.emoji-icon{title: "Happy"} 😀
          %th
            %span.emoji-icon{title: "Sad"} 😢
          %th
            %span.emoji-icon{title: "Sick"} 🤢
      %tbody
        %tr
          %th
            %span.emoji-icon{title: "Masculine"} 💁‍♂️
          %td
            = render "pose_option", pose: "HAPPY_MASC", pet_state: @available_poses["HAPPY_MASC"], selected: @selected_pose == "HAPPY_MASC"
          %td
            = render "pose_option", pose: "SAD_MASC", pet_state: @available_poses["SAD_MASC"], selected: @selected_pose == "SAD_MASC"
          %td
            = render "pose_option", pose: "SICK_MASC", pet_state: @available_poses["SICK_MASC"], selected: @selected_pose == "SICK_MASC"
        %tr
          %th
            %span.emoji-icon{title: "Feminine"} 💁‍♀️
          %td
            = render "pose_option", pose: "HAPPY_FEM", pet_state: @available_poses["HAPPY_FEM"], selected: @selected_pose == "HAPPY_FEM"
          %td
            = render "pose_option", pose: "SAD_FEM", pet_state: @available_poses["SAD_FEM"], selected: @selected_pose == "SAD_FEM"
          %td
            = render "pose_option", pose: "SICK_FEM", pet_state: @available_poses["SICK_FEM"], selected: @selected_pose == "SICK_FEM"
    = submit_tag "Change pose", name: nil, class: "pose-submit-button"