<%= form_for @user, url: registrations_path do |f| %>
<%= f.text_field :username, placeholder: t('.username'), class: 'input is-large', required: 'required', "v-model.trim": "username", "v-bind:class": "{ 'is-danger': !validation.username, 'is-success': validation.username }" %>
<%= f.email_field :email, placeholder: t('.email'), class: 'input is-large', required: 'required', "v-model.trim": "email", "v-bind:class": "{ 'is-danger': !validation.email, 'is-success': validation.email }" %>
<%= f.password_field :password, placeholder: t('.password'), class: 'input is-large', required: 'required', "v-model": "password", "v-bind:class": "{ 'is-danger': !validation.password, 'is-success': validation.password }" %>
<%= f.label :terms_and_conditions do %>
<%= f.check_box :terms_and_conditions, required: 'required', "v-model": "terms_and_conditions" %>
<%= t('.terms_and_conditions') %>
<% end %>
<%= f.submit t('.register_button'), class: "button is-success is-large is-fullwidth", ":disabled": "!isValid" %>
<%= button_tag t('.terms_and_conditions_link'), type: :button, class: "button is-link is-pulled-left", data: { modal: ".modal" } %>
<%= link_to t('.login_link'), new_session_path, class: "button is-link is-pulled-right" %>
<% end %>