- type ||= nil
.card.questionbox{ data: { id: q.id } }
  .card-body{ data: { controller: q.long? ? "collapse" : nil } }
    .d-flex
      - if type == 'discover'
        .flex-shrink-0
          %a{ href: user_screen_name(q.user, link_only: true) }
            %img.avatar-md.me-2{ src: q.user&.profile_picture&.url(:small), loading: :lazy }
      .flex-grow-1
        %h6.text-muted.answerbox__question-user
          = t("answerbox.header.asked_html", user: user_screen_name(q.user), time: time_tooltip(q))
          - if q.answer_count > 1
            ·
            %a{ href: question_path(q.user.screen_name, q.id) }
              = pluralize(q.answer_count, t("voc.answer"))
        .answerbox__question-text{ class: q.long? ? 'collapsed' : '', data: { collapse_target: "content" } }
          = question_markdown q.content
        - if q.long?
          = render "shared/collapse", type: "question"
      - if user_signed_in?
        .flex-shrink-0.ms-auto
          .btn-group
            %button.btn.btn-link.btn-sm.dropdown-toggle{ data: { bs_toggle: :dropdown }, aria: { expanded: false } }
              %span.caret
            = render "actions/question", question: q