$(function(){
    $(".login-phone-btn").on("click",function(){
        $(".login-show").hide()
        $(".login1").show()
    })
})

$(".area-phone-box").css("height",$(document).height())
var areaJson={
    "resources": {
      "stringArray": {
        "-name": "country_code",
        "item": [
          "Afghanistan+93+AF",
          "Albania+355+AL",
          "Algeria+213+DZ",
          "American Samoa+684",
          "Andorra+376+AD",
          "Angola+244+AO",
          "Anguilla+1264+AI",
          "Antigua and Barbuda+1268+AG",
          "Argentina+54+AR",
          "Armenia+374+AM",
          "Aruba+297+AW",
          "Australia+61+AU",
          "Austria+43+AT",
          "Azerbaijan+994+AZ",
          "Bahamas+1242+BS",
          "Bahrain+973+BH",
          "Bangladesh+880+BD",
          "Barbados+1246+BB",
          "Belarus+375+BY",
          "Belgium+32+BE",
          "Belize+501+BZ",
          "Benin+229+BJ",
          "Bermuda+1441+BM",
          "Bhutan+975+BT",
          "Bolivia+591+BO",
          "Bosnia and Herzegovina+387+BA",
          "Botswana+267+BW",
          "Brazil+55+BR",
          "Brunei Darussalam+673+BN",
          "Bulgaria+359+BG",
          "Burkina Faso+226+BF",
          "Burundi+257+BI",
          "Cambodia+855+KH",
          "Cameroon+237+CM",
          "Canada+1+CA",
          "Cape Verde+238+CV",
          "Cayman Islands+1345",
          "Central African Republic+236+CF",
          "Chad+235+TD",
          "Chile+56+CL",
          "中国+86+CN",
          "Colombia+57+CO",
          "Comoros+269+KM",
          "Congo+242+CG",
          "Zaire+243+ZR",
          "Cook Islands+682+CK",
          "Costa Rica+506+CR",
          "Cote D ivoire+225+CI",
          "Croatia+385+HR",
          "Cuba+53+CU",
          "Cyprus+357+CY",
          "Czech Republic+420+CZ",
          "Denmark+45+DK",
          "Djibouti+253+DJ",
          "Dominica+1767",
          "Dominican Republic+1890+DO",
          "Ecuador+593+EC",
          "Egypt+20+EG",
          "El Salvador+503+SV",
          "Equatorial Guinea+240+GQ",
          "Eritrea+291+ER",
          "Estonia+372+EE",
          "Ethiopia+251+ET",
          "Falkland Islands (Malvinas)+500+FK",
          "Faroe Islands+298+FO",
          "Fiji+679+FJ",
          "Finland+358+FI",
          "France+33+FR",
          "French Guiana+594",
          "French Polynesia+689+PF",
          "Gabon+241+GA",
          "Gambia+220+GM",
          "Georgia+995+GE",
          "Germany+49+DE",
          "Ghana+233+GH",
          "Gibraltar+350+GI",
          "Greece+30+GR",
          "Greenland+299+GL",
          "Grenada+1809+GD",
          "Guadeloupe+590+BL",
          "Guam+671",
          "Guatemala+502+GT",
          "Guernsey+44+GG",
          "Guinea+675",
          "Guinea-Bissau+245+GW",
          "Guyana+592+GY",
          "Haiti	+509+HT",
          "Honduras+504+HN",
          "中國香港+852+HK",
          "Hungary+36+HU",
          "Iceland+354+IS",
          "India+91+IN",
          "Indonesia+62+ID",
          "Iran Islamic Republic+98+IR",
          "Iraq+964+IQ",
          "Ireland+353+IE",
          "Isle of Man+44+IM",
          "Israel+972+IL",
          "Italy+39+IT",
          "Jamaica+1876+JM",
          " にほん+81+JP",
          "Jersey+44",
          "Jordan+962+JO",
          "Kazakhstan+7+KZ",
          "Kenya+254+KE",
          "조선민주주의인민공화국+850+KP",
          "대한민국+82+KR",
          "Kosovo+381+YU",
          "Kuwait+965+KW",
          "Kyrgyzstan+996+KG",
          "Lao People s Democratic Republic+856+LA",
          "Latvia+371+LV",
          "Lebanon+961+LB",
          "Lesotho+266+LS",
          "Liberia+231+LR",
          "Libyan Arab Jamahiriya+218+LY",
          "Liechtenstein+423+LI",
          "Lithuania+370+LT",
          "Luxembourg+352+LU",
          "中國澳門+853+MO",
          "Macedonia+389+MK",
          "Madagascar+261+MG",
          "Malawi+265+MW",
          "Malaysia+60+MY",
          "Maldives+960+MV",
          "Mali+223+ML",
          "Malta+356+MT",
          "Martinique+596",
          "Mauritania+222+MR",
          "Mauritius+230+MU",
          "Mexico+52+MX",
          "Moldova+373+MD",
          "Monaco+377+MC",
          "Mongolia+976+MN",
          "Montenegro+382+ME",
          "Montserrat+1664+MS",
          "Morocco+212+MA",
          "Mozambique+258+MZ",
          "Myanmar+95+MM",
          "Namibia+264+NA",
          "Nepal+977+NP",
          "Netherlands+31+NL",
          "Netherlands Antilles+599+AN",
          "New Caledonia+687+NC",
          "New Zealand+64+NZ",
          "Nicaragua+505+NI",
          "Niger+227+NE",
          "Nigeria+234+NG",
          "Norway+47+NO",
          "Oman+968+OM",
          "Pakistan+92+PK",
          "Palau+680+PW",
          "Panama+507+PA",
          "Papua New Guinea+675+PG",
          "Paraguay+595+PY",
          "Peru+51+PE",
          "Philippines+63+PH",
          "Poland+48+PL",
          "Portugal+351+PT",
          "Puerto Rico+1787+PR",
          "Qatar+974+QA",
          "Reunion+262+YT",
          "Romania+40+RO",
          "Russian Federation+7+RU",
          "Rwanda+250+RW",
          "Saint Kitts and Nevis+1869",
          "Saint Lucia+1758+LC",
          "Saint Vincent and the Grenadines+1784+VC",
          "Samoa+684",
          "San Marino+378+SM",
          "Saudi Arabia+966+SA",
          "Senegal+221+SN",
          "Serbia+381+RS",
          "Seychelles+248+SC",
          "Sierra Leone+232+SL",
          "Singapore+65+SG",
          "Slovakia+421+SK",
          "Slovenia+386+SI",
          "Solomon Islands+677+SB",
          "Somalia+252+SO",
          "South Africa+27+ZA",
          "South Sudan+211",
          "Spain+34+ES",
          "Sri Lanka+94+LK",
          "Sudan+249+SD",
          "Suriname+597+SR",
          "Swaziland+268+SZ",
          "Sweden+46+SE",
          "Switzerland+41+CH",
          "Syrian Arab Republic+963+SY",
          "台灣+886+TW",
          "Tajikistan+992+TJ",
          "Tanzania United Republic+255+TZ",
          "Thailand+66+TH",
          "Timor-Leste+670+TL",
          "Togo+228+TG",
          "Tonga+676+TO",
          "Trinidad and Tobago+1809+TT",
          "Tunisia+216+TN",
          "Turkey+90+TR",
          "Turkmenistan+993+TM",
          "Turks and Caicos Islands+1649",
          "Uganda+256+UG",
          "Ukraine+380+UA",
          "United Arab Emirates+971+AE",
          "United Kingdom+44+GB",
          "United States+1+US",
          "Uruguay+598+UY",
          "Uzbekistan+998+UZ",
          "Vanuatu+678+VU",
          "Venezuela+58+VE",
          "Viet Nam+84+VN",
          "Virgin Islands British+1340",
          "Yemen+967+YE",
          "Zambia+260+ZM",
          "Zimbabwe+263+ZW",
          "Guam+1671+GU",
          "Guinea+224+GN",
          "Haiti+509+HT",
          "Kazakstan+327+KZ",
          "Kyrgyzstan+331+KG",
          "Nauru+674+NR",
          "Sao Tome and Principe+239+ST"
        ]
      }
    }
  }
  $(".login-close").on("click",function(){
    $(".login-box").css("bottom","-15rem")
    $(".nav-shadow").hide()
    $(".layer-shadow").hide()
})
$(".nav-shadow").on("click",function(){
    //關閉所有彈窗
    $(".login-box").css("bottom","-15rem")
    $(".right-nav").css("right","-8rem")
    $(".nav-shadow").hide()
})
var html=[];
for(var i=0;i<areaJson.resources.stringArray.item.length;i++){
    var list=areaJson.resources.stringArray.item[i]
    html+='<li>';
    html+='<div class="area-li-box1">'+list.split("+")[0]+'</div>';
    html+='<div class="area-li-box2">+<span>'+list.split("+")[1]+'</span></div>';
    html+='</li>';
    // html+='<li><span class="input-ul-span1">'+list.split("+")[0]+'</span><span class="input-ul-span2">+<span>'+list.split("+")[1]+'</span></span></li>'
}
$(".area-ul").html(html);
$(".area-search-input").unbind("input").on("input",function(){
    searchNum=0
    $(".area-ul").find('.area-li-box1').each(function() {
        var text1 = $(this)[0].innerHTML;
        if(text1.toLowerCase().indexOf($(".area-search-input").val().toLowerCase())>=0){
            $(this).parent().css("display","block")
            searchNum++
        }else{
            $(this).parent().css("display","none")
        }
        
    });
    $(".area-ul").find('.area-li-box2').each(function() {
        var text1 = $(this)[0].innerHTML;
        if(text1.indexOf($(".area-search-input").val())>=0){
            $(this).parent().css("display","block")
            searchNum++
        }
        if(searchNum==0){
            $(".search-no-li").show()
        }else $(".search-no-li").hide()
    });
})
$(".register .register-area-p2").on("click",function(){
    $(".area-phone-box").show()
    $(".area-phone-box").css("bottom",'0')
})
$(".area-close").on("click",function(){
    $(".area-phone-box").hide()
    $(".area-phone-box").css("bottom",'-100vh')
})
$(".login-area").on("click",function(){
    $(".area-phone-box").show()
    $(".area-phone-box").css("bottom",'0')
})
var jsSrc =(navigator.language || navigator.browserLanguage).toLowerCase();
if(jsSrc.indexOf('zh-cn')!=-1){
    var areaName="中国"
    var phoneNum=86
    $(".area-span").text(areaName)
}else{
    var areaName="台灣"
    var phoneNum=886
    $(".area-span").text(areaName)
}
$(".area-ul li").on("click",function(){
    $(".area-phone-box").show()
    $(".area-phone-box").css("bottom",'-100vh')
    areaName=$(this).children(".area-li-box1").text()
    phoneNum=$(this).children(".area-li-box2").children("span").text()
    $(".area-span").text(areaName)
})
$(".login1 .login-btn").on("click",function(){
    if($(".login-show .login-phone-input").val()==''){
        layer.msg("請輸入您的手機號")
        return;
    }
    $.ajax({
        url:$ip+'user/checkPhoneNum',
        data:{
            countrycode:phoneNum,
            phone:$(".login1 .login-phone-input").val(),
            // pass:true,
            pageID:localStorage.canvasCode
        },
        success:function(data){
            //console.log("判断手机号是否注册",data)
            if(data.code!=1){
                layer.msg(data.msg)
                return;
            }
            if(data.check==1){
                $(".login1").hide()
                $(".login2").show()
                $(".login2 .login-phone-input").val($(".login1 .login-phone-input").val())
                //登錄
            }else{
                $(".login1").hide()
                $(".register").show()
                $(".register-phone-input").val($(".login-phone-input").val())
                //註冊
            }
        }
    })
})
$(".login2 .login-btn").on("click",function(){
    if($(".login2 .login-phone-input").val().length<6){
        setTimeout(function() {
            layer.msg("請輸入您的手機號碼")
        }, 300);
    
        return;
    }
    if($(".login2 .login-password-input").val().length==0){
        setTimeout(function() {
            layer.msg("請輸入您的密碼")
        }, 300);
        return;
    }
    if($(".login2 .login-password-input").val().length<6){
        setTimeout(function() {
            layer.msg("密碼長度過短")
        }, 300);
        return;
    }
    $.ajax({
        url:$ip+'user/phoneLogin',
        data:{
            countrycode:phoneNum,
            phone:$(".login2 .login-phone-input").val(),
            pwd:$(".login2 .login-password-input").val(),
            // pass:true,
            pageID:localStorage.canvasCode
        },
        success:function(data){
            console.log('手機號登錄',data)
            if(data.code!=1){
                layer.msg(data.msg);
                return;
            }
            localStorage.token=data.token
            localStorage.uid=data.uid
            sessionStorage.oneLogin=1
            layer.closeAll()
            setTimeout(function(){
                $.ajax({
                    url:$ip+'activeLog/webActive',
                    data:{
                        activeType:7,
                        pageID:localStorage.canvasCode,
                        uid:localStorage.uid
                    },
                    success:function(data){
                        window.location.reload()
                    }
                })
            },500)
        }
    })
})
var codeTime=60;
var codeT=null;
var codeOk=true
$(".register-code-get").on("click",function(){
    if(codeOk==false)return;
    codeOk=false
    $.ajax({
        url:$ip+'user/getRegcap',
        data:{
            countrycode:phoneNum,
            phone:$(".register-phone-input").val(),
            pageID:localStorage.canvasCode
        },
        success:function(data){
            //console.log('获取注册验证码',data)
            if(data.code!=1){
                layer.msg(data.msg)
                codeOk=true;
                return; 
            }
            layer.msg("驗證碼發送成功，請查看")
            $(".register-code-get").addClass("register-code-get-no")
            $(".register-code-get").text(''+codeTime+'s后获取')
            codeT=setInterval(function(){
                codeTime--
                $(".register-code-get").text(''+codeTime+'s后获取')
                if(codeTime<0){
                    clearInterval(codeT)
                    codeTime=60
                    codeOk=true;
                    $(".register-code-get").text('驗證碼')
                    $(".register-code-get").removeClass("register-code-get-no")
         
                }
            })
        }
    })
})
$(".register-change-btn").on("click",function(){
    $.ajax({
        url:$ip+'user/phoneReg',
        data:{
            countrycode:phoneNum,
            phone:$(".register-phone-input").val(),
            pwd:$(".password-input").val(),
            smscode:$(".register-code-input").val(),
            pageID:localStorage.canvasCode
        },
        success:function(data){
            console.log('手機號註冊',data)
            if(data.code!=1){
                layer.msg(data.msg)
                return;
            }
            localStorage.token=data.token
            localStorage.uid=data.uid
            sessionStorage.oneLogin=1
            setTimeout(function(){
                $.ajax({
                    url:$ip+'activeLog/webActive',
                    data:{
                        activeType:7,
                        pageID:localStorage.canvasCode,
                        uid:localStorage.uid
                    },
                    success:function(data){
                        window.location.reload()
                    }
                })
            },500)
        }
    })
})
$(".login-google-btn").on("click",function(){

})

