.jumbotron.j2-jumbo.text-center
  %h1= APP_CONFIG['site_name']
  %p About our service, features and other information
.container
  = render 'layouts/messages'

  .row
    .col-sm-4
      .panel.panel-default
        .panel-body
          %h3 The Team
          The people behind
          = succeed '!' do
            = APP_CONFIG['site_name']
          %br/
          - APP_CONFIG['admins'].each do |adm|
            .media
              .pull-left
                %a{href: show_user_profile_path(adm['screen_name'])}
                  %img.img-rounded.answerbox--img{src: User.find_by_screen_name(adm['screen_name']).profile_picture.url(:medium)}
              .media-body
                %h4.entry-text.entry-about= adm['about_text']
                %h6.entry-subtext= adm['subtext']
      .panel.panel-default
        .panel-body
          %h3 Moderators
          The people on
          = APP_CONFIG['site_name']
          that look after you!
          %ul.about--moderator
            - User.where(moderator: true).each do |mod|
              %a{href: show_user_profile_path(mod.screen_name), title: mod.screen_name, data: { toggle: :tooltip, placement: :top }}
                %img.img-rounded.answerbox--img-small{src: mod.profile_picture.url(:small)}
    .col-sm-4
      .panel.panel-default
        .panel-body
          %h3 Unfinished
          %p Retrospring is running on unfinished code, full of bugs. Caveat emptor.
          %p
            Want to contribute? If you are a Ruby developer, CoffeeScript coder or frontend designer, you can now help
            = APP_CONFIG['site_name']
            to get the features everyone wanted! If you are not, you can still report bugs at our 
            = link_to "Github repository!", 'https://github.com/retrospring/retrospring'

          %p
            Still have some questions? Check our
            = link_to "FAQ!", help_faq_path
      .panel.panel-default
        .panel-body
          There are lies, damned lies, and then there are...
          %h3 Statistics
          .row
            .col-xs-6
              %h4.entry-text#asked-count= Question.count
              %h6.entry-subtext Questions
            .col-md-6.col-sm-6.col-xs-6
              %h4.entry-text#answered-count= Answer.count
              %h6.entry-subtext Answers
          .row
            .col-xs-6
              %h4.entry-text#asked-count= Comment.count
              %h6.entry-subtext Comments
            .col-md-6.col-sm-6.col-xs-6
              %h4.entry-text#answered-count= Smile.count
              %h6.entry-subtext Smiles
          .row
            .col-xs-6
              %h4.entry-text#follower-count= User.count
              %h6.entry-subtext Users
    .col-sm-4
      .panel.panel-default
        .panel-body
          %h3 Donate
          We are not backed by any company, but we need some money to keep
          our server infrastructure running.

          %form{:action => "https://www.paypal.com/cgi-bin/webscr", :method => "post", :target => "_top"}
            %input{:name => "cmd", :type => "hidden", :value => "_s-xclick"}/
            %input{:name => "hosted_button_id", :type => "hidden", :value => "6ZT5MS6UGU6HC"}/
            %input{:alt => "PayPal - The safer, easier way to pay online!", :border => "0", :name => "submit", :src => "https://www.paypalobjects.com/en_US/AT/i/btn/btn_donateCC_LG.gif", :type => "image"}/
            %img{:alt => "", :border => "0", :height => "1", :src => "https://www.paypalobjects.com/de_DE/i/scr/pixel.gif", :width => "1"}/

          Want to support us over a longer timespan? We also have a Patreon campaign!
          %a.btn.btn-primary.btn-block{href: "https://patreon.com/retrospring"} Patreon
      .panel.panel-default
        .panel-body
          %h3 Patrons
          People that believe in our vision, and that's why we love them <3
          %ul.about--moderator
            - User.where(supporter: true).each do |sup|
              %a{href: show_user_profile_path(sup.screen_name), title: sup.screen_name, data: { toggle: :tooltip, placement: :top }}
                %img.img-rounded.answerbox--img-small{src: sup.profile_picture.url(:medium)}

= render "shared/links"