<div class="loading" ng-show="loading">
  <i class="fa fa-spinner fa-spin fa-3x"></i>
</div>

<div class="loading" ng-show="!loading && !user">
  No matching user found
</div>

<div class="user-admin container" ng-show="!loading && user">  
  <div class="row">
    <div class="organization-header-element">
      <img src="//www.gravatar.com/avatar/{{ user.gravatar }}?s=24&amp;d=identicon">
      <span class="organization-name">
        {{ user.username }}
      </span>
    </div>
  </div>

  <div class="row" ng-show="askForPassword">
    <div class="col-md-12">
      <div class="alert alert-warning">Your account does not currently have a password. You will need to create a password before you will be able to <strong>push</strong> or <strong>pull</strong> repositories.</div>
    </div>
  </div>

  <div class="row">
    <!-- Side tabs -->
    <div class="col-md-2">
      <ul class="nav nav-pills nav-stacked">
        <li class="active"><a href="javascript:void(0)" data-toggle="tab" data-target="#plan">Plan and Usage</a></li>
        <li><a href="javascript:void(0)" data-toggle="tab" data-target="#password">Set Password</a></li>
      </ul>
    </div>

    <!-- Content -->
    <div class="col-md-10">
      <div class="tab-content">       
        <!-- Plans tab -->
        <div id="plan" class="tab-pane active">
          <div class="plan-manager" user="user.username"></div>
        </div>

        <!-- Change password tab -->
        <div id="password" class="tab-pane">
          <div class="loading" ng-show="updatingUser">
            <i class="fa fa-spinner fa-spin fa-3x"></i>
          </div>

          <form class="form-change-pw" name="changePasswordForm" ng-submit="changePassword()" data-trigger="manual"
                data-content="{{ changePasswordError }}" data-placement="right" ng-show="!awaitingConfirmation && !registering">
            <input type="password" class="form-control" placeholder="Your new password" ng-model="user.password" required>
            <input type="password" class="form-control" placeholder="Verify your new password" ng-model="user.repeatPassword"
                   match="user.password" required>
            <button class="btn btn-danger" ng-disabled="changePasswordForm.$invalid" type="submit"
                    analytics-on analytics-event="register">Change Password</button>
            <span class="help-block" ng-show="changePasswordSuccess">Password changed successfully</span>
          </form>
        </div>
      </div>
    </div>

  </div>
</div>