function googleLogin(){
    google.accounts.id.initialize({
        client_id: "534183685500-ag0vai0jh6todldi4rg6lvp0gcsojk0n.apps.googleusercontent.com",
        callback: handleCredentialResponse
      });

      google.accounts.id.renderButton(
        document.getElementById("buttonDiv-big"),
        { theme: "outline", size: "large",type:'icon' }  // customization attributes
      );
      google.accounts.id.renderButton(
        document.getElementById("buttonDiv1"),
        { theme: "outline", size: "large",type:'icon' }  // customization attributes
      );
      google.accounts.id.renderButton(
        document.getElementById("buttonDiv2"),
        { theme: "outline", size: "large",type:'icon' }  // customization attributes
      );
      google.accounts.id.renderButton(
        document.getElementById("buttonDiv3"),
        { theme: "outline", size: "large",type:'icon' }  // customization attributes
      );
      
    // google.accounts.id.prompt(); // also display the One Tap dialog
}
function loginPage(){
  $(".right-nav").css("right","-8rem")
  $(".login-box").css("bottom","0rem") 
  $(".login1,.login2,.register,.reset").hide()
  $(".login-show").show()
  googleLogin()
}

$('.twitter_btn').on('click', function () {
    login_twitter('twitter');
})
$(".facebook_btn").on("click",function(){
    FB.login(function (response) {
        if (response.status === 'connected') {
            // Logged into your webpage and Facebook.
            FB.api('/me', function (info) {
                //console.log('Successful login for: ' + info.name);
                //console.log(info)
                //console.log(response)
                $.ajax({
                    url:$ip+'third/login',
                    data:{
                        openid:info.id,
                        opentype:6,
                        authToken:response.authResponse.accessToken,
                        authSecret:'02f716c256cb1aab9299145ede73c13f',
                        nickname:info.name,
                        pageID:localStorage.canvasCode,
                        // facepath:p.thumbnail
                    },
                    success:function(data){
                        //console.log('Facebook登录',data)
                        localStorage.token=data.token
                        localStorage.uid=data.uid
                        sessionStorage.oneLogin=1
                        $.ajax({
                            url:$ip+'activeLog/webActive',
                            data:{
                                activeType:7,
                                pageID:localStorage.canvasCode,
                                uid:localStorage.uid
                            },
                            success:function(data){
                                window.location.reload()
                            }
                        })
                   
                    }
                })
                // window.location.href = "footseenlogin://" + encodeURIComponent("www.firefly.live?token=" + response.authResponse.accessToken + "&name=" + info.name + "&id=" + info.id);
                // document.getElementById('status').innerHTML =
                //     'Thanks for logging in, ' + response.name + '!';
                // window.location.href = "footseenlogin://" + encodeURIComponent("www.firefly.live?token=" + info.authResponse.accessToken + "&name=" + response.name + "&id=" + response.id);
            });
        } else {
            // The person is not logged into your webpage or we are unable to tell. 
        }
    });
})
function handleCredentialResponse(response) {
    //console.log("Encoded JWT ID token: " + response.credential);
    $.ajax({
        url:$ip+'third/login',
        data:{
            opentype:4,
            authToken:response.credential,
            pageID:localStorage.canvasCode,
            
        },
        type:"post",
        success:function(data){
            //console.log('google登錄',data)
            if(data.code!=1){
                layer.msg(data.msg)
                return;
            }
            localStorage.token=data.token
            localStorage.uid=data.uid
            sessionStorage.oneLogin=1
            $.ajax({
                url:$ip+'activeLog/webActive',
                data:{
                    activeType:7,
                    pageID:localStorage.canvasCode,
                    uid:localStorage.uid
                },
                success:function(data){
                    window.location.reload()
                }
            })
        }
    })

    setTimeout(function() {
        google.accounts.id.disableAutoSelect();
    }, 1000);
    // //console.log("ID: " + responsePayload.sub);
    // //console.log('Full Name: ' + responsePayload.name);
    // //console.log('Given Name: ' + responsePayload.given_name);
    // //console.log('Family Name: ' + responsePayload.family_name);
    // //console.log("Image URL: " + responsePayload.picture);
    // //console.log("Email: " + responsePayload.email);
}

