<%#
  # @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>