<div class="ecp-component ecp_CreateAccount">
  <h2 aria-describedby="ecpi_createaccount_info">{message:CreateAccount/Title}</h2>
  <p id="ecpi_createaccount_info" class="ecp-summary">{message:CreateAccount/EmailAddress_template}</p>

  <form class="ecp-form">
    <div class="ecp-form-fieldset-scrunched">
      <input type="text" name="first_name" placeholder="{message:CreateAccount/FirstNameInput}" aria-label="{message:CreateAccount/FirstNameInputLabel}" autocomplete="given-name" required>
      <input type="text" name="last_name" placeholder="{message:CreateAccount/LastNameInput}" aria-label="{message:CreateAccount/LastNameInputLabel}" autocomplete="family-name" required>
    </div>
    <div class="ecp-form-fieldset-scrunched">
      <input type="password" name="password_1" placeholder="{message:CreateAccount/PasswordInput1}" aria-label="{message:CreateAccount/PasswordInput1Label}" autocomplete="new-password" required>
      <input type="password" name="password_2" placeholder="{message:CreateAccount/PasswordInput2}" aria-label="{message:CreateAccount/PasswordInput2Label}" autocomplete="new-password" required>
    </div>
    <div class="ecp-form-fieldset-scrunched">
      <input type="text" name="phone_1" placeholder="{message:CreateAccount/Phone1Input}" aria-label="{message:CreateAccount/Phone1InputLabel}" autocomplete="home tel">
    </div>
    <!-- TODO_ADA: should we keep this?
    <p class="ecp-form-tip">{message:CreateAccount/Phone1Tip}</p>
    -->
    <ul class="ecp-form-checkboxes">
      <li><label><input type="checkbox" name="is_ok_to_email">{message:CreateAccount/OKToEmail}</label></li>
    </ul>
    <div class="ecp-grid-row ecp-clearfix">
      <span class="ecp-grid-col-6">
        <button class="ecp-secondary" data-ecp-action="cancel" aria-label="{message:CreateAccount/CancelButtonLabel}">{message:CreateAccount/CancelButton}</button>
      </span>
      <span class="ecp-grid-col-6">
        <button data-ecp-action="save" aria-label="{message:CreateAccount/SaveButtonLabel}">{message:CreateAccount/SaveButton}</button>
      </span>
    </div>
  </form>
</div>