//facebook
var info;
function statusChangeCallback(response) {  // Called with the results from FB.getLoginStatus().
    // //console.log('statusChangeCallback');
    // //console.log(response);                   // The current login status of the person.
    if (response.status === 'connected') {   // Logged into your webpage and Facebook.
        info = response
        testAPI();
    } else {                                 // Not logged into your webpage or we are unable to tell.
        // document.getElementById('status').innerHTML = 'Please log ' +
        //     'into this webpage.';
    }
}


function checkLoginState() {               // Called when a person is finished with the Login Button.
    FB.getLoginStatus(function (response) {   // See the onlogin handler
        statusChangeCallback(response);
    });
}


window.fbAsyncInit = function () {
    FB.init({
        appId: '382456482257502',
        cookie: true,                     // Enable cookies to allow the server to access the session.
        xfbml: true,                     // Parse social plugins on this webpage.
        version: 'v13.0'           // Use this Graph API version for this call.
    });


    FB.getLoginStatus(function (response) {   // Called after the JS SDK has been initialized.
        statusChangeCallback(response);        // Returns the login status.
    });
};

function testAPI() {                      // Testing Graph API after login.  See statusChangeCallback() for when this call is made.
    // //console.log('Welcome!  Fetching your information.... ');
    FB.api('/me', function (response) {

        // //console.log('Successful login for: ' + response.name);

        // document.getElementById('status').innerHTML =
        //     'Thanks for logging in, ' + response.name + '!';
        // window.location.href = "footseenlogin://" + encodeURIComponent("www.firefly.live?token=" + info.authResponse.accessToken + "&name=" + response.name + "&id=" + response.id);
    });
}

