/**
 * Created by aigouwang on 2017/8/7.
 */

//var requestUrl="http://vip.chongaibao.com";
// var requestUrl="http://192.168.18.203";
// var requestUrl="http://192.168.18.152:8181";
var requestUrl = "" || window.location.origin;

var price = "";
var gender = "";
var dogArr = [];
var dogBreedCode = "";
var dogBreedName = "";
//毛色数据
var dogColorArr = new Array();
var dogColorName = "";
var dogColorId = "";
//机构数据
var associationArr = new Array();
var associationName = "";
var associationId = "";
//定义培训机构数据
var unitdata = new Array();
var unitId = "";
var unitName = "";
//出生日期
var birthDay = "";
var hzjgSelect;

$(function() {
  requestAssociation();

  gender = localStorage.getItem("gender");
  if (gender == "" || gender == null) {
    gender = "1";
    localStorage.setItem("gender", gender);
  }

  var dna_select1 = $(".choose_select").find(".info_icon.info_icon1");
  var dna_select2 = $(".choose_select").find(".icon.info_icon.info_icon1");

  if (gender == "2") {
    dna_select1.css("background-image", "url(../image/2.png)");
    dna_select2.css("background-image", "url(../image/1.png)");
  } else {
    dna_select1.css("background-image", "url(../image/1.png)");
    dna_select2.css("background-image", "url(../image/2.png)");
  }
});

//选择犬种
function requestColor() {
  var obj = {
    token: getQueryString().token
  };

  $.ajax({
    type: "get",
    url: requestUrl + "/oa-web/api/v1/dog/dogcolormark/" + dogBreedCode,
    data: obj, //请求参数
    dataType: "json",
    success: function(data) {
      //成功
      if (data.rc == 0) {
        if (data.list != null) {
          for (var i = 0; i < data.list.length; i++) {
            var dogColor = {
              id: data.list[i].dogColorMarkCode,
              value: data.list[i].dogColorMarkCn
            };
            dogColorArr[i] = dogColor;
          }

          localStorage.setItem("color", JSON.stringify(dogColorArr));
        }
      } else {
        layer.msg(data.msg);
      }
    },
    error: function(err) {
      //失败
      layer.msg(err.msg);
    }
  });
}
//选择毛色
var dogColorDom = document.querySelector("#dogColor_right");
dogColorDom.addEventListener("click", function() {
  dogColorArr = JSON.parse(localStorage.getItem("color"));
  dogBreedCode = localStorage.getItem("breed");
  //
  if (dogBreedCode == "") {
    layer.msg("请先选择犬种");
    return false;
  } else if (dogColorArr.length == 0) {
    layer.msg("毛色获取失败");
  } else {
    var colorId = dogColorDom.dataset["id"];
    var colorName = dogColorDom.dataset["value"];

    var bankSelect = new IosSelect(1, [dogColorArr], {
      container: ".container",
      title: "选择毛色",
      itemHeight: 50,
      itemShowCount: 3,
      oneLevelId: colorId,
      callback: function(selectOneObj) {
        dogColorDom.value = selectOneObj.value;
        // bankIdDom1.innerHTML = selectOneObj.value;
        // bankIdDom1.dataset['id'] = selectOneObj.id;
        // bankIdDom1.dataset['value'] = selectOneObj.value;
        dogColorId = selectOneObj.id;
        dogColorName = selectOneObj.value;

        localStorage.setItem("dogColorId", dogColorId);
        localStorage.setItem("dogColorName", dogColorName);
        // layer.msg(dogColorId);
      }
    });
  }
});

//选择性别
$(".choose_select").click(function() {
  var _self = this;
  var select_item = $(_self).find(".info_icon");
  // var selectFirst = $(".choose_select:first").attr('data-id');
  // var selectSecond = $(".choose_select:nth-child(2)").attr('data-id');

  if (select_item.hasClass("selected")) {
    // select_item.removeClass('selected');
    // select_item.css('background-image','url(image/2.png)');
    return false;
  } else {
    var dna_selects = $(".choose_select").find(".info_icon1");
    dna_selects.removeClass("selected");
    dna_selects.css("background-image", "url(../image/2.png)");
    select_item.addClass("selected");
    select_item.css("background-image", "url(../image/1.png)");

    var dna_selects1 = $(".choose_select").find(".icon");
    if (dna_selects1.hasClass("selected")) {
      gender = "2";
    } else {
      gender = "1";
    }

    localStorage.setItem("gender", gender);
  }
});

