<ion-view>
<ion-content class="login_web pane">
<div class="login_web">
	<div style="" class="loadingRegister" ng-show="loadingIcon">
		<div></div>
	</div>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" >
        <img class="img-responsive" src="images/login/logo_angry_words.png" alt="logo" id="home-img">
    </div>
	
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" >
        <div class="formulario col new-padding">

            <!--<h2 class="bienvenido"><span rel="localize[welcome_]">Welcome!</span></h2>-->

            <div class="login_form">
                <div class="crear_cuenta_form container-transluscent-light" ng-show="regForm">
                    <form method="post" >
                        <p id="top_desc"><span
                                rel="localize[login_start_playing]">Enter and start playing</span></p>

                        <div id="username_register_container">
                            <div id="userError" class="error" style="color:red;display:none;">Enter the Username</div>
							<input id="username_register" name="ingresatexto"
                                   localization_args="localize[username]" placeholder="Username"
                                    type="text" ng-model="data.user_name">
                        </div>
                        <div id="email_register_con">
                            <div id="userEmail" class="error" style="color:red;display:none;">Enter the valid Email Address</div>
							<input id="email_register" name="ingresatexto"
                                   localization_args="localize[email]" placeholder="Email" type="text" ng-model="data.user_email">
                        </div>
                        <p id="password_string_desc" class="error" style="display:none;"><span
                                rel="localize[enter_password]">Enter your password</span>:</p>

                        <div id="password_register_container">
							<div id="userPassword" class="error" style="color:red;display:none;">Enter the Password</div>
                            <input id="password_register" name="ingresatexto"
                                   localization_args="localize[password]" placeholder="Password" value=""
                                    type="password" ng-model="data.user_password">
                        </div>
                        <div id="repeat_password_register_container">
                            <div id="userRPassword" class="error" style="color:red;display:none;">Enter the Repeat Password</div>
							<div id="userRPassNot" class="error" style="color:red;display:none;">Password Not Matched</div>
							<input id="repeat_password_register" name="ingresatexto"
                                   localization_args="localize[repeat_password]"
                                   placeholder="Repeat Password" value="" type="password" ng-model="data.user_rpassword">
                        </div>
						<button id="next_phase" type="submit" style="display:none" ng-click="checkMail()" >
							<span rel="localize[next]">Continue</span>
                        </button>
                        <button id="create_user"  type="submit" ng-click="registrationFun(data)">
							<span rel="localize[create]" type="submit">Create</span>
						</button>
                        <button id="cancel_btn" class="cancelar" ng-click="cancelRefform()">
							<span rel="localize[cancel]">Cancel</span>
                        </button>
                    </form>
                </div>
                <div class="iniciar_session container-transluscent-light" ng-hide="regForm">
					<!--
					<button class="signin-facebook" ng-click="#"><img src="images/ico/facebook.png" id="img-login-facebook"/><span rel="localize[login_with_session]">Sign in with Facebook</span>
                    </button>
					-->
                    <!--<div class="permission-msg">
                        <span rel="localize[login_start_playing]" >
						We'll never post to your wall without your permission.</span>
                    </div>-->
				<!--	<div class="dont-facebook">
					<span rel="localize[login_start_playing]" >
					    Don't have a Facebook account?</span>
						</div>-->
                    <!--<button class="fb" type="button" onclick="'https://www.facebook.com/'" >
					<span rel="localize[login_with_session]">Sign in with</span></button>-->
                    <button class="apa" ng-click="moveToAwordedLogin()"><span rel="localize[login_with_session]">Sign in with Email Address</span>
                    </button>
					<span rel="localize[login_start_playing]" >You do not have account</span>
					<button class="apa" ng-click="regisform()"><span rel="localize[sign_up]">Register</span>
                    </button>
					   <div class="login-trouble"><u><span rel="localize[login_start_playing]" >Trouble signing in? Get Help!</span></u></div>
                </div>
            </div>
            <div class="download container-transluscent-light" style="display:none">
                <p><span rel="localize[download_mobile_version]">Download the latest version from App Store or Google Play</span>
                </p>
                <a class="appstore" target="_blank"
                   href="http://localhost/apalabrodos_webapp/%5BNOT%20FOUND%5D"></a>
                <a class="android" target="_blank"
                   href="https://play.google.com/store/apps/details?id=com.etermax.apalabrados.lite&amp;hl=en"></a>
            </div>
        </div>
    </div>
</div>

</ion-content>
</ion-view>