<% form_for MarkupUser.new, '/demo', id: 'demo' do |f| %>
  <%= f.error_messages(header_message: "custom MarkupUser cannot be saved!") %>
  <%= f.hidden_field :session_id %>
  <p>
    <%= f.label :username, caption: 'Login: ', class: 'user-label' %>
    <%= f.text_field :username, class: 'user-text', value: 'John' %>
  </p>
  <p>
    <%= f.label :password %>
    <%= f.password_field :password, class: 'user-password', value: 'secret' %>
  </p>
  <p>
    <%= f.label :age %>
    <%= f.number_field :age, class: 'numeric '%>
  </p>
  <p>
    <%= f.label :telephone %>
    <%= f.telephone_field :telephone, class: 'numeric' %>
  </p>
  <p>
    <%= f.label :email, caption: 'Email Address: ' %>
    <%= f.email_field :email, class: 'string' %>
  </p>
  <p>
    <%= f.label :webpage, caption: 'Your Web Page: ' %>
    <%= f.url_field :webpage, class: 'string' %>
  </p>
  <p>
    <%= f.label :search %>
    <%= f.search_field :search, class: 'string' %>
  </p>
  <p>
    <%= f.label :photo %>
    <%= f.file_field :photo, class: 'user-photo' %>
  </p>
  <p>
    <%= f.label :about, caption: 'About Me: ' %>
    <%= f.text_area :about, class: 'user-about'  %>
  </p>
  <p>
    <%= f.label :gender, caption: 'Your gender: ' %>
    <%= f.radio_button :gender, value: 'male' %>
    <%= f.radio_button :gender, value: 'female' %>
  </p>
  <p>
    <%= f.label :country, caption: 'Your country' %>
    <%= f.select :country, options: ['USA', 'Canada', 'Mexico'], selected: 'USA', class: 'selector' %>
  </p>
  <p>
    <%= f.label :remember_me %>
    <%= f.check_box :remember_me, value: '1' %>
  </p>
  <p>
    <%= f.label :datetime %>
    <%= f.datetime_field :datetime, max: DateTime.new(2000, 4, 1, 12, 0, 0) %>
  </p>
  <p>
    <%= f.label :datetime_local %>
    <%= f.datetime_local_field :datetime_local, max: DateTime.new(2000, 4, 1, 12, 0, 0) %>
  </p>
  <p>
    <%= f.label :date %>
    <%= f.date_field :date, max: DateTime.new(2000, 4, 1) %>
  </p>
  <p>
    <%= f.label :month %>
    <%= f.month_field :month, max: DateTime.new(2000, 4, 1) %>
  </p>
  <p>
    <%= f.label :week %>
    <%= f.week_field :week, max: DateTime.new(2000, 4, 1) %>
  </p>
  <p>
    <%= f.label :time %>
    <%= f.time_field :time, max: Time.new(2008, 6, 21, 13, 30, 0) %>
  </p>
  <p>
    <%= f.label :color %>
    <%= f.color_field :color, value: '#f00' %>
  </p>
  <p><%= f.submit "Create", class: 'success', id: 'demo-button' %></p>
  <p><%= f.image_submit "buttons/post.png", class: 'success', id: 'image-button' %></p>
<% end %>

<% form_for MarkupUser.new, '/another_demo', id: 'demo2', method: 'get' do |f| %>
  <%= f.error_messages header_message: "custom MarkupUser cannot be saved!" %>
  <%= f.hidden_field :session_id %>
  <%= f.text_field_block :username, { class: 'input' }, { caption: 'Nickname: ', class: 'label' } %>
  <%= f.password_field_block :code, { class: 'input' } %>
  <%= f.text_area_block :about, { class: 'textarea' } %>
  <%= f.file_field_block :photo, { class: 'upload' } %>
  <%= f.check_box_block :remember_me, { class: 'checker' } %>
  <%= f.select_block :state, options: ['California', 'Texas'], class: 'selector' %>
  <%= f.submit_block "Create", { class: 'button' } %>
  <%= f.image_submit_block "buttons/ok.png", { class: 'image' } %>
<% end %>

<% form_for :markup_user, '/third_demo', id: 'demo3', method: 'get' do |f| %>
  <%= f.text_field_block :username %>
<% end %>