window.twttr = (function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0],
        t = window.twttr || {};
    if (d.getElementById(id)) return t;
    js = d.createElement(s);
    js.id = id;
    js.src = "https://platform.twitter.com/widgets.js";
    fjs.parentNode.insertBefore(js, fjs);

    t._e = [];
    t.ready = function (f) {
        t._e.push(f);
    };

    return t;
}(document, "script", "twitter-wjs"));
var log = //console.log;
setTimeout(function(){
    hello.init(
    { 'twitter': 'cEGECNgXN3ZN00r3Zb82vwh55' },    //App_key
    {
        oauth_proxy: 'https://auth-server.herokuapp.com/proxy',
        redirect_uri: 'https://www.footseen.xyz/mTest/index.html'
    });
},1500)

//推特登錄
function login_twitter(network) {  //登录方法，并将twitter 作为参数传入
    // Twitter instance
    var twitter = hello(network);

    // Login
    twitter.login().then(function (r) {
        // Get Profile
        return twitter.api('/me')
    }, log).then(function (p) {
        var r2 = JSON.parse(localStorage.getItem('hello'));
        console.log(r2.twitter)
        $.ajax({
            url:$ip+'third/login',
            data:{
                openid:r2.twitter.user_id,
                opentype:5,
                authToken:r2.twitter.oauth_token,
                authSecret:r2.twitter.oauth_token_secret,
                nickname:p.name,
                facepath:p.thumbnail,
                pageID:localStorage.canvasCode,
            },
            success:function(data){
                //console.log('推特登录',data)
                if(data.code!=1){
                    layer.msg(data.msg)
                    return;
                }
                localStorage.token=data.token
                localStorage.uid=data.uid
                sessionStorage.oneLogin=1
                layer.closeAll()
                setTimeout(function(){
                    $.ajax({
                        url:$ip+'activeLog/webActive',
                        data:{
                            activeType:7,
                            pageID:localStorage.canvasCode,
                            uid:localStorage.uid
                        },
                        success:function(data){
                            window.location.reload()
                        }
                    })
                },500)
            }
        })
        //已获取用户信息，在此处理
        // window.location.href = "footseenlogin://" + encodeURIComponent("www.firefly.live?secret=" + r2.twitter.oauth_token_secret + "&token=" + r2.twitter.oauth_token + "&name=" + p.name + "&profileImageUrl=" + p.thumbnail + "&id=" + r2.twitter.user_id);
        // window.location.href = ;

    }, log);
}
$(".line_btn").on("click",function(){
    lineLog() 
    setInterval(function(){
        if(localStorage.uid!=undefined){
            window.location.reload()
        }
    },1000)
})
function lineLog() {
    var client_id = '1654468829';
    var redirect_uri ='https://www.footseen.xyz/lineBack.html';
    var link = 'https://access.line.me/oauth2/v2.1/authorize?';
    link += 'response_type=code';
    link += '&client_id=' + client_id;
    link += '&redirect_uri=' + redirect_uri;
    link += '&state=login';
    link += '&scope=openid%20profile';
    window.location.href = link;
}