<h1 class="text-center">Profile Settings</h1>
<div class="row">
  <div class="col-md-4 col-sm-6 col-xs-12">
    <div class="text-center">
      <img src="http://s3.amazonaws.com/37assets/svn/765-default-avatar.png" class="avatar img-circle img-thumbnail" alt="avatar">
      <h6>Upload a different photo...</h6>
      <input type="file" class="text-center center-block well well-sm">
    </div>
  </div>
  <div class="col-md-8 col-sm-6 col-xs-12 personal-info">
    <form class="form-horizontal" role="form">
      <div class="form-group">
        <label class="col-lg-3 control-label">Display name:</label>
        <div class="col-lg-8">
          <input class="form-control" type="text" ng-model="vm.account.displayName">
        </div>
      </div>
      <div class="form-group">
        <label class="col-lg-3 control-label">First name:</label>
        <div class="col-lg-8">
          <input class="form-control" type="text" ng-model="vm.account.firstName">
        </div>
      </div>
      <div class="form-group">
        <label class="col-lg-3 control-label">Last name:</label>
        <div class="col-lg-8">
          <input class="form-control" type="text" ng-model="vm.account.lastName">
        </div>
      </div>
      <div class="form-group">
        <label class="col-lg-3 control-label">Email:</label>
        <div class="col-lg-8">
          <input class="form-control" type="email" ng-model="vm.account.primaryEmail">
        </div>
      </div>
      <div class="form-group">
        <label class="col-lg-3 control-label"> </label>
        <div class="col-lg-8">
          <button class="btn btn-primary form-control" ng-click="vm.Profile.update(vm.account)">Save</button>
        </div>
      </div>
    </form>
  </div>
</div>

<hr>
<h4>Active Sessions</h4>
<div class="profile-container" >
  <div class="profiles" ng-repeat="session in vm.sessions track by $index">
    <div class="profile-content">
      <div class="row">
        <div class="col-md-5">
          <img src="http://s3.amazonaws.com/37assets/svn/765-default-avatar.png" alt="Alternate Text" class="img-responsive" />
          <p class="text-center small"><a href="">Change Photo</a></p>
        </div>
        <div class="col-md-7">
          <span ng-bind="session.subject"></span>
          <p class="text-muted small" ng-bind="session.issuer"></p>
          <div class="divider"></div>
          <button type="button" class="btn btn-default" disabled ng-if="vm.session.subject == session.subject && vm.session.issuer == session.issuer">Current Profile</button>
        </div>
      </div>
    </div>
    <div class="profile-footer">
      <div class="profile-footer-content">
        <div class="row">
          <div class="col-md-6">
            <a class="btn btn-default btn-sm" ng-click="vm.selectSession(session);">Use Account</a>
          </div>
          <div class="col-md-6">
            <a class="btn btn-default btn-sm pull-right" ng-if="vm.session.subject == session.subject && vm.session.issuer == session.issuer" ng-click="vm.signOut()">Sign Out</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<hr>
<div class="">
  <h4>Add Account</h4>
  <div class="panel panel-default">
    <div class="panel-body">
        <form class="form form-signup" role="form">
          <div class="form-group">
            <div class="input-group">
              <span class="input-group-addon">@</span>
              <input type="text" class="form-control" placeholder="Email Address" ng-model="vm.newSubject" ng-change="vm.setSubject()" />
            </div>
          </div>
          <div class="form-group">
            <div class="input-group">
              <span class="input-group-addon"><i class="fa fa-briefcase"></i></span>
              <input type="text" class="form-control" placeholder="Provider" ng-if="vm.showAdvanced" ng-model="vm.newIssuer" ng-change="vm.setIssuer()" />
            </div>
          </div>
          <button class="btn btn-sm btn-primary btn-block" type="button" ng-click="vm.auth()">Add</a>
        </form>
    </div>
  </div>
</div>

<hr>
<h4>Log off all accounts</h4>
<button type="button" class="btn btn-danger" ng-click="vm.masterLogOut()">Log Out</button>