<div class="row account">
  <div class="small-12 column">
    <%= link_to t("account.show.change_credentials_link"), edit_user_registration_path, class: "button radius small secondary right" %>

    <div>
      <span class="right verify-account">
        <% if current_user.level_three_verified? %>
          <p class="verified">
            <i class="icon-check"></i>
            <%= t("account.show.verified_account") %>
          </p>
        <% elsif current_user.level_two_verified? %>
          <%= link_to t("account.show.finish_verification"), verification_path, class: "button radius small success right" %>
        <% else %>
          <%= link_to t("account.show.verify_my_account"), verification_path, class: "button radius small success right" %>
        <% end %>
      </span>
    </div>

    <h1 class="inline-block"><%= t("account.show.title") %></h1>

    <%= form_for @account, as: :account, url: account_path do |f| %>
      <%= render "shared/errors", resource: @account %>

      <div class="row">
        <div class="small-12 column">
          <h2><%= t("account.show.avatar")%></h2>
          <%= avatar_image(@account, seed: @account.id, size: 60) %>

          <h2><%= t("account.show.personal")%></h2>

            <div class="small-12 medium-4">
          <% if @account.organization? %>
            <%= f.fields_for :organization do |fo| %>
              <%= fo.text_field :name, autofocus: true, maxlength: Organization.name_max_length, placeholder: t("account.show.organization_name_label") %>
            <% end %>
            <%= f.text_field :phone_number, placeholder: t("account.show.phone_number_label") %>

            <% else %>
            <%= f.text_field :username, maxlength: User.username_max_length, placeholder: t("account.show.username_label") %>
          <% end %>
          </div>

          <h2><%= t("account.show.notifications")%></h2>

          <div>
            <%= f.label :email_on_debate_comment do %>
              <%= f.check_box :email_on_debate_comment, label: false %>
              <span class="checkbox"><%= t("account.show.email_on_debate_comment_label") %></span>
            <% end %>
          </div>

          <div>
            <%= f.label :email_on_comment_reply do %>
              <%= f.check_box :email_on_comment_reply, label: false %>
              <span class="checkbox"><%= t("account.show.email_on_comment_reply_label") %></span>
            <% end %>
          </div>
        </div>

        <div class="small-12 column">
          <%= f.submit t("account.show.save_changes_submit"), class: "button radius" %>
        </div>
      </div>
    <% end %>

  </div>
</div>
