{#
  # @file
  # /users/:id/edit
  # User edit form
  #}
  
{ content_for :title, @user.name + "'s Settings | Metamaps" } 
{ content_for :mobile_title, "Account Settings" }
<div id="yield">
{ form_for @user, url: user_url, :html =>{ :multipart => true, :class => "edit_user centerGreyForm"} do |form| }
  <h3>Edit Settings</h3>
  <div class="userImage">
    <div class="userImageDiv" onclick="Metamaps.Account.toggleChangePicture()">
      { image_tag @user.image.url(:ninetysix), :size => "84x84" }
      <div class="editPhoto"></div>
    </div>
    <div class="userImageMenu">
      <div class="userMenuArrow"></div>
      <ul>
        <li class="upload">
          Upload Photo
          { hidden_field_tag "remove_image", "0" }
          { form.file_field :image }
          { form.label :image }
        </li>
        <li class="remove" onclick="Metamaps.Account.removePicture()">Remove</li>
        <li class="cancel" onclick="Metamaps.Account.closeChangePicture()">Cancel</li>
      </ul>
    </div>

  </div>
  <div class="accountName" onclick="Metamaps.Account.changeName()">
    <div class="nameEdit">{ @user.name }</div>
  </div>
  <div class="changeName">
    { form.label :name, "Name:", class: 'firstFieldText' }
    { form.text_field :name }
  </div>
  <div>
    { form.label :email, "Email:", class: 'firstFieldText' }
    { form.email_field :email }
  </div>
  <div>
    { form.label :emails_allowed, class: 'firstFieldText' do }
      { form.check_box :emails_allowed, class: 'inline' }
      Send Metamaps notifications to my email.
    { end }
    { fields_for :settings, @user.settings do |settings| }
      { settings.label :follow_topic_on_created, class: 'firstFieldText' do }
        { settings.check_box :follow_topic_on_created, class: 'inline'  }
        Auto-follow topics you create.
      { end }
      { settings.label :follow_topic_on_contributed, class: 'firstFieldText' do }
        { settings.check_box :follow_topic_on_contributed, class: 'inline'  }
        Auto-follow topics you edit.
      { end }
      { settings.label :follow_map_on_created, class: 'firstFieldText' do }
        { settings.check_box :follow_map_on_created, class: 'inline'  }
        Auto-follow maps you create.
      { end }
      { settings.label :follow_map_on_contributed, class: 'firstFieldText' do }
        { settings.check_box :follow_map_on_contributed, class: 'inline'  }
        Auto-follow maps you edit.
      { end }
    { end }
  </div>
  <div class="changePass" onclick="Metamaps.Account.showPass()">Change Password</div>
  <div class="toHide">
    <div>
      { form.label :current_password, "Current Password:", :class => "firstFieldText" }
      { password_field_tag :current_password, params[:current_password] }
    </div>
    <div>
      { form.label :password, "New Password:", :class => "firstFieldText" }
      { form.password_field :password, :autocomplete => :off}
    </div>
    <div>
      { form.label :password_confirmation, "Confirm New Password:", :class => "firstFieldText" }
      { form.password_field :password_confirmation, :autocomplete => :off}
    </div>
    <div class="noChangePass" onclick="Metamaps.Account.hidePass()">Oops, don't change password</div>
  </div>
  <div id="accountPageLoading"></div>
  { form.submit "Update", class: "update", onclick: "Metamaps.Account.showLoading()" }
  <div class="clearfloat"></div>
{ end }
</div>