//请求机构
function requestAssociation() {
  var obj1 = {
    token: getQueryString().token
  };

  $.ajax({
    type: "get",
    url: requestUrl + "/oa-web/api/v1/association",
    data: obj1, //请求参数
    dataType: "json",
    success: function(data) {
      //成功
      if (data.rc == 0) {
        if (data.list != null) {
          for (var i = 0; i < data.list.length; i++) {
            var dogColor = { id: data.list[i].code, value: data.list[i].name };
            associationArr[i] = dogColor;
          }

          localStorage.setItem(
            "associationArr",
            JSON.stringify(associationArr)
          );
        }
      } else {
        layer.msg(data.msg);
      }
    },
    error: function(err) {
      //失败
      layer.msg(err.msg);
    }
  });
}

//选择机构
var associationDom = document.querySelector("#dogXiehui_right");
associationDom.addEventListener("click", function() {
  associationArr = JSON.parse(localStorage.getItem("associationArr"));

  if (associationArr.length == 0) {
    layer.msg("机构信息获取失败");
  } else {
    var associationId1 = associationDom.dataset["id"];
    var associationName = associationDom.dataset["value"];

    var bankSelect = new IosSelect(1, [associationArr], {
      container: ".container",
      title: "所属机构",
      itemHeight: 50,
      itemShowCount: 3,
      oneLevelId: associationId1,
      callback: function(selectOneObj) {
        associationDom.value = selectOneObj.value;
        // bankIdDom1.innerHTML = selectOneObj.value;
        // bankIdDom1.dataset['id'] = selectOneObj.id;
        // bankIdDom1.dataset['value'] = selectOneObj.value;
        associationId = selectOneObj.id;
        associationName = selectOneObj.value;
        // layer.msg(dogColorId);

        localStorage.setItem("associationId", associationId);
        localStorage.setItem("associationName", associationName);
      }
    });
  }
});

//选择合作机构地区
var unitsite = document.querySelector("#dogUnit_right");
unitsite.addEventListener("click", function() {
  if (dogBreedCode == "") {
    layer.msg("请选择犬种");
    return;
  }
  var bankId = unitsite.dataset["id"];
  var bankName = unitsite.dataset["value"];

  var bankSelect = new IosSelect(1, [data], {
    container: ".container",
    title: "选择省市",
    itemHeight: 50,
    itemShowCount: 3,
    oneLevelId: bankId,
    callback: function(selectOneObj) {
      unitsite.value = selectOneObj.value;
      // bankIdDom.innerHTML = selectOneObj.value;
      // bankIdDom.dataset['id'] = selectOneObj.id;
      // bankIdDom.dataset['value'] = selectOneObj.value;
      bankIdDom1.value = "";
      searchunit(selectOneObj.value);
    }
  });
});

function searchunit(site) {
  if (dogBreedCode == "") {
    layer.msg("请选择犬种");
    return;
  }
  var toOrderLoading = layer.load(1, {
    shade: [0.1, "#fff"] //0.1透明度的白色背景
  });
  var obj = {
    provinceName: site,
    token: getQueryString().token,
    dogBreed: dogBreedCode,
    mechanism: "clubchange"
  };

  $.ajax({
    type: "get",
    url: requestUrl + "/oa-web/api/v1/org",
    data: obj, //请求参数
    dataType: "json",
    success: function(data) {
      layer.close(toOrderLoading);
      if (data.rc == 0) {
        unitdata = [];
        for (var i = 0; i < data.list.length; i++) {
          aaa = data.list[i].name;
          var unitobj = { id: data.list[i].id, value: data.list[i].name };
          unitdata[i] = unitobj;
        }
        if (unitdata.length == 0) {
          localStorage.setItem("unitselect", "");
          localStorage.setItem("unitname", "");
        }
        localStorage.setItem("unit", JSON.stringify(unitdata));
      } else {
        layer.msg("机构获取失败");
      }
    },
    error: function(err) {
      //失败
      layer.msg("机构获取失败");
    }
  });
}

