%home
  = link_to "Home", "index"

%h3
  = group_title

%table.table-hover.col-sm-12
  - group.each do |library|
    %tr
      %td.name
        - if library.latest_manifest.display_name
          = link_to_library(library.latest_manifest.name, library.latest_manifest.display_name)
        - else
          = link_to_library(library.latest_manifest.name, library.latest_manifest.name)
      %td.summary
        = library.manifests.last.summary
      %td.platforms
        %link{:href => "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css", :rel => "stylesheet"}
        - if library.manifests.last.platforms.include? 'Linux'
          %i.fa.fa-linux
        - if library.manifests.last.platforms.include? 'OS X'
          %i.fa.fa-apple
        - if library.manifests.last.platforms.include? 'Windows'
          %i.fa.fa-windows
        - if library.manifests.last.platforms.include? 'Android'
          %i.fa.fa-android
        - if library.manifests.last.platforms.include? 'iOS'
          %span.ios
      %td.topics
        - if library.manifests.last.topics
          - library.manifests.last.topics.each do |topic|
            - if (topic != library.manifests.last.topics.last)
              = topic + ", "
            - else
              = topic
      %td.licenses
        - library.manifests.last.licenses.each do |license|
          - if (license != library.manifests.last.licenses.last)
            = license + ", "
          - else
            = license
%br

%p
  #{group.count} libraries listed in group #{group_title}.

:javascript
  $('table.table-hover.col-sm-12 tr').click( function() {
    window.location = $(this).find('a').attr('href');
  }).hover( function() {
    $(this).toggleClass('hover');
  });