<ion-modal-view class="lively-bg">
  <ion-header-bar class="bar-clear">
    <h1 class="title">Login</h1>
    <div class="buttons">
      <button class="button button-clear button-icon ion-ios-close-outline" ng-click="closeLogin()"></button>
    </div>
  </ion-header-bar>
  <ion-content>
      <div class="row img-padding">
      <img src="img/big-logo.png" class="center-block">
      </div>
    <form ng-submit="doLogin()">
      <div class="list">
        <label class="item item-input">
          <span class="input-label">Username</span>
          <input type="text"   autocapitalize="none" ng-model="loginData.username">
        </label>
        <label class="item item-input">
          <span class="input-label">Password</span>
          <input type="password" autocapitalize="none" ng-model="loginData.password">
        </label>
        <label class="item borderless">
          <button class="button button-block button-positive" type="submit">Log in</button>
        </label>
      </div>
    </form>
    <!-- 
    <button class="button" ng-click="getStatus()">Check Status</button>
    <button class="button" ng-click="logout()">Logout</button> -->
        <div class="text-center padding label-content">
          or login with
        </div>
    <div class="row">
          <div class="col col-50">
              <button class="button icon ion-social-facebook button-block facebook social-button" ng-click="fblogin()"></button>
          </div>
          <div class="col col-50">
              <button class="button icon ion-social-instagram-outline button-block ig social-button" ng-click="igLogin()"></button>

          </div>
    </div>
  </ion-content>
</ion-modal-view>
