include reaction-button
mixin renderChatInputForm (room, options = { })
  form(
    id="chat-input-form",
    data-room-id= room._id,
    onsubmit="return window.dtp.app.chat.sendUserChat(event);",
  ).uk-form

    input(type="hidden", name="roomType", value= "ChatRoom")
    input(type="hidden", name="room", value= room._id)

    .uk-card.uk-card-secondary.uk-card-body.uk-padding-small(style="border-top: solid 1px #3a3a3a;")
      textarea(
        id="chat-input-text",
        name="content",
        rows="2",
        hidden,
      ).uk-textarea.uk-margin-small

      div(uk-grid).uk-grid-small.uk-flex-middle
        .uk-width-auto
          button(
            type= "button",
            title= "Insert emoji",
            data-target-element= "chat-input-text",
            uk-tooltip={ title: 'Add Emoji', delay: 500 },
            onclick= "return dtp.app.showEmojiPicker(event);",
          ).uk-button.dtp-button-default.uk-button-small
            span
              i.far.fa-laugh-beam

        .uk-width-auto
          button(
            type= "button",
            title= "Sticker Picker",
            uk-toggle={ target: '#sticker-picker'},
            uk-tooltip={ title: 'Add Sticker', delay: 500 },
            onclick="return dtp.app.chat.openChatInput();",
          ).uk-button.dtp-button-default.uk-button-small
            span
              i.far.fa-image
          #sticker-picker(uk-modal)
            .uk-modal-dialog.uk-modal-body
              button(type="button", uk-close).uk-modal-close-default
              h4.uk-text-center Sticker Picker 9000™
              ul(uk-tab).uk-flex-center
                li.uk-active
                  a(href="")= user.displayName || user.username
                li
                  a(href="")= room.name
                li
                  a(href="") Favorites
              ul.uk-switcher.chat-sticker-picker
                //- Personal stickers
                li
                  if Array.isArray(userStickers) && (userStickers.length > 0)
                    div(uk-grid).uk-grid-small.uk-flex-center
                      each sticker in userStickers
                        .uk-width-auto
                          button(
                            type="button",
                            data-sticker-id= sticker._id,
                            data-sticker-slug= sticker.slug,
                            onclick="return dtp.app.chat.insertChatSticker(event);",
                          ).uk-button.uk-button-text
                            +renderSticker(sticker)
                  else
                    .uk-text-center You haven't uploaded any #[a(href="/sticker") Stickers] yet

                //- Channel stickers
                li
                  if Array.isArray(roomStickers) && (roomStickers.length > 0)
                    div(uk-grid).uk-grid-small.uk-flex-center
                      each sticker in roomStickers
                        .uk-width-auto
                          button(
                            type="button",
                            data-sticker-id= sticker._id,
                            data-sticker-slug= sticker.slug,
                            onclick="return dtp.app.chat.insertChatSticker(event);",
                          ).uk-button.uk-button-text
                            +renderSticker(sticker)
                  else
                    .uk-text-center This room hasn't uploaded any #[a(href="/sticker") Stickers] yet

                //- Favorite/Saved stickers
                li
                  if Array.isArray(favoriteStickers) && (favoriteStickers.length > 0)
                    div(uk-grid).uk-grid-small.uk-flex-center
                      each sticker in favoriteStickers
                        .uk-width-auto
                          button(
                            type="button",
                            data-sticker-id= sticker._id,
                            data-sticker-slug= sticker.slug,
                            onclick="return dtp.app.chat.insertChatSticker(event);",
                          ).uk-button.uk-button-text
                            +renderSticker(sticker)
                  else
                    .uk-text-center You haven't saved any Favorite stickers

        //- .uk-width-auto
        //-   button(
        //-     type= "button",
        //-     title= "Attach image",
        //-     onclick="return dtp.app.chat.attachChatImage(event);",
        //-   ).uk-button.dtp-button-default.uk-button-small
        //-     span
        //-       i.fas.fa-file-image

        .uk-width-expand
          if !options.hideHomeNav
            .uk-text-small.uk-text-center.uk-text-truncate
              a(href="/chat", uk-tooltip={ title: "Chat Home", delay: 500 }).uk-button.dtp-button-secondary.uk-button-small
                span
                  i.fas.fa-home

        .uk-width-auto
          button(
            id="chat-input-btn",
            type="button",
            onclick="return dtp.app.chat.toggleChatInput(event);",
            uk-tooltip={ title: "Toggle Chat Input", delay: 500 },
          ).uk-button.dtp-button-secondary.uk-button-small
            span
              i.fas.fa-edit

        .uk-width-auto
          button(
            id="chat-send-btn",
            type="submit",
            uk-tooltip={ title: "Send Message", delay: 500 },
          ).uk-button.dtp-button-primary.uk-button-small
            span
              i.far.fa-paper-plane

      div(uk-grid).uk-flex-between.uk-grid-small
        .uk-width-auto
          +renderReactionButton('Applaud/clap', '👏', 'clap')
        .uk-width-auto
          +renderReactionButton("On Fire!", '🔥', 'fire')
        .uk-width-auto
          +renderReactionButton("Happy", "🤗", "happy")
        .uk-width-auto
          +renderReactionButton("Laugh", "🤣", "laugh")
        .uk-width-auto
          +renderReactionButton("Angry", "🤬", "angry")
        .uk-width-auto
          +renderReactionButton("Honk", "🤡", "honk")

  //- .chat-menubar