<section class="bread-crumb margin-bottom-10">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <ul class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
                    <li class="home" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="<?=site?>" title="Trang chủ"> <span itemprop="name">Trang chủ</span>
                        <meta itemprop="position" content="1" />
                        </a> <span><i class="fa fa-angle-right"></i></span> </li>
                    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <strong itemprop="name">Đăng nhập tài khoản</strong>
                        <meta itemprop="position" content="2" />
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<script language="javascript">
function loginFacebook() {
	var a = {
			client_id: "422499541147400",	//IP Apps Timgiadung
			redirect_uri: "https://quagiare.com/profile/facebook/callback",
			state: JSON.stringify({
				redirect_url: window.location.href
			}),
			scope: "email",
			response_type: "code"
		},
		b = "https://www.facebook.com/v3.2/dialog/oauth" + encodeURIParams(a, !0);
		//https://m.facebook.com/v7.0/dialog/oauth/read/
	window.location.href = b
}

function loginGoogle() {
	var a = {
			client_id: "885968593373-197u9i4pte44vmvcc0j50pvhlfvl27ds.apps.googleusercontent.com",
			redirect_uri: "https://store.mysapo.net/account/google_account_callback",
			scope: "email profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile",
			access_type: "online",
			state: JSON.stringify({
				redirect_url: window.location.href
			}),
			response_type: "code"
		},
		b = "https://accounts.google.com/o/oauth2/v2/auth" + encodeURIParams(a, !0);
	window.location.href = b
}

function encodeURIParams(a, b) {
	var c = [];
	for (var d in a)
		if (a.hasOwnProperty(d)) {
			var e = a[d];
			null != e && c.push(encodeURIComponent(d) + "=" + encodeURIComponent(e))
		}
	return 0 == c.length ? "" : (b ? "?" : "") + c.join("&")
} 
</script>
<div class="container margin-bottom-30">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="page-login account-box-shadow">
                <div id="login">
                    <div class="text-center">
                        <h1 class="title-head"><span>Đăng nhập tài khoản</span></h1>
                    </div>
                    <div class="social-login text-center margin-bottom-10"> 
                        <a href="javascript:void(0)" class="social-login--facebook" onclick="loginFacebook()" rel="nofollow"><img width="129px" height="37px" alt="facebook-login-button" src="<?=skin?>images/fb-btn.svg"></a> 
                        <a href="javascript:void(0)" class="social-login--google" onclick="loginGoogle()" rel="nofollow"><img width="129px" height="37px" alt="google-login-button" src="<?=skin?>images/gp-btn.svg"></a> </div>
                    <form accept-charset="utf-8" action="<?=site?>dang-nhap.html" id="customer_login" method="post">
                        <input name="FormType" type="hidden" value="customer_login" />
                        <input name="utf8" type="hidden" value="true" />
                        <div class="form-signup" > </div>
                        <div class="form-signup clearfix">
                            <fieldset class="form-group margin-bottom-20">
                                <label>Email<span class="required">*</span></label>
                                <input type="email" class="form-control form-control-lg" value="" name="email" id="customer_email" placeholder="Email" required data-validation="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,63}$" data-validation-error-msg= "Email sai định dạng" />
                            </fieldset>
                            <fieldset class="form-group">
                                <label>Mật khẩu<span class="required">*</span></label>
                                <input type="password" class="form-control form-control-lg" value="" name="password" id="customer_password" data-validation-error-msg= "Không được để trống" data-validation="required" placeholder="Mật khẩu" />
                            </fieldset>
                            <div class="pull-xs-left text-center" style="margin-top: 15px;">
                                <button class="btn btn-style btn-blues"  type="submit" value="Đăng nhập">Đăng nhập</button>
                            </div>
                            <div class="clearfix"></div>
                            <p class="text-center"> <a href="javascript:;" class="btn-link-style" onclick="showRecoverPasswordForm();" title="Quên mật khẩu?" rel="nofollow">Quên mật khẩu?</a> </p>
                            <div class="text-login text-center">
                                <p> Bạn chưa có tài khoản. Đăng ký <a href="<?=site?>dang-ky.html" title="Đăng ký" rel="nofollow">tại đây.</a> </p>
                            </div>
                        </div>
                    </form>
                </div>
                <div id="recover-password" class="form-signup" style="display:none;">
                    <div class="text-center">
                        <h1 class="title-head"><span>Đặt lại mật khẩu</span></h1>
                    </div>
                    <span class="block text-center"> Bạn quên mật khẩu? Nhập địa chỉ email để lấy lại mật khẩu qua email. </span>
                    <form accept-charset="utf-8" action="<?=site?>quen-mat-khau.html" id="recover_customer_password" method="post">
                        <input name="FormType" type="hidden" value="recover_customer_password" />
                        <input name="utf8" type="hidden" value="true" />
                        <div class="form-signup aaaaaaaa" > </div>
                        <div class="form-signup clearfix">
                            <fieldset class="form-group">
                                <label>Email<span class="required">*</span></label>
                                <input type="email" class="form-control form-control-lg" value="" name="Email" id="recover-email" placeholder="Email" data-validation="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,63}$" data-validation-error-msg= "Email sai định dạng" />
                            </fieldset>
                        </div>
                        <div class="action_bottom text-center">
                            <button class="btn btn-style btn-blues" style="margin-top: 15px;" type="submit" value="Lấy lại mật khẩu">Lấy lại mật khẩu</button>
                        </div>
                        <div class="text-login text-center">
                            <p>Quay lại <a href="javascript:;" class="btn-link-style btn-register" onclick="hideRecoverPasswordForm();" title="Quay lại" rel="nofollow">tại đây.</a></p>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
	function showRecoverPasswordForm() {
		document.getElementById('recover-password').style.display = 'block';
		document.getElementById('login').style.display='none';
	}

	function hideRecoverPasswordForm() {
		document.getElementById('recover-password').style.display = 'none';
		document.getElementById('login').style.display = 'block';
	}
</script>