Retrospring/app/views/discover/index.html.haml

- provide(:title, generate_title(t(".title")))
.container
  .card.bg-primary.text-bg-primary.my-3
    .card-body
      %h1= t(".heading")
      %p= t(".subheading", app_title: APP_CONFIG["site_name"])
  .row
    .col-md-7.col-sm-6
      %h2= t(".content.heading")
      %p= t(".content.description")
      %div{ role: :tabpanel }
        %ul.nav.nav-tabs{ role: :tablist }
          %li.nav-item{ role: "presentation" }
            %a.nav-link.active{ href: "#answers", role: :tab, aria: { controls: "answers" }, data: { bs_toggle: :tab } }= t(".content.tab.answers")
          %li.nav-item{ role: "presentation" }
            %a.nav-link{ href: "#questions", role: :tab, aria: { controls: "questions" }, data: { bs_toggle: :tab } }= t(".content.tab.questions")
          %li.nav-item{ role: "presentation" }
            %a.nav-link{ href: "#comments", role: :tab, aria: { controls: "comments" }, data: { bs_toggle: :tab } }= t(".content.tab.comments")
        .tab-content.mt-3
          = render "discover/tab/answers", answers: @popular_answers, subscribed_answer_ids: @subscribed_answer_ids
          = render "discover/tab/questions", questions: @popular_questions
          = render "discover/tab/discussed", comments: @most_discussed, subscribed_answer_ids: @subscribed_answer_ids
    .col-md-5.col-sm-6
      %h2= t(".people.heading")
      %p= t(".people.description")
      %div{ role: :tabpanel }
        %ul.nav.nav-tabs{ role: :tablist }
          %li.nav-item{ role: "presentation" }
            %a.nav-link.active{ href: "#new", role: :tab, aria: { controls: "new" }, data: { bs_toggle: :tab } }= t(".people.tab.new")
          %li.nav-item{ role: "presentation" }
            %a.nav-link{ href: "#asked", role: :tab, aria: { controls: "asked" }, data: { bs_toggle: :tab } }= t(".people.tab.questions")
          %li.nav-item{ role: "presentation" }
            %a.nav-link{ href: "#answered", role: :tab, aria: { controls: "answered" }, data: { bs_toggle: :tab } }= t(".people.tab.answers")
        .tab-content.mt-3
          = render "discover/tab/new", new: @new_users
          = render "discover/tab/asked", asked: @users_with_most_questions
          = render "discover/tab/most", answered: @users_with_most_answers
  = render "shared/links"