var bankIdDom1 = document.querySelector("#dogUnit_unit");
bankIdDom1.addEventListener("click", function() {
  unitdata = JSON.parse(localStorage.getItem("unit"));

  if (document.querySelector("#dogUnit_right").value == "") {
    layer.msg("请先选择城市");
    return false;
  } else if (unitdata.length == 0) {
    layer.msg("该地区暂无合作机构");
  } else {
    var bankId = bankIdDom1.dataset["id"];
    var bankName = bankIdDom1.dataset["value"];

    hzjgSelect = new IosSelect(1, [unitdata], {
      container: ".container",
      title: "选择合作机构",
      itemHeight: 50,
      itemShowCount: 3,
      oneLevelId: bankId,
      callback: function(selectOneObj) {
        bankIdDom1.value = selectOneObj.value;
        // bankIdDom1.innerHTML = selectOneObj.value;
        // bankIdDom1.dataset['id'] = selectOneObj.id;
        // bankIdDom1.dataset['value'] = selectOneObj.value;
        unitId = selectOneObj.id;
        unitName = selectOneObj.value;
        localStorage.setItem("unitselect", unitId);
        localStorage.setItem("unitname", unitName);
      }
    });
  }
});

//日期选择器
var showDateDom = $("#dogBrith_right");
// 初始化时间
var now = new Date();
var nowYear = now.getFullYear();
var nowMonth = now.getMonth() + 1;
var nowDate = now.getDate();
showDateDom.attr("data-year", nowYear);
showDateDom.attr("data-month", nowMonth);
showDateDom.attr("data-date", nowDate);
// 数据初始化
function formatYear(nowYear) {
  var arr = [];
  for (var i = nowYear - 15; i <= nowYear + 5; i++) {
    arr.push({
      id: i,
      value: i + "年"
    });
  }
  return arr;
}
function formatMonth() {
  var arr = [];
  for (var i = 1; i <= 12; i++) {
    arr.push({
      id: i,
      value: i + "月"
    });
  }
  return arr;
}
function formatDate(count) {
  var arr = [];
  for (var i = 1; i <= count; i++) {
    arr.push({
      id: i,
      value: i + "日"
    });
  }
  return arr;
}
var yearData = function(callback) {
  callback(formatYear(nowYear));
};
var monthData = function(year, callback) {
  callback(formatMonth());
};
var dateData = function(year, month, callback) {
  if (/^(1|3|5|7|8|10|12)$/.test(month)) {
    callback(formatDate(31));
  } else if (/^(4|6|9|11)$/.test(month)) {
    callback(formatDate(30));
  } else if (/^2$/.test(month)) {
    if ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0) {
      callback(formatDate(29));
    } else {
      callback(formatDate(28));
    }
  } else {
    throw new Error("month is illegal");
  }
};

function toPostAddress() {
  window.location.href =
    "PostAddress.html?club=" + getQueryString().club || "cku";
}

showDateDom.bind("click", function() {
  var oneLevelId = showDateDom.attr("data-year");
  var twoLevelId = showDateDom.attr("data-month");
  var threeLevelId = showDateDom.attr("data-date");
  var iosSelect = new IosSelect(3, [yearData, monthData, dateData], {
    title: "日期选择",
    itemHeight: 45,
    relation: [1, 1, 0, 0],
    itemShowCount: 9,
    oneLevelId: oneLevelId,
    twoLevelId: twoLevelId,
    threeLevelId: threeLevelId,
    callback: function(selectOneObj, selectTwoObj, selectThreeObj) {
      console.log(selectOneObj.id);
      console.log(selectTwoObj.id);
      console.log(selectThreeObj.id);
      if (selectTwoObj.id < 10) {
        selectTwoObj.id = "0" + selectTwoObj.id;
      }
      if (selectThreeObj.id < 10) {
        selectThreeObj.id = "0" + selectThreeObj.id;
      }
      showDateDom.val(
        selectOneObj.id + "-" + selectTwoObj.id + "-" + selectThreeObj.id
      );
    }
  });
});

