openfoodnetwork/app/views/registration/steps/_about.html.haml

%script{ type: "text/ng-template", id: "registration/about.html" }
  .container#registration-about
    %ng-include{ src: "'registration/steps.html'" }
    .row
      .small-12.columns
        %header
          %h2= t(".headline")
          %h5
            = t(".message")
            %span{ "ng-class" => "{brick: !enterprise.is_primary_producer, turquoise: enterprise.is_primary_producer}" }
              {{ enterprise.name }}

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

        .small-12.large-8.columns
          .row
            .small-12.columns
              .field
                %label{ for: 'enterprise_description' }= t(".enterprise_description")
                %input.chunky{ "id" => 'enterprise_description', "placeholder" => "{{'registration.steps.about.enterprise_description_placeholder' | t}}", "ng-model" => 'enterprise.description' }
          .row
            .small-12.columns
              .field
                %label{ for: 'enterprise_long_desc' }= t(".enterprise_long_desc")
                %textarea.chunky{ "id" => 'enterprise_long_desc', "rows" => 6, "placeholder" => "{{'registration.steps.about.enterprise_long_desc_placeholder' | t}}", "ng-model" => 'enterprise.long_description' }
                  %small{ "ng-bind" => "'registration.steps.about.enterprise_long_desc_length' | t:{num: enterprise.long_description.length}" }
        .small-12.large-4.columns
          .row
            .small-12.columns
              .field
                %label{ for: 'enterprise_abn' }= t(".enterprise_abn")+":"
                %input.chunky{ "id" => 'enterprise_abn', "placeholder" => "{{'registration.steps.about.enterprise_abn_placeholder' | t}}", "ng-model" => 'enterprise.abn' }
          .row
            .small-12.columns
              .field
                %label{ for: 'enterprise_acn' }= t(".enterprise_acn")+":"
                %input.chunky{ "id" => 'enterprise_acn', "placeholder" => "{{'registration.steps.about.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" }
                  = t(".enterprise_tax_required")

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