#noticiaDetalhe
  .mb-3= render partial: '/pages/breadcrumbs'
  .container
    %article.bgWhite
      %header
        .row.align-items-end.border-left.no-gutters
          - if content.respond_to?(:image) && content.image.present?
            .col-sm-12.col-md-9
              %figure
                .img.figure-img.img-fluid= image_tag content.image_url, :alt => content.title, :class => "img-fluid"
          .col-sm-12.col-md-3.signature
            %ul
              %li.date= content.news_info.published_at.strftime('%d.%m')
              %li.year= content.news_info.published_at.year
              %li.time= content.news_info.published_at.strftime('%H:%M')
              %li.publisher= content.news_info.author
          = render '/contents/assets/badget_pilars', sections: content.sections
        %h1.title.mt-4.mb-md-5= content.title
      .row
        .col-sm-12.col-md-9
          .content
            = content.content.html_safe
          .col-12.text-right
            = image_tag 'assinatura.png', :title => 'Assinatura Abraji', :alt => 'Assinatura Abraji'
          %footer
            .row
              .col-12
                %hr.mb-3
              .col-sm-12.col-md-6
                = render '/contents/assets/social_bar', content: content
              .col-sm-12.col-md-6.text-md-right.my-4.my-md-1
                = link_to 'Voltar para ' + t("activerecord.models.#{content.type.underscore}.other"), news_path
        .col-sm-12.col-md-3.bg
          .aside
            %aside
              %nav
                .list-group
                  .line-top.ml-3.mt-3
                  %h2.ml-3= 'Notícias'
                  %a.list-group-item.list-group-item-action{ 'href' => '/noticias?filter_selected=liberdade-de-expressao' }
                    .arrow
                      .line.color1
                      .right.color1
                    Liberdade de Expressão
                  %a.list-group-item.list-group-item-action{ :href => '/noticias?filter_selected=acesso-a-informacao' }
                    .arrow
                      .line.color2
                      .right.color2
                    Acesso à informação
                  %a.list-group-item.list-group-item-action{ :href => '/noticias?filter_selected=formacao' }
                    .arrow
                      .line.color3
                      .right.color3
                    Formação
                  %a.list-group-item.list-group-item-action{ :href => '/noticias?filter_selected=abraji-notes' }
                    .arrow
                      .line.color4
                      .right.color4
                    Notas
                  %a.list-group-item.list-group-item-action{ :href => '/noticias?filter_selected=clipping' }
                    .arrow
                      .line.color4
                      .right.color4
                    Clipping
                  %a.list-group-item.list-group-item-action{ :href => '/noticias?filter_selected=congress' }
                    .arrow
                      .line.color4
                      .right.color4
                    Congresso
                  .line-top.ml-3.mt-3.mb-3