<ion-modal-view class="lively-bg">
  <ion-header-bar class="bar-clear">
    <h1 class="title">Sign Up</h1>
    <div class="buttons">
      <button class="button button-clear button-icon ion-ios-close-outline" ng-click="closeSignUp()"></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="doSignUp()">
      <div class="list">
        <label class="item item-input">
          <span class="input-label">Email</span>
          <input type="text" ng-model="signupData.email">
        </label>
        <label class="item item-input">
          <span class="input-label">Password</span>
          <input type="password" ng-model="signupData.password">
        </label>
        <label class="item item-input">
          <span class="input-label">Confirm Password</span>
          <input type="password" ng-model="signupData.confirm_password">
        </label>
        <label class="item borderless">
          <button class="button button-block button-positive" type="submit">Sign Up</button>
        </label>
      </div>
    </form>
        <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>
    <!-- 
          <button class="button button-positive" ng-click="loadData()">Load</button>
    <div class="row">
          <div class="col col-50 col-offset-25">
	<img src="img/Icon-Facebook.png" ng-click="fblogin()" width="100%" />
          </div>
    </div> -->
  </ion-content>
</ion-modal-view>
