openfoodnetwork/app/assets/javascripts/templates/admin/panels/enterprise_producer.html.haml

.row.enterprise_producer_panel{ ng: { controller: 'indexProducerPanelCtrl' } }
  .alpha.eight.columns
    .info{ ng: { show: "enterprise.is_primary_producer==true" } }
      %h3
        {{ 'js.admin.panels.enterprise_producer.producer' | t }}
      %p
        {{ 'js.admin.panels.enterprise_producer.producer_text1' | t }}
      %p
        {{ 'js.admin.panels.enterprise_producer.producer_text2' | t }}

    .info{ ng: { show: "enterprise.is_primary_producer==false" } }
      %h3
        {{ 'js.admin.panels.enterprise_producer.non_producer' | t }}
      %p
        {{ 'js.admin.panels.enterprise_producer.non_producer_text1' | t }}
      %p
        {{ 'js.admin.panels.enterprise_producer.non_producer_text2' | t }}

  .omega.eight.columns
    %a.button.selector.producer{ ng: { click: 'enterprise.owned && changeToProducer()', class: "{selected: enterprise.is_primary_producer==true, disabled: !enterprise.owned}" } }
      .top
        %h3
          {{ 'js.admin.panels.enterprise_producer.producer' | t }}
        %p
          {{ 'js.admin.panels.enterprise_producer.producer_desc' | t }}
      .bottom
        {{ 'js.admin.panels.enterprise_producer.producer_example' | t }}

    %a.button.selector.non-producer{ ng: { click: 'enterprise.owned && changeToNonProducer()', class: "{selected: enterprise.is_primary_producer==false, disabled: !enterprise.owned}" } }
      .top
        %h3
          {{ 'js.admin.panels.enterprise_producer.non_producer' | t }}
        %p
          {{ 'js.admin.panels.enterprise_producer.non_producer_desc' | t }}
      .bottom
        {{ 'js.admin.panels.enterprise_producer.non_producer_example' | t }}

    %a.button.update.fullwidth{ ng: { show: "enterprise.owned", class: "{disabled: saved() && !saving, saving: saving}", click: "save()" } }
      %span{ ng: {hide: "saved() || saving" } }
        {{ 'js.admin.panels.save' | t }}
        %i.icon-save
      %span{ ng: {show: "saved() && !saving" } }
        {{ 'js.admin.panels.saved' | t }}
        %i.icon-ok-sign
      %span{ ng: {show: "saving" } }
        {{ 'js.admin.panels.saving' | t }}
        %i.icon-refresh