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

.row.enterprise_package_panel{ ng: { controller: 'indexPackagePanelCtrl' } }
  .alpha.eight.columns
    %div{ ng: { if: "!enterprise.is_primary_producer", switch: "enterprise.sells" } }
      .info{ ng: { switch: { when: "none" } } }
        %h3
          {{ 'js.admin.panels.enterprise_package.hub_profile' | t }}

        %p
          %strong
            {{ 'js.admin.panels.enterprise_package.hub_profile_cost' | t }}

        %p
          {{ 'js.admin.panels.enterprise_package.hub_profile_text1' | t }}

        %p
          {{ 'js.admin.panels.enterprise_package.hub_profile_text2' | t }}

      .info{ ng: { switch: { when: "any" } } }
        %h3
          {{ 'js.admin.panels.enterprise_package.hub_shop' | t }}

        %p
          {{ 'js.admin.panels.enterprise_package.hub_shop_text1' | t }}

        %p
          {{ 'js.admin.panels.enterprise_package.hub_shop_text2' | t }}

        %p
          {{ 'js.admin.panels.enterprise_package.hub_shop_text3' | t }}

      .info{ ng: { switch: { default: true } } }
        %h3
          {{ 'js.admin.panels.enterprise_package.choose_package' | t }}
          %i.icon-arrow-right

        %p
          %strong
            {{ 'js.admin.panels.enterprise_package.choose_package_text1' | t }}

        %p
          {{ 'js.admin.panels.enterprise_package.choose_package_text2' | t }}

    %div{ ng: { if: "enterprise.is_primary_producer", switch: "enterprise.sells" } }
      .info{ ng: { switch: { when: "none" } } }
        %h3
          {{ 'js.admin.panels.enterprise_package.profile_only' | t }}

        %p
          %strong
            {{ 'js.admin.panels.enterprise_package.profile_only_cost' | t }}

        %p
          {{ 'js.admin.panels.enterprise_package.profile_only_text1' | t }}

        %p
          {{ 'js.admin.panels.enterprise_package.profile_only_text2' | t }}

        %p
          {{ 'js.admin.panels.enterprise_package.profile_only_text3' | t }}

      .info{ ng: { switch: { when: "own" } } }
        %h3
          {{ 'js.admin.panels.enterprise_package.producer_shop' | t }}

        %p
          {{ 'js.admin.panels.enterprise_package.producer_shop_text1' | t }}

        %p
          {{ 'js.admin.panels.enterprise_package.producer_shop_text2' | t }}

      .info{ ng: { switch: { when: "any" } } }
        %h3
          {{ 'js.admin.panels.enterprise_package.producer_hub' | t }}

        %p
          {{ 'js.admin.panels.enterprise_package.producer_hub_text1' | t }}

        %p
          {{ 'js.admin.panels.enterprise_package.producer_hub_text2' | t }}

        %p
          {{ 'js.admin.panels.enterprise_package.producer_hub_text3' | t }}

      .info{ ng: { switch: { default: true } } }
        %h3
          {{ 'js.admin.panels.enterprise_package.choose_package' | t }}
          %i.icon-arrow-right

        %p
          %strong
            {{ 'js.admin.panels.enterprise_package.choose_package_text1' | t }}

        %p
          {{ 'js.admin.panels.enterprise_package.choose_package_text2' | t }}

  .omega.eight.columns{ ng: { switch: "enterprise.is_primary_producer" } }
    %div{ ng: { switch: { when: "false" } } }
      %a.button.selector.hub-profile{ ng: { click: "enterprise.owned && (enterprise.sells='none')", class: "{selected: enterprise.sells=='none', disabled: !enterprise.owned}" } }
        .top
          %h3
            {{ 'js.admin.panels.enterprise_package.profile_only' | t }}
          %p
            {{ 'js.admin.panels.enterprise_package.get_listing' | t }}
        .bottom
          {{ 'js.admin.panels.enterprise_package.always_free' | t }}
      %a.button.selector.hub{ ng: { click: "enterprise.owned && (enterprise.sells='any')", class: "{selected: enterprise.sells=='any', disabled: !enterprise.owned}" } }
        .top
          %h3
            {{ 'js.admin.panels.enterprise_package.hub_shop' | t }}
          %p
            {{ 'js.admin.panels.enterprise_package.sell_produce_others' | t }}

    %div{ ng: { switch: { when: "true" } } }
      %a.button.selector.producer-profile{ ng: { click: "enterprise.owned && (enterprise.sells='none')", class: "{selected: enterprise.sells=='none', disabled: !enterprise.owned}" } }
        .top
          %h3
            {{ 'js.admin.panels.enterprise_package.profile_only' | t }}
          %p
            {{ 'js.admin.panels.enterprise_package.get_listing' | t }}
        .bottom
          {{ 'js.admin.panels.enterprise_package.always_free' | t }}
      %a.button.selector.producer-shop{ ng: { click: "enterprise.owned && (enterprise.sells='own')", class: "{selected: enterprise.sells=='own', disabled: !enterprise.owned}" } }
        .top
          %h3
            {{ 'js.admin.panels.enterprise_package.producer_shop' | t }}
          %p
            {{ 'js.admin.panels.enterprise_package.sell_own_produce' | t }}

      %a.button.selector.producer-hub{ ng: { click: "enterprise.owned && (enterprise.sells='any')", class: "{selected: enterprise.sells=='any', disabled: !enterprise.owned}" } }
        .top
          %h3
            {{ 'js.admin.panels.enterprise_package.producer_hub' | t }}
          %p
            {{ 'js.admin.panels.enterprise_package.sell_both' | 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