- content_for(:title) do
  Groups

= inject_enterprises

:javascript
  angular.module('Darkswarm').value('groups', #{render partial: "json/groups", object: @groups})

#groups.pad-top.footer-pad{"ng-controller" => "GroupsCtrl"}
  #active-table-search.row.pad-top
    .small-12.columns
      %h1 Groups / regions
      %p
        %input{type: :text,
        "ng-model" => "query",
        placeholder: "Search name or keyword",
        "ng-debounce" => "150",
        "ofn-disable-enter" => true}

  .group.animate-repeat{"ng-repeat" => "group in groups = (Groups.groups | groups:query | orderBy:order)",
        name: "group{{group.id}}",
        id: "group{{group.id}}"}
    .row.pad-top{bindonce: true}
      .small-12.medium-6.columns
        .groups-header
          %a{"bo-href-i" => "/groups/{{group.permalink}}"}
            %i.ofn-i_035-groups
            %span.group-name{"bo-text" => "group.name"}
      .small-3.medium-2.columns
        %p{"bo-text" => "group.state"}
      .small-9.medium-4.columns.groups-icons
        %p
          %link-to-service.ofn-i_050-mail-circle{service: '""', ref: 'group.email.split("").reverse().join("")', mailto: true}
          %link-to-service.ofn-i_049-web{service: '"http://"', ref: 'group.website'}
          %link-to-service.ofn-i_041-twitter{service: '"http://twitter.com/"', ref: 'group.twitter'}
          %link-to-service.ofn-i_044-facebook{service: '"https://www.facebook.com/"', ref: 'group.facebook'}
          %link-to-service.ofn-i_042-linkedin{service: '"https://www.linkedin.com/in/"', ref: 'group.linkedin'}
          %link-to-service.ofn-i_043-instagram{service: '"http://instagram.com/"', ref: 'group.instagram'}

  .group{"ng-show" => "groups.length == 0"}
    .row.pad-top
      No groups found

= render partial: "shared/footer"