%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{ "data-controller": "toggle-control", "data-toggle-control-target": "content", style: "display: block;" }
            %h6{ "ng-bind" => "'registration.steps.about.success' | t:{enterprise: enterprise.name}" }
            %span= t(".registration_exit_message")
            %a.close{ "data-action": "toggle-control#toggleDisplay" } ×

        .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}}" }