.row.active_table_row{"ng-show" => "open()", "ng-click" => "toggle()", "ng-class" => "{'open' : !ofn-i_032-closed-sign()}"}
  
  .columns.small-12.medium-7.large-7.fat
    / Will add in long description available once clean up HTML formatting producer.long_description
    %div{"bo-if" => "producer.description"}
      %label About us
      %img.right.show-for-medium-up{src: "{{ producer.logo }}" }
      %p.text-small
        {{ producer.description }}
    %div.show-for-medium-up{"bo-if" => "producer.description.length==0"}
      %label  

  .columns.small-12.medium-5.large-5.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}} 
    
    %div.show-for-medium-up{"ng-if" => "producer.supplied_taxons.length==0"}
       

    %div{"ng-if" => "producer.email || producer.website || producer.phone"}
      %label Contact
      
      %p.word-wrap{"ng-if" => "producer.phone"}
        Call {{ producer.phone }}

      %p.word-wrap{"ng-if" => "producer.email"}
        %a{"ng-href" => "{{producer.email | stripUrl}}", target: "_blank", mailto: true}
          %span.email {{ producer.email | stripUrl }}

      %p.word-wrap{"ng-if" => "producer.website"}
        %a{"ng-href" => "http://{{producer.website | stripUrl}}", target: "_blank" }
          %span {{ producer.website | stripUrl }}

    %div{"ng-if" => "producer.twitter || producer.facebook || producer.linkedin || producer.instagram"}
      %label Follow
      .follow-icons{bindonce: true}
        %span{"ng-if" => "producer.twitter"} 
          %a{"ng-href" => "http://twitter.com/{{producer.twitter}}", target: "_blank"}
            %i.ofn-i_041-twitter
        
        %span{"ng-if" => "producer.facebook"}
          %a{"ng-href" => "http://{{producer.facebook | stripUrl}}", target: "_blank"}
            %i.ofn-i_044-facebook
        
        %span{"ng-if" => "producer.linkedin"}
          %a{"ng-href" => "http://{{producer.linkedin | stripUrl}}", target: "_blank"}
            %i.ofn-i_042-linkedin
        
        %span{"ng-if" => "producer.instagram"}
          %a{"ng-href" => "http://instagram.com/{{producer.instagram}}", target: "_blank"}  
            %i.ofn-i_043-instagram

.row.active_table_row.pad-top{"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:
        %div.show-for-medium-up{"bo-if" => "!producer.name"}
           
    .row.cta-container
      .columns.small-12
        %a.cta-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 {{hub.name}}
          .button-address {{ [hub.address.city, hub.address.state_name] | printArray }}