//选择犬种后返回
function doSelect(self) {
  var unitright = document.querySelector("#dogUnit_right");
  var unitsite = document.querySelector("#dogUnit_unit");
  unitright.value = "";
  unitsite.value = "";
  localStorage.setItem("unitselect", "");
  localStorage.setItem("unitname", "");
  console.log($(self).attr("name"));
  console.log($(self).attr("key"));
  dogBreedCode = $(self).attr("key");
  dogBreedName = $(self).attr("name");

  localStorage.setItem("breed", dogBreedCode);
  localStorage.setItem("breedname", dogBreedName);

  localStorage.setItem("dogColorId", "");

  dogArr.length = 0;
  $(".doginfo").animate(
    {
      opacity: "0"
    },
    500,
    function() {
      $(".doginfo").css("display", "none");
    }
  );
  $(".breed").val($(self).attr("name"));

  dogColorDom.value = "";
  requestColor();
}

//全部犬种
var lib = [];
function getdogbreed() {
  window.scrollTo(0, 0);
  $(".search span").show();
  $(".search input").val("");
  $("#nameList").html("");
  $(".doginfo").css({ zIndex: "100", display: "block" });
  $(".doginfo").animate(
    {
      opacity: "1"
    },
    500
  );
  getDogInfo();
}

function getDogInfo() {
  var obj = {
    "token":getQueryString().token
  };
  $.ajax({
    url: requestUrl + "/oa-web/api/v1/dog/dogtype/fci",
    type: "GET",
    dataType: "JSON",
    data: obj,
    success: function(result) {
      console.log(result);
      if (result == "") return;
      var configOptions = {};
      configOptions = result;
      var dogTypes = configOptions["list"];
      var dogItems = {
        A: [],
        B: [],
        C: [],
        D: [],
        E: [],
        F: [],
        G: [],
        H: [],
        I: [],
        J: [],
        K: [],
        L: [],
        M: [],
        N: [],
        O: [],
        P: [],
        Q: [],
        R: [],
        S: [],
        T: [],
        U: [],
        V: [],
        W: [],
        X: [],
        Y: [],
        Z: []
      };
      if (dogTypes) {
        $.each(dogTypes, function(index, option) {
          var current = option.pinyin.substr(0, 1).toUpperCase();
          // if(option.dogBreedCode == '206')
          // {
          //     dogItems['R'].push("<li key='" + '206' + "' name='" + '日本仲犬' + "'  data-tokens='" + '206' + '日本仲犬' + "' onclick='doSelect(this)'>"
          //         + '日本仲犬' + "</li>");
          //     lib.push('206' + '日本仲犬');
          //     dogArr.push("日本仲犬" +" "+ "206" );
          // }else {
          if (!option.breedCnName == "" && !dogItems[current] == "") {
            if (
              getQueryString().club &&
              getQueryString().club.indexOf("dc") > 0
            ) {
              if (option.breedCnName == "阿根廷杜高犬") {
                dogItems[current].push(
                  "<li key='" +
                    option.dogBreedCode +
                    "' name='" +
                    option.breedCnName +
                    "'  data-tokens='" +
                    option.dogBreedCode +
                    option.breedCnName +
                    "' onclick='doSelect(this)'>" +
                    option.breedCnName +
                    "</li>"
                );
                lib.push(option.dogBreedCode + option.breedCnName);
                dogArr.push(option.breedCnName + " " + option.dogBreedCode);
              }
            } else if (
              getQueryString().club &&
              getQueryString().club.indexOf("mc") > 0
            ) {
              if (option.breedCnName == "玛丽诺斯比利时牧羊犬") {
                dogItems[current].push(
                  "<li key='" +
                    option.dogBreedCode +
                    "' name='" +
                    option.breedCnName +
                    "'  data-tokens='" +
                    option.dogBreedCode +
                    option.breedCnName +
                    "' onclick='doSelect(this)'>" +
                    option.breedCnName +
                    "</li>"
                );
                lib.push(option.dogBreedCode + option.breedCnName);
                dogArr.push(option.breedCnName + " " + option.dogBreedCode);
              }
            } else {
              if (
                option.breedCnName != "阿根廷杜高犬" &&
                option.breedCnName != "玛丽诺斯比利时牧羊犬"
              ) {
                dogItems[current].push(
                  "<li key='" +
                    option.dogBreedCode +
                    "' name='" +
                    option.breedCnName +
                    "'  data-tokens='" +
                    option.dogBreedCode +
                    option.breedCnName +
                    "' onclick='doSelect(this)'>" +
                    option.breedCnName +
                    "</li>"
                );
                lib.push(option.dogBreedCode + option.breedCnName);
                dogArr.push(option.breedCnName + " " + option.dogBreedCode);
              }
            }
          }
          // }
        });
      }
      $.each(dogItems, function(index, option) {
        if (option.length > 0) {
          $dom = $("#nameList");
          //插入a-z的索引项
          $dom.append(
            '<div id="' + index + '" class="nameTit">' + index + "</div>"
          );
          var content = '<div class="listmain"><ul id="dogTypeList">';
          //插入内容
          for (i = 0; i < option.length; i++) {
            content += option[i];
          }
          content += "</ul></div>";
          $dom.append(content);
        }
      });
    },
    error: function() {}
  });
}

