<div class="container mt-4">
  <h1>{{ translate "en" "sign-up" }}</h1>

  <form method="post" action="/sign_up">
    <input type="hidden" name="authenticity_token" value="{{ authenticity_token }}"/>

    <div class="form-group">
      <label for="username">{{ translate "en" "username" }}</label>
      <input type="text" id="username" name="username" value="{{ username }}" class="form-control" placeholder="{{ translate "en" "username" }}"/>
    </div>

    <div class="form-group">
      <label for="password">{{ translate "en" "password" }}</label>
      <input type="password" id="password" name="password" class="form-control" placeholder="{{ translate "en" "password" }}"/>
    </div>

    <div class="form-group">
      <label for="password_confirmation">{{ translate "en" "password-confirmation" }}</label>
      <input type="password" id="password_confirmation" name="password_confirmation" class="form-control" placeholder="{{ translate "en" "password-confirmation" }}"/>
    </div>

    <button type="submit" class="btn btn-primary">
      {{ translate "en" "sign-up" }}
    </button>
  </form>
</div>
