.row.enterprise_package_panel{ "ng-controller": 'indexPackagePanelCtrl' }
  .alpha.eight.columns
    %div{ "ng-if": "!enterprise.is_primary_producer", "ng-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", "ng-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')", "ng-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')", "ng-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')", "ng-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')", "ng-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')", "ng-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", "ng-class": "{disabled: saved() && !saving, saving: saving}", "ng-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