initSort();
function initSort() {
  var Initials = $(".initials");
  var LetterBox = $("#letter");
  Initials.find("ul").append(
    "<li>A</li><li>B</li><li>C</li><li>D</li><li>E</li><li>F</li><li>G</li><li>H</li><li>I</li><li>J</li><li>K</li><li>L</li><li>M</li><li>N</li><li>O</li><li>P</li><li>Q</li><li>R</li><li>S</li><li>T</li><li>U</li><li>V</li><li>W</li><li>X</li><li>Y</li><li>Z</li>"
  );
  $(".initials ul li").click(function() {
    var _this = $(this);
    var LetterHtml = _this.html();
    LetterBox.html(LetterHtml).fadeIn();
    Initials.css("background", "rgba(145,145,145,0.6)");
    setTimeout(function() {
      Initials.css("background", "rgba(145,145,145,0)");
      LetterBox.fadeOut();
    }, 1000);
    var _index = _this.index();
    var letter = _this.text();
    if ($("#" + letter).length > 0) {
      var LetterTop = $("#" + letter).position().top;
      $("html,body").animate({ scrollTop: LetterTop - 45 + "px" }, 300);
    }
  });
}

//模糊搜索
var arr2 = [];

$(".searchS").click(function() {
  var dogInputVal = $(".search input").val();
  if (dogInputVal == "") {
    layer.msg("内容不能为空");
    return;
  } else {
    arr2.length = 0;
    for (var i = 0; i < dogArr.length; i++) {
      arr2.push(dogArr[i]);
    }
    var arr3 = [];
    for (var i = 0; i < arr2.length; i++) {
      if (arr2[i].split(" ")[0].indexOf(dogInputVal) >= 0) {
        arr3.push(arr2[i]);
      }
    }
    if (arr3 == "") {
      $("#nameList").html("");
      getDogInfo();
      dogArr.length = 0;
      $(".search input").val("");
      layer.msg("未找到该犬种");
      return;
    } else {
      $("#nameList").html("");
      var arrhtml = '<p class="zj">最佳匹配</p>';
      for (var i = 0; i < arr3.length; i++) {
        arrhtml +=
          '<div class="listmain"><ul id="dogTypeList">' +
          '<li key="' +
          arr3[i].split(" ")[1] +
          '"  name="' +
          arr3[i].split(" ")[0] +
          '" onclick="doSelect(this)">' +
          arr3[i].split(" ")[0] +
          "</li>" +
          "</ul></div>";
      }
      $("#nameList").html(arrhtml);
      $(".initials").hide();
    }
  }
});

