<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">

        <title>客戶登入</title>
        <link rel="stylesheet" href="http://106.187.42.25/new-jack/new-nineten/public/packages/lucaswei/myadmin/bootstrap/css/bootstrap.min.css" type="text/css" media="screen" charset="utf-8"> 
        <link rel="stylesheet" href="http://106.187.42.25/new-jack/new-nineten/public/packages/lucaswei/myadmin/bootstrap/css/bootstrap-responsive.min.css" type="text/css" media="screen" charset="utf-8"> 
        <script src="http://106.187.42.25/new-jack/new-nineten/public/packages/lucaswei/myadmin/js/jquery.min.js" type="text/javascript" charset="utf-8">
        </script>
        <script src="http://106.187.42.25/new-jack/new-nineten/public/packages/lucaswei/myadmin/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8">
        </script>
        <style type="text/css" media="screen">
            body{
                background:url(http://106.187.42.25/new-jack/new-nineten/public/packages/lucaswei/myadmin/img/background.jpg);
                background-size: cover;
            }
            .container{
                margin:auto;
                width:400px;
                border:1px solid #ccc;
                background:#fff;
                border-radius:3px;
                padding:20px;
                margin-top:100px;
                box-shadow:0 3px 5px #545523;
            }
        </style>

    </head>
    <body>
<div class="container">	
            <legend>客戶登入</legend>

        <?php if($errors->any()): ?>
        <div class="alert alert-danger">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          <strong>錯誤!</strong> <?php echo $errors->first(); ?>

        </div>
        <?php endif; ?>


        <div class="modal fade in" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h2 class="modal-title" id="myModalLabel">Looknow Login</h2>
                        <?php if($errors->any()): ?>
		        <div class="alert alert-danger">
		          <button type="button" class="close" data-dismiss="alert">&times;</button>
		          <strong>錯誤!</strong> <?php echo $errors->first(); ?>

		        </div>
        		<?php endif; ?>
			<p> you should login...</p>
                    </div>
                    <div class="modal-body">
                        <a id="fb-login" href="#" class="btn btn-lg btn-default btn-block">Login with Facebook</a>
                        <hr/>
                        <form action="<?php echo URL::to('admin/user/user-account'); ?>" method="post" accept-charset="utf-8">
                            <input type="text" name="UserAccount" placeholder="account" class="form-control">
                            <input type="password" name="password" placeholder="password" class="form-control">
                            <p>
                                if you <a href="#">forget password</a>, click to reset.
                            </p>
                            <input type="submit" name="some_name" value="Login" class="btn btn-default form-control">
                        </form>
                    </div>
                </div>
            </div>
        </div>

<form method="POST" action="<?php echo URL::to('admin/user/user-account'); ?>" accept-charset="UTF-8">
<!--form method="POST" action="http://106.187.42.25/looknow/jack/looknow/public/admin/user/user-account" accept-charset="UTF-8"-->
	<div class="form-group">
        <label for="inputEmail">請輸入帳號</label>
        <input name="UserAccount" class="form-control" type="text" id="inputEmail" placeholder="帳號">
    </div>
    <div class="form-group">
        <label for="inputPassword">請輸入密碼</label>
        <input name="password" class="form-control" type="password" id="inputPassword" placeholder="密碼">
    </div>
    <p><input class="btn btn-primary" type="submit" value="登入">
    <a ><img  id ="fb-login" src="http://statics.mymy.tw/shop/images/icon_fbLogin.png" style = "width:120px; height:40px;"></img></a></p>
</form>
        </div>
</body>

        <script language="JavaScript">
           $(window).load(function(){
                $('#myModal').modal('show');
            });
////FB///////////
            window.fbAsyncInit = function() {
                    FB.init({
                    appId      : '558716530932928',
                    xfbml      : true,
                    version    : 'v2.4'
                    });

//////////
            function updateButton(response){
                  var button = document.getElementById('fb-auth'), r = [], check = 1;

                  if (response.status === 'connected') {
                      FB.api('/me?fields=name,id,gender,email', function(response) {
                      for (var key in response) {
                          r.push(response[key]);
                  }
                  console.log(r);
                                var url = "<?php echo URL::to('admin/user/fblogin'); ?>" + '/'+ r;
        //`                        var url = "http://106.187.42.25/looknow/jack/looknow/public/admin/user/fblogin" + '/'+ r;
                                window.location.href= url;
                     });
                  }
                else
                 {
                        FB.login(function(response) {
                                Log.info('FB.login callback', response);
                        });
                 }
                }
                document.getElementById("fb-login").onclick = function(){
                        FB.getLoginStatus(updateButton);
                        FB.Event.subscribe('auth.statusChange', updateButton);
                }
            };

                  (function(d, s, id){
                     var js, fjs = d.getElementsByTagName(s)[0];
                     if (d.getElementById(id)) {return;}
                     js = d.createElement(s); js.id = id;
                     js.src = "//connect.facebook.net/en_US/sdk.js";
                     fjs.parentNode.insertBefore(js, fjs);
                   }(document, 'script', 'facebook-jssdk'));

//////////////
</script>



