impress/app/views/wardrobe/appearance/_pose_picker.html.haml

- pose_info = pose_emoji_and_label(@selected_pose, alt_style: @alt_style)
%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"}
  - active_tab = @alt_style ? "styles" : "expressions"
  %tab-panel{active: active_tab}
    .tab-content{"data-tab": "expressions", hidden: active_tab != "expressions" ? true : nil}
      %auto-submit-form
        = render "appearance/pose_picker_form"
    .tab-content{"data-tab": "styles", hidden: active_tab != "styles" ? true : nil}
      %auto-submit-form
        = render "appearance/style_picker_form"
    .tab-list
      %button.tab-button{"data-tab": "expressions", type: "button",
        class: ("active" if active_tab == "expressions")}
        Expressions
      %button.tab-button{"data-tab": "styles", type: "button",
        class: ("active" if active_tab == "styles")}
        Styles