//确认提交
function sureSubmit() {
  dogBreedCode = localStorage.getItem("breed");
  dogBreedName = localStorage.getItem("breedname");
  dogColorId = localStorage.getItem("dogColorId");
  dogColorName = localStorage.getItem("dogColorName");
  unitId = localStorage.getItem("unitselect");
  unitName = localStorage.getItem("unitname");
  associationId = localStorage.getItem("associationId");
  associationName = localStorage.getItem("associationName");
  gender = localStorage.getItem("gender");

  if (associationId == "" || associationId == null) {
    associationId = "";
    associationName = "";
  }

  var dogcard = document.getElementById("card").value;
  var dogcode = document.getElementById("code").value;
  var dogname = document.getElementById("name").value;
  birthDay = document.getElementById("dogBrith_right").value;

  if (dogBreedCode == "" || dogBreedCode == null) {
    layer.msg("请选择犬种");
  } else if (dogColorId == "" || dogBreedCode == null) {
    layer.msg("请选择毛色");
  } else if (dogcard == "") {
    layer.msg("请输入国外证书号");
  } else if (dogname == "") {
    layer.msg("请输入犬名");
  } else if (birthDay == "") {
    layer.msg("请选择出生日期");
  } else if (unitId == "" || unitId == null) {
    layer.msg("请选择合作机构");
  } else {
    var toOrderLoading = layer.load(1, {
      shade: [0.1, "#fff"] //0.1透明度的白色背景
    });

    if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
      window.webkit.messageHandlers.addShopFromCertificateiOS.postMessage({
        associationId: associationId,
        birthDay: birthDay,
        dogBreedCode: dogBreedCode,
        dogColorId: dogColorId,
        gender: gender,
        dogname: dogname,
        unitId: unitId,
        dogcard: dogcard,
        dogcode: dogcode,
        dogBreedName: dogBreedName,
        dogColorName: dogColorName,
        associationName: associationName,
        unitName: unitName,
        stickerFlag: stickerFlag
      });
    } else if (/(Android)/i.test(navigator.userAgent)) {
      window.js.addShopFromCertificate(
        associationId,
        birthDay,
        dogBreedCode,
        dogColorId,
        gender,
        dogname,
        unitId,
        dogcard,
        dogcode,
        dogBreedName,
        dogColorName,
        associationName,
        unitName,
        stickerFlag
      );
    }
  }
}

function addShopFromCertificateiOS(
  associationId,
  birthDay,
  dogBreedCode,
  dogColorId,
  gender,
  dogname,
  unitId,
  dogcard,
  dogcode,
  dogBreedName,
  dogColorName,
  associationName,
  unitName,
  stickerFlag
) {}

function addShopFromCertificate(
  associationId,
  birthDay,
  dogBreedCode,
  dogColorId,
  gender,
  dogname,
  unitId,
  dogcard,
  dogcode,
  dogBreedName,
  dogColorName,
  associationName,
  unitName,
  stickerFlag
) {}

var data = [
  { id: "10000", value: "北京市" },
  { id: "10002", value: "上海市" },
  { id: "10003", value: "天津市" },
  { id: "10004", value: "重庆市" },
  { id: "10005", value: "山西省" },
  { id: "10006", value: "内蒙古自治区" },
  { id: "10007", value: "辽宁省" },
  { id: "10008", value: "吉林省" },
  { id: "10009", value: "黑龙江省" },
  { id: "10010", value: "江苏省" },
  { id: "10011", value: "浙江省" },
  { id: "10012", value: "安徽省" },
  { id: "10013", value: "福建省" },
  { id: "10014", value: "江西省" },
  { id: "10015", value: "山东省" },
  { id: "10016", value: "河南省" },
  { id: "10017", value: "河北省" },
  { id: "10018", value: "湖南省" },
  { id: "10019", value: "湖北省" },
  { id: "10020", value: "广东省" },
  { id: "10021", value: "广西壮族自治区" },
  { id: "10022", value: "海南省" },
  { id: "10023", value: "四川省" },
  { id: "10024", value: "贵州省" },
  { id: "10025", value: "云南省" },
  { id: "10026", value: "西藏自治区" },
  { id: "10027", value: "陕西省" },
  { id: "10028", value: "甘肃省" },
  { id: "10029", value: "青海省" },
  { id: "10030", value: "新疆维吾尔自治区" },
  { id: "10031", value: "香港特别行政区" },
  { id: "10032", value: "澳门特别行政区" },
  { id: "10033", value: "台湾省" },
  { id: "10034", value: "宁夏回族自治区" }
];

//护照等级申请
var stickerFlag = 0;
$("#applyInfo").hide();
var toggleApply = function(ev) {
  if ($(ev.target).attr("src") == "../image/unCheck.png") {
    $(ev.target).attr("src", "../image/checked.png");
    $("#applyInfo").fadeIn();
    stickerFlag = 1;
  } else {
    $(ev.target).attr("src", "../image/unCheck.png");
    $("#applyInfo").fadeOut();
    stickerFlag = 0;
  }
};