openfoodnetwork/app/assets/javascripts/templates/registration/about.html.haml

.container#registration-about
  %ng-include{ src: "'registration/steps.html'" }
  .row
    .small-12.columns
      %header
        %h2 {{'enterprise_about_headline' | t}}
        %h5
          {{'enterprise_about_message' | t}}
          %span{ ng: { class: "{brick: !enterprise.is_primary_producer, turquoise: enterprise.is_primary_producer}" } }
            {{ enterprise.name }}

  %form{ name: 'about', novalidate: true, ng: { controller: "RegistrationFormCtrl", submit: "update('images',about)" } }
    .row
      .small-12.columns
        .alert-box.info{ "ofn-inline-alert" => true, ng: { show: "visible" } }
          %h6{ "ng-bind" => "'enterprise_success' | t:{enterprise: enterprise.name}" }
          %span {{'enterprise_registration_exit_message' | t}}
          %a.close{ ng: { click: "close()" } } ×

      .small-12.large-8.columns
        .row
          .small-12.columns
            .field
              %label{ for: 'enterprise_description' } {{'enterprise_description' | t}}:
              %input.chunky{ id: 'enterprise_description', placeholder: "{{'enterprise_description_placeholder' | t}}", ng: { model: 'enterprise.description' } }
        .row
          .small-12.columns
            .field
              %label{ for: 'enterprise_long_desc' } {{'enterprise_long_desc' | t}}:
              %textarea.chunky{ id: 'enterprise_long_desc',  rows: 6, placeholder: "{{'enterprise_long_desc_placeholder' | t}}", ng: { model: 'enterprise.long_description' } }
                %small{ "ng-bind" => "'enterprise_long_desc_length' | t:{num: enterprise.long_description.length}" }
      .small-12.large-4.columns
        .row
          .small-12.columns
            .field
              %label{ for: 'enterprise_abn' } {{'enterprise_abn' | t}}:
              %input.chunky{ id: 'enterprise_abn', placeholder: "{{'enterprise_abn_placeholder' | t}}", ng: { model: 'enterprise.abn' } }
        .row
          .small-12.columns
            .field
              %label{ for: 'enterprise_acn' } {{'enterprise_acn' | t}}:
              %input.chunky{ id: 'enterprise_acn', placeholder: "{{'enterprise_acn_placeholder' | t}}", ng: { model: 'enterprise.acn' } }
        .row
          .small-12.columns
            .field
              %label{ for: 'enterprise_charges_sales_tax' }= t(:charges_sales_tax)
              %input{ id: 'enterprise_charges_sales_tax_true', type: 'radio', name: 'charges_sales_tax', value: 'true', required: true, ng: { model: 'enterprise.charges_sales_tax' } }
              %label{ for: 'enterprise_charges_sales_tax_true' } {{'say_yes' | t}}
              %input{ id: 'enterprise_charges_sales_tax_false', type: 'radio', name: 'charges_sales_tax', value: 'false', required: true, ng: { model: 'enterprise.charges_sales_tax' } }
              %label{ for: 'enterprise_charges_sales_tax_false' } {{'say_no' | t}}
              %span.error.small-12.columns{ ng: { show: "about.charges_sales_tax.$error.required && submitted" } }
                {{'enterprise_tax_required' | t}}

    .row.buttons.pad-top
      .small-12.columns
        %input.button.primary.right{ type: "submit", value: "{{'continue' | t}}" }