.row.active_table_row{"ng-show" => "open()", "ng-click" => "toggle()", "ng-class" => "{'open' : !ofn-i_032-closed-sign()}"}
  .columns.small-12.medium-4.large-4.fat
    %div{"ng-if" => "producer.supplied_taxons"}
      %label Shop for
      %p.trans-sentence
        %span.fat-taxons{"ng-repeat" => "taxon in producer.supplied_taxons"}
          %render-svg{path: "{{taxon.icon}}"}
          {{taxon.name}} 

  .columns.small-12.medium-3.large-3.fat
    %div{"bo-if" => "producer.logo"}
      %img{src: "{{ producer.logo }}" }

  .columns.small-12.medium-5.large-5.fat
    %div{"bo-if" => "producer.description"}
      %label About us
      %p.text-small
        {{ producer.description }}

.row.active_table_row{"ng-show" => "open()", "bo-if" => "producer.hubs"}
  .columns.small-12
    .row
      .columns.small-12.fat
        %div{"bo-if" => "producer.name"}
          %label 
            Shop for
            %span.turquoise {{ producer.name }} 
            products at:
    .row.cta-container
      .columns.small-12
        %a.button.hub{"ng-repeat" => "hub in producer.hubs | orderBy:'-active'",
        "bo-href" => "hub.path", "ofn-empties-cart" => "hub", 
        "bo-class" => "{primary: hub.active, secondary: !hub.active}"}
          %i.ofn-i_033-open-sign{"bo-if" => "hub.active"}
          %i.ofn-i_032-closed-sign{"bo-if" => "!hub.active"}
          {{hub.name}}
          .button-address {{ [hub.address.city, hub.address.state_name] | printArray }}
          %i.ofn-i_007-caret-right