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

.container#registration-contact
  .row.header
    %h2 Last step to create your enterprise!
    %h5 Who is responsible for managing {{ enterprise.name }}?
  %ng-include{ src: "'registration/steps.html'" }
  .row.content
    .small-12.large-8.columns
      .row
        .small-12.large-6.columns
          %label{ for: 'contact_first_name' } Primary Contact:
          %input.chunky.small-12.columns{ id: 'contact_first_name', placeholder: "First Name", ng: { model: 'enterprise.contact.first_name' } }
        .small-12.large-6.columns 
          %label{ for: 'contact_surname' }  
          %input.chunky.small-12.columns{ id: 'contact_surname', placeholder: "Surname", ng: { model: 'enterprise.contact.surname' } }
      .row
        .small-12.columns
          %label{ for: 'contact_email' } Email address:
          %input.chunky.small-12.columns{ id: 'contact_email', placeholder: "eg. charlie@thefarm.com", ng: { model: 'enterprise.contact.email' } }
      .row
        .small-12.columns
          %label{ for: 'contact_phone' } Phone number:
          %input.chunky.small-12.columns{ id: 'contact_phone', placeholder: "eg. (03) 1234 5678", ng: { model: 'enterprise.contact.phone' } }
    .small-12.large-4.columns
      %h6
        Contact display
        %i.ofn-i_013-help.has-tip{ 'data-tooltip' => true, title: "Choose how you want to display your contact details on the Open Food Network."}
      .row
        .small-12.columns
          %label.indent-checkbox
            %input{ type: 'checkbox', id: 'contact_name_profile', ng: { model: 'enterprise.contact.name_in_profile' } }   Display name in profile
        .small-12.columns
          %label.indent-checkbox
            %input{ type: 'checkbox', id: 'contact_email_profile', ng: { model: 'enterprise.contact.email_in_profile' } }   Display email in profile
        .small-12.columns
          %label.indent-checkbox
            %input{ type: 'checkbox', id: 'contact_phone_profile', ng: { model: 'enterprise.contact.phone_in_profile' } }   Display phone in profile
  .row
    .small-12.columns
      %input.button.primary{ type: "button", value: "Back", ng: { click: "select('address')" }, style: 'float:left' }
      %input.button.primary{ type: "button", value: "Continue", ng: { click: "select('contact')" }, style: 'float:right' }