<% provide(:head_title, t("users.registrations.edit.head_title")) %>

<div class="center-block center-block-narrow">
  <h2><%=t "users.registrations.edit.title" %></h2>

  <% if not resource.errors.empty? %>
  <div class="alert alert-danger">
  <%= devise_error_messages! %>
  </div>
  <% end %>

  <%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put, "data-for" => "avatar" }) do |f| %>
    <%= hidden_field_tag "user[change_avatar]", "true" %>
    <div data-part="view">
      <div class="form-group">
        <%= f.label t("users.registrations.edit.avatar_label") %><br />
        <% @user_avatar_url ||= avatar_path(current_user, :thumb) %>
        <%= image_tag @user_avatar_url %><br /><br />
        <a href="#" class="btn btn-default" data-action="edit"><%=t "users.registrations.edit.avatar_btn" %></a>
      </div>
    </div>
    <div data-part="edit" style="display: none;">
      <div class="well">
        <h4><%=t "users.registrations.edit.avatar_title" %></h4>
        <div class="form-group">
          <%= f.label :avatar, t("users.registrations.edit.avatar_edit_label") %>
          <%= f.file_field :avatar, class: "btn btn-default" %>
        </div>
        <div>
          <a href="#" class="btn btn-default" data-action="cancel"><%=t "general.cancel" %></a>
          <% if @direct_upload %>
          <%= f.submit t("users.registrations.edit.avatar_submit"), class: "btn btn-primary", onclick: 'startFileUpload(event, this);' %>
          <% else %>
          <%= f.submit t("users.registrations.edit.avatar_submit"), class: "btn btn-primary" %>
          <% end %>
        </div>
      </div>
    </div>
  <% end %>

  <%= form_for(resource, as: resource_name, url: registration_path(resource_name, format: :json), remote: true, html: { method: :put, "data-for" => "full_name" }) do |f| %>
    <div data-part="view">
      <div class="form-group">
        <%= f.label t("users.registrations.edit.name_label") %>
        <div class="input-group">
          <input data-role="src" class="form-control" disabled="disabled" type="text" value="<%= @user.full_name %>" name="fake_user[full_name]" id="fake_user_full_name">
          <span class="input-group-btn">
            <a href="#" class="btn btn-default" data-action="edit"><%=t "general.edit" %></a>
          </span>
        </div>
      </div>
    </div>
    <div data-part="edit" style="display: none;">
      <div class="well">
        <h4><%=t "users.registrations.edit.name_title" %></h4>
        <div class="form-group">
          <%= f.label :full_name, t("users.registrations.edit.name_label") %>
          <%= f.text_field :full_name, class: "form-control", "data-role" => "edit" %>
        </div>
        <div>
          <a href="#" class="btn btn-default" data-action="cancel"><%=t "general.cancel" %></a>
          <%= f.submit t("general.update"), class: "btn btn-primary" %>
        </div>
      </div>
    </div>
  <% end %>

  <%= form_for(resource, as: resource_name, url: registration_path(resource_name, format: :json), remote: true, html: { method: :put, "data-for" => "initials" }) do |f| %>
    <div data-part="view">
      <div class="form-group">
        <%= f.label t("users.registrations.edit.initials_label") %>
        <div class="input-group">
          <input data-role="src" class="form-control" disabled="disabled" type="text" value="<%= @user.initials %>" name="fake_user[initials]" id="fake_user_initials">
          <span class="input-group-btn">
            <a href="#" class="btn btn-default" data-action="edit"><%=t "general.edit" %></a>
          </span>
        </div>
      </div>
    </div>
    <div data-part="edit" style="display: none;">
      <div class="well">
        <h4><%=t "users.registrations.edit.initials_title" %></h4>
        <div class="form-group">
          <%= f.label :initials, t("users.registrations.edit.initials_label") %>
          <%= f.text_field :initials, class: "form-control", "data-role" => "edit" %>
        </div>
        <div>
          <a href="#" class="btn btn-default" data-action="cancel"><%=t "general.cancel" %></a>
          <%= f.submit t("general.update"), class: "btn btn-primary" %>
        </div>
      </div>
    </div>
  <% end %>

  <%= form_for(resource, as: resource_name, url: registration_path(resource_name, format: :json), remote: true, html: { method: :put, "data-for" => "email" }) do |f| %>
    <div data-part="view">
      <div class="form-group">
        <%= f.label t("users.registrations.edit.email_label") %>
        <div class="input-group">
          <input data-role="src" class="form-control" disabled="disabled" type="text" value="<%= @user.email %>" name="fake_user[email]" id="fake_user_email">
          <span class="input-group-btn">
            <a href="#" class="btn btn-default" data-action="edit"><%=t "general.edit" %></a>
          </span>
        </div>
        <% if devise_mapping.confirmable? && resource.pending_reconfirmation? %>
          <div class="alert alert-info" style="margin-top: 15px;" role="alert">
            <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
            <%=t "users.registrations.edit.waiting_for_confirm", email: resource.unconfirmed_email %>
          </div>
        <% end %>
      </div>
    </div>
    <div data-part="edit" style="display: none;">
      <div class="well">
        <h4><%=t "users.registrations.edit.email_title" %></h4>
        <div class="form-group">
          <%= f.label :email, t("users.registrations.edit.new_email_label") %>
          <%= f.email_field :email, class: "form-control", "data-role" => "edit" %>
        </div>
        <div class="form-group">
          <%= f.label :current_password, t("users.registrations.edit.current_password_label") %> <i><%=t "users.registrations.edit.password_explanation" %></i>
          <%= f.password_field :current_password, autocomplete: "off", class: "form-control", "data-role" => "clear" %>
        </div>
        <div>
          <a href="#" class="btn btn-default" data-action="cancel"><%=t "general.cancel" %></a>
          <%= f.submit t("general.update"), class: "btn btn-primary" %>
        </div>
      </div>
    </div>
  <% end %>

  <%= form_for(resource, as: resource_name, url: registration_path(resource_name, format: :json), remote: true, html: { method: :put, "data-for" => "password" }) do |f| %>
    <%= hidden_field_tag "user[change_password]", "true" %>
    <div data-part="view">
      <div class="form-group">
        <%= f.label t("users.registrations.edit.password_label") %>
        <div class="input-group">
          <input class="form-control" disabled="disabled" autocomplete="off" type="password" value="aaaaaaaaaa" name="fake_user[current_password]" id="fake_user_current_password">
          <span class="input-group-btn">
            <a href="#" class="btn btn-default" data-action="edit"><%=t "general.edit" %></a>
          </span>
        </div>
      </div>
    </div>
    <div data-part="edit" style="display: none;">
      <div class="well">
        <h4><%=t "users.registrations.edit.password_title" %></h4>
        <div class="form-group">
          <%= f.label :current_password, t("users.registrations.edit.current_password_label") %> <i><%=t "users.registrations.edit.password_explanation" %></i>
          <%= f.password_field :current_password, autocomplete: "off", class: "form-control", "data-role" => "clear" %>
        </div>

        <div class="form-group">
            <%= f.label :password, t("users.registrations.edit.new_password_label") %>
            <%= f.password_field :password, autocomplete: "off", class: "form-control", "data-role" => "clear" %>
        </div>

        <div class="form-group">
          <%= f.label :password_confirmation, t("users.registrations.edit.new_password_2_label") %>
          <%= f.password_field :password_confirmation, autocomplete: "off", class: "form-control", "data-role" => "clear" %>
        </div>

        <div>
          <a href="#" class="btn btn-default" data-action="cancel"><%=t "general.cancel" %></a>
          <%= f.submit t("general.update"), class: "btn btn-primary"  %>
        </div>
      </div>
    </div>
  <% end %>

</div>

<%= javascript_include_tag("canvas-to-blob.min") %>
<%= javascript_include_tag("direct-upload") %>
<%= javascript_include_tag "users/registrations/edit" %>
