<ion-content style="background-image: url('img/background/bg4.jpg'); background-size: cover; padding-top: 20px">
    <div class="card" style="background-color: transparent">
        <div class="item item-image" style="background-color: transparent">
            <img src="img/login/skala2.png">
        </div>
        <div class="item item-divider">
            <h4 class="text-center" style="color: #c0392b">LOG MASUK PENGGUNA</h4>
        </div>
        <div class="item item-text-wrap">
            <div class="list">
                <label class="item item-input item-stacked-label">
                    <span class="input-label">Email</span>
                    <input type="text" ng-model="email" placeholder="Masukkan email anda...">
                </label>
                <label class="item item-input item-stacked-label">
                    <span class="input-label">Kata Laluan</span>
                    <input type="password" ng-model="password" placeholder="Masukkan kata laluan anda...">
                </label>
            </div>

            <!--<a nav-transition="ios" nav-direction="forward" href="#/app/home" class="button button-block button-calm">-->
            <a ng-click="checkLogin(email, password)" nav-direction="forward" class="button button-block button-calm">
                <i class="icon ion-log-in"></i>
                Login
            </a>
            <br>
            <h3 class="text-center assertive">{{ errorMessage }}</h3>
        </div>
    </div>
</ion-content>