<!-- Account Summary Dialog -->
<div layout="screen" layout-id="account/identity" class="screen secondary" id="account-identity">
  <!-- header -->
  <div class="content-head">
    <!-- icon -->
    <div class="content-icon">
      <%= image_tag "content/icon_account.png", {:width => 27, :height => 20} %>
    </div>
    <!-- section head text -->
    <h1>my account</h1>
    <%= render "screen_navigation" %>
  </div>
  <!-- end header -->

  <!-- profile scrolling area -->
  <div class="content-body">
    <div id="account-identity-content-scroller" class="content-body-scroller">

    </div>
  </div>
  <!-- end content scrolling area -->
</div>

<script type="text/template" id="template-account-identity">
  <!-- content wrapper -->
  <div class="content-wrapper account-identity">
    <br />

    <div class="account-left">
      <h2>identity:</h2>
    </div>
      <div class="account-edit-email left mr20">
        <form id="account-edit-email-form">

            <h4 class="b">Update your email address:</h4>

            <div class="field">
              <label for="account_update_email">Email:</label>
              <input id="account_update_email" name="update_email" type="text" value="{email}">
            </div>

            <div class="right input-aligner">
              <a id="account-edit-email-cancel" href="#" class="button-grey">CANCEL</a>
              <a id="account-edit-email-submit" href="#" class="button-orange">UPDATE EMAIL</a>
            </div>
            <input type="submit" style="display:none"/>
        </form>
    </div>

    <div class="account-edit-password left">
        <form id="account-edit-password-form">

            <h4 class="b">Update your password:</h4>

            <div class="field">
                <label for="current_password">Current Password:</label>
                <input type="password" name="current_password" value="">
            </div>

            <div class="field">
                <label for="password">New Password:</label>
                <input type="password" name="password" value="">
            </div>

            <div class="field">
                <label for="account_retype_password">Retype New Password:</label>
                <input id="account_retype_password" name="password_confirmation" type="password" value="">
            </div>

            <div class="right input-aligner">
                <a id="account-edit-password-cancel" href="#" class="button-grey">CANCEL</a>
                <a id="account-edit-password-submit" href="#" class="button-orange">UPDATE PASSWORD</a>
            </div>
            <input type="submit" style="display:none"/>
        </form>
    </div>

    <br clear="all" />
  </div>
  <!-- end content wrapper -->

</script>

<script type="text/template" id="template-account-update-email-password-prompt-dialog">
    <br />
    <form>
        Enter Password:<br />
        <input id="update-email-confirm-password" name="password" type="password">
    </form>

    <br />

    <div class="left"><a href="#" id="account-edit-email-confirm-password-cancel" class="button-grey m0" data-purpose="cancel">CANCEL</a></div>
    <div class="right"><a href="#" id="account-edit-email-confirm-password-submit" class="button-orange" data-purpose="submit">SUBMIT</a></div>
    <br />
</script>
