window.onload = function(){
    //フォームの存在チェック
    var commonH = document.getElementById("common_header");
    //マイページ用
    var commonM = document.getElementById("common_header_mymenu");
    //パスワードリマインダー
    var commonP = document.getElementById("common_header_passwordreminder");

    var commonH2 = document.getElementById("common_header_2");

    //フォームに表示
    if(commonH){
        document.getElementById("common_header").innerHTML = '<header id="header" role="banner"><div class="container"><div id="navbar" class="navbar navbar-default"><div class="navbar-header"><button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="http://wi2.co.jp/jp/"></a></div><div class="collapse navbar-collapse"><ul class="nav navbar-nav navbar-right"><li><a href="mypageMenu">メニュー</a></li><li><a href="#logoutModal" data-toggle="modal" data-target="#logoutModal" data-backdrop="true">ログアウト</a></li></ul></div></div></div></header><div class="modal fade" id="logoutModal" tabindex="-1"><div class="modal-dialog modal-dialog-center"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span>×</span></button><h4 class="modal-title">ログアウトの確認</h4></div><div class="modal-body">ログアウトしてもよろしいですか？</div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">キャンセル</button><button type="button" class="btn btn-primary" onclick="logout()">ログアウトする</button></div></div></div></div>';
    }
    if(commonM){
        document.getElementById("common_header_mymenu").innerHTML = '<header id="header" role="banner"><div class="container"><div id="navbar" class="navbar navbar-default"><div class="navbar-header"><button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="http://wi2.co.jp/jp/"></a></div><div class="collapse navbar-collapse"><ul class="nav navbar-nav navbar-right"><li><a href="#logoutModal" data-toggle="modal" data-target="#logoutModal" data-backdrop="true">ログアウト</a></li></ul></div></div></div></header><div class="modal fade" id="logoutModal" tabindex="-1"><div class="modal-dialog modal-dialog-center"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span>×</span></button><h4 class="modal-title">ログアウトの確認</h4></div><div class="modal-body">ログアウトしてもよろしいですか？</div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">キャンセル</button><button type="button" class="btn btn-primary" onclick="logout()">ログアウトする</button></div></div></div></div>';
    }
    if(commonP){
        document.getElementById("common_header_passwordreminder").innerHTML = '<header id="header" role="banner"><div class="container"><div id="navbar" class="navbar navbar-default"><div class="navbar-header"><a class="navbar-brand" href="http://wi2.co.jp/jp/"></a></div></div></div></header>';
    }
    if(commonH2){
        document.getElementById("common_header_2").innerHTML = '<header id="header" role="banner"><div class="container"><div id="navbar" class="navbar navbar-default"><div class="navbar-header"><a class="navbar-brand" href="http://wi2.co.jp/jp/"></a><ul class="nav navbar-nav navbar-right"><li><a href="mypageMenu"><img src="images/imenu.png">メニュー</a></li><li><a href="#logoutModal" data-toggle="modal" data-target="#logoutModal" data-backdrop="true"><img src="images/ilogout.png">ログアウト</a></li></ul></div></div></div></header><div class="modal fade" id="logoutModal" tabindex="-1"><div class="modal-dialog modal-dialog-center"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span> </span></button><h4 class="modal-title">ログアウトの確認</h4></div><div class="modal-body">ログアウトしてもよろしいですか？</div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">キャンセル</button><button type="button" class="btn btn-primary" onclick="logout()">ログアウトする</button></div></div></div></div>';
    }
}

$(function(){
  // カード有効期限：年
  var yearElm = document.getElementById('year');

  // カード有効期限：年の生成（現在〜10年後）
  if (yearElm) {
    var now = new Date();
    for (var i = 0; i < 20; i++) {
      var year = String(now.getFullYear() + i).slice(-2);
      var option = document.createElement('option');
      option.setAttribute("value", year);
      option.innerHTML = year;
      yearElm.appendChild(option);
    }
    console.log("生成完了");
  }
});

// ログアウト処理
function logout() {
  // TODO SNS firebaseを使用している場合のログアウト処理
  // var user = firebase.auth().currentUser;
  // if (user) {
  //   firebase.auth().signOut();
  //   document.location.href = 'logout';
  // }
  // 会員情報取得処理
  function ajaxGetHtml() {
    var token = $.cookie('mypage_sid');
    var hostUrlat = global_psa_api_domain + '/account/status';
    var jqXHR = $.ajax({
      async: false,
      url: hostUrlat,
      type: 'GET',
      headers: {"Authorization": "Bearer " + token},
      crossDomain: 'true',
      contentType: false,
      dataType: 'json',
        //service_idだけ取得でしたいが、fieldsに何も入っていないとAPI側でエラーになる可能性があるのでuser_idを指定
      data: {"fields": "user_id"},
      timeout: 10000
    });
    return jqXHR;
  }
  var getHtml = ajaxGetHtml();
  //statusが200の以外の時、共通エラー画面に遷移
  if (getHtml.status !== 200) {
      document.location.href = "error";
  }
　 //ログアウトAPIを呼び出す
  var psa_api_domain = global_psa_api_domain;
  var hostUrl= psa_api_domain + '/account/logout';
  var sid = $.cookie('mypage_sid');
  var token = 'Bearer ' + sid;
  $.ajax({
    url: hostUrl,
    type: 'POST',
    dataType: 'text',
    headers: {"Authorization": token}
  }).always(function(){
    $.removeCookie('mypage_sid');
    $.removeCookie('mypagef_sid');
    if (getHtml.responseJSON.associative_array.service_id==5) {
        //service_idが5の時、auIDログアウトをしてからスマパスログイン画面に遷移
        document.location.href = 'https://connect.auone.jp/net/vw/cca_lg_eu_net/logoutseq?targeturl=https://au-wifi.wi2.ne.jp/ausp/mypageLogin';
    } else {
        //service_idが5以外の時、マイページログイン画面に遷移
        document.location.href = 'mypageLogin';
    }
  });
}
