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

.container#registration-about
  .header
    %h2 Nice one!
    %h5
      Now let's flesh out the details about
      %span.brick{"ng-show" => "enterprise.is_distributor"}
        {{ enterprise.name }}
      %span.turquoise{"ng-show" => "!enterprise.is_distributor" }
        {{ enterprise.name }}

  %ng-include{ src: "'registration/steps.html'" }
  %form{ name: 'about', novalidate: true, ng: { controller: "RegistrationFormCtrl", submit: "update('social',about)" } }
    .row
      .small-12.columns
        .alert-box.alert{"data-alert" => ""}
          {{ enterprise.name }} won't be visible on the Open Food Network until you enter a long and short description.
          %a.close{:href => "#"} ×

        .alert-box.info{"data-alert" => ""}
          {{ enterprise.name }} has been created on the Open Food Network. If you leave at any point from here onwards, your enterprise will be saved, and you can always login to the admin section to update or continue filling out your enterprise details.
          %a.close{:href => "#"} ×

      .small-12.large-8.columns
        .row
          .small-12.columns
            %label{ for: 'enterprise_description' } Short Description:
            %input.chunky.small-12.columns{ id: 'enterprise_description', placeholder: "A short sentence describing your enterprise", ng: { model: 'enterprise.description' } }
        .row
          .small-12.columns
            %label{ for: 'enterprise_long_desc' } Long Description:
            %textarea.chunky.small-12.columns{ id: 'enterprise_long_desc', placeholder: "We recommend keeping your description to under 600 characters or 150 words. Why? Cus people are lazy, and don't like to read too much text online. ;)", ng: { model: 'enterprise.long_description' } }
            %small {{ enterprise.long_description.length }} characters used
      .small-12.large-4.columns
        .row
          .small-12.columns
            %label{ for: 'enterprise_abn' } ABN:
            %input.chunky.small-12.columns{ id: 'enterprise_abn', placeholder: "eg. 99 123 456 789", ng: { model: 'enterprise.abn' } }
        .row
          .small-12.columns
            %label{ for: 'enterprise_acn' } ACN:
            %input.chunky.small-12.columns{ id: 'enterprise_acn', placeholder: "eg. 123 456 789", ng: { model: 'enterprise.acn' } }
    .row.buttons.pad-top
      .small-12.columns
        %input.button.primary{ type: "submit", value: "Continue" }