$(document).ready(
	function() {
		headerInit();
        headerAddListener();
        globalEventListener();
	}
);

function headerInit() {
	// http://thunderkicks.com/settings/account_management.php
	var href=location.href;

	if(href.match(/\/settings\//)) {
		$("#nav_item8").attr("id","nav_item8_on");
	}

	if(href.match(/\/inventory\//)) {
		$("#nav_item5").attr("id","nav_item5_on");
	}

	if(href.match(/\/sku\//)) {
		$("#nav_item6").attr("id","nav_item6_on");
	}

	if(href.match(/\/request\//)) {
		$("#nav_item3").attr("id","nav_item3_on");
	}

	if(href.match(/\/fba\//)) {
		$("#nav_item2").attr("id","nav_item2_on");
	}

	if(href.match(/\/order\//)) {
		$("#nav_item1").attr("id","nav_item1_on");
	}

	if(href.match(/\/message\//)) {
		$("#nav_item61").attr("id","nav_item61_on");
    }
    
    setInterval(getInventoryUpdateQueueCount, 5000);
    getInventoryUpdateQueueCount();
    
    setInterval(getCartQueueCount, 5000);
    getCartQueueCount();

    $('.ui.dropdown').dropdown();

    $("#select_location").change(changeLocation);
}

function changeLocation() {

    $.post("/action/header.act",
        {
            mode:'change_location',
            location:$(this).val()
        },
        function() {
            location.reload(true)
        }
    );
}

function headerAddListener() {

	$("#btn_header_search").click(doHeaderSearch);

	$("#text_header_search").keyup(
		function(e) {
			// console.log(e.keyCode);
			if(e.keyCode==13) {
				doHeaderSearch();
			}
		}
	);
    $(document).on("mouseover", ".img_header", drawHeaderPreview);
    $(document).on("mouseout", ".img_header", hideHeaderPreview);
    $(document).on("mouseover", ".img", drawPreview);
    $(document).on("mouseout", ".img", hidePreview);
    
    // $(".img").mouseover(
    //     drawPreview
    // );
    //
    // $(".img").mouseout(
    //     hidePreview
    // );
}

function hideHeaderPreview() {
    $("#preview_header img").attr("src","");
    $("#preview_header").hide();
}

function drawHeaderPreview(e) {
    var target=$(this);


    var offset=target.offset();

    $("#preview_header img").attr("src",target.attr("big_src"));
    $("#preview_header").show();

    $("#preview_header").css("left", offset.left+100);
    $("#preview_header").css("top", offset.top+100);

    if($(document).width()-10<offset.left+$("#preview_header").width()) {
        $("#preview_header").css("left", $(document).width()-$("#preview_header").width()-80);
    }
    if($(window).height()+$(document).scrollTop()-10<offset.top+$("#preview_header").height()) {
        $("#preview_header").css("left", offset.left+60);

        $("#preview_header").css("top", offset.top-$("#preview_header").height()+50);
    }
}


function hidePreview() {
    $("#preview img").attr("src","");
    $("#preview").hide();
}

function drawPreview(e) {
    var target=$(this);


    var offset=target.offset();

    if(!$("#preview")) {
        return;
    }
    $("#preview img").attr("src",target.attr("big_src"));
    $("#preview").show();

    $("#preview").css("left", offset.left);
    $("#preview").css("top", offset.top+50);

    if($(document).width()-10<offset.left+$("#preview").width()) {
        $("#preview").css("left", $(document).width()-$("#preview").width()-80);
    }

    if($(window).height()+$(document).scrollTop()-10<offset.top+$("#preview").height()) {
        $("#preview").css("left", offset.left+60);

        $("#preview").css("top", offset.top-$("#preview").height()+50);
    }
}


function getInventoryUpdateQueueCount() {
    $.get("/inventory/action/inventory_update_ready.act?mode=getCount", function(raw_data) {
        var cnt=parseInt(raw_data);

        // console.log(cnt);
        if(cnt!=0) {
            // console.log(1);
            if(!$("#header_inventory_queue_status").hasClass("teal")) {
                // console.log(2);
                $("#header_inventory_queue_status").removeClass("grey").addClass("teal");
            }
        } else {
            if(!$("#header_inventory_queue_status").hasClass("grey")) {
                $("#header_inventory_queue_status").removeClass("teal").addClass("grey");
            }
        }

        $("#header_inventory_queue_status").contents()[2].replaceWith(document.createTextNode(cnt));
    });
    
}

function doHeaderSearch() {

    var data={
        mode:"search",
        search_type:'',//$("#select_header_search_type").val(),
        search:$("#text_header_search").val()
    };

	$.post(
		"/action/header.act",
		data,
		searchResult
	)
}

function searchResult(raw_data) {

	var datas=$.parseJSON(raw_data);

    // console.log(datas);
//http://ililily.com/

	var data;
	var item;
	var img;
	var img1;
    var description;
    var tags='';

	$("#span_header_search").empty();
	var idx=0;
	var bgColor="#ffffff";
	var status="";
	var stock="";

	for(i in datas) {

        stock="";

		if(idx%2==0) {
			bgColor="#ffffff";
		} else {
			bgColor="#eeeeee";
		}

		idx++;

		data=datas[i];

		item=$("<div></div>").css("padding","20px").css("border-bottom","1px solid #cccccc").css("clear","both").css("min-height","140px").css("background-color", bgColor);

        img1=$("<img height='100'/>")
        .attr("src", "/common/getImage.php?url="+encodeURIComponent(data.image_url))
        .attr("big_src", "/common/getImage.php?url="+encodeURIComponent(data.image_url))
        // .css("float","left")
        // .css("padding-right","20px")
        .addClass("img_header");

        img=$("<a/>")
        .attr("href","/common/getImage.php?url="+encodeURIComponent(data.image_url))
        .attr("target","_blank");

        img.append(img1);

        var imgLayer=$("<div style='display:inline-block;width:120px;margin-right:10px'/>");
        imgLayer.append(img);

		status="";
		switch(data.status) {
			case "6":
				status='<a class="ui blue label mini">일시품절</a>';
			break;

			case "7":
				status='<a class="ui red label mini">품절</a>';
			break;
        }

        if(data.manufacture) {
            var m=data.manufacture.split("|");

            status+='<a class="ui black label ghost mini">제작중 ( '+m[0]+'개 - '+m[1]+' )</a>';
        }
        
        if(data.tags) {
            var _tags=data.tags.split(",");

            tags="<br/><span style='display:inline-block;width:80px'>Tags</span>: ";
            for(var _t in _tags) {
                tags+='<a class="ui teal label mini">'+_tags[_t]+'</a>';
            }
        }

        _stock=data.current_count.split("|");
        _stockLocation=_stock[0].split(",");
        _stockCount=_stock[1].split(",");
        var _stocks=[];

        for(var _s=0;_s<_stockLocation.length;_s++) {
            if(_stockCount[_s]=="0") {
                _stocks.push('<a class="ui blue label mini">'+_stockLocation[_s]+'</a>:'+"<font color=crimson>0</font>");
            } else {
                _stocks.push('<a class="ui blue label mini">'+_stockLocation[_s]+'</a>:'+_stockCount[_s]);
                // _stocks.push(_stockCount[_s]);
            }
    
        }

        stock=_stocks.join(",");

        
        var market='';
        if(data.ebay) {
            market='<a class="ui green label mini">eBay</a>';
        }

        if(data.FBA) {
            market+="<a class='ui blue image label mini'>\
            FBA\
            <div class='detail'>"+data.FBA+"</div>\
            </a>";
        }

        if(market) {
            market=market+"<br/>";
        }

        var archived="";
        if(data.archived==1) {
            archived='<a class="ui purple label mini">Archived</a>';
        }

        var _tmpLocation="";
        var _locations=[];
        
        if(data.location) {
            _tmpLocation=data.location.split("|");
            for(var _s=0;_s<_tmpLocation.length;_s++) {
                var _split=_tmpLocation[_s].split(":");

                if(_split[1]) {
                    _locations.push('<a class="ui orange label mini">'+_split[0]+'</a>:'+"<font color=crimson>"+_split[1]+"</font>");
                }
            }
        }

        var location=_locations.join(",");

        var output="";
        // if(data.note) {
        //     output+="<div style='padding-right:5px;border-right:1px dotted #000000'>";
        // } else {
        //     output+="<div style='padding-right:5px;'>";
        // }
        output+=market;
        output+="<span style='display:inline-block;width:100px'>SKU</span>: <b>"+data.id+"</b> "+archived+status+" <br/>";
        output+="<span style='display:inline-block;width:100px'>Item Name</span>: <b>"+data.item_name+"</b> ("+data.major_account+")";
        output+=tags+"<Br/>";
        output+="<span style='display:inline-block;width:100px'>Purchase Price</span>: <b>"+number_format(data.purchase_price)+"</b><br/>";
        output+="<span style='display:inline-block;width:100px'>Price</span>: <b>"+number_format(data.price)+"</b><br/>";
        output+="<span style='display:inline-block;width:100px'>Stock</span>: <b>"+stock+"</b>";
        if(data.location) {
            output+="<br/><span style='display:inline-block;width:100px'>Location</span>: <b>"+location+"</b>";
        }
        if(data.note) {
            output+="<br/><span style='vertical-align:top;display:inline-block;width:100px'>Note</span>: <span style='margin-top:5px;vertical-align:top;display:inline-block'> <b><a class='ui grey image label'>"+data.note.replace(/\n/g,"<br/>")+"</a></b></span>";
        }
        output+="</div>"
        // if(data.FBA) {
        //     description=$("<div></div>").html("SKU : <b>"+data.id+"</b> "+status+" <br/>Item Name : <b>"+data.item_name+"</b><Br/>Price : <b>"+number_format(data.price)+"</b><br/>Stock : <b>"+stock+"</b><br/>\"+ebay);
        // } else {
            description=$("<div style='display:inline-block;vertical-align:middle;'></div>").html(output);

        // }

        var descriptionPrice=$("<div style='line-height:28px'/>");

        var asinLink={};
        if(data.amazonAsin) {
            var asins=data.amazonAsin.split(",");
            for(var j in asins) {
                var _s=asins[j].split("|");

                var _country=_s[0];
                var _asin=_s[1];
                

                switch(_country) {
                    case 'US':
                        asinLink[_country]='https://www.amazon.com/gp/product/'+_asin;
                        asinLink['FR']='https://www.amazon.fr/gp/product/'+_asin;
                        asinLink['JP']='https://www.amazon.co.jp/gp/product/'+_asin;
                    break;
                    case 'CA':
                        asinLink[_country]='https://www.amazon.ca/gp/product/'+_asin;
                    break;
                    case 'MX':
                        asinLink[_country]='https://www.amazon.com.mx/gp/product/'+_asin;
                    break;
                    case 'DE':
                        asinLink[_country]='https://www.amazon.de/gp/product/'+_asin;
                    break;
                    case 'UK':
                        asinLink[_country]='https://www.amazon.co.uk/gp/product/'+_asin;
                    break;
                    case 'FR':
                        asinLink[_country]='https://www.amazon.fr/gp/product/'+_asin;
                    break;
                    case 'IT':
                        asinLink[_country]='https://www.amazon.it/gp/product/'+_asin;
                    break;
                    case 'ES':
                        asinLink[_country]='https://www.amazon.es/gp/product/'+_asin;
                    break;
                    case 'JP':
                        asinLink[_country]='https://www.amazon.co.jp/gp/product/'+_asin;
                    break;
                    
                }

                // asinLink[_country]+=_asin;
            }
        }

        

        if(data.amazonPrices) {
            var prices=data.amazonPrices.split(",");
            var convertPrices=[];
            for(var j in prices) {
                var _s=prices[j].split("|");

                var _key=_s[2];
                var _country=_s[0];
                var _price=_s[1];
                convertPrices[_key]=[_country, _price];
                // descriptionPrice.append("<a style='width:50px' class='ui black image label mini'><i class='"+(_s[0].toLowerCase())+" flag mini'></i>"+_s[0]+"<div class='detail' style='width:60px'>"+_s[1]+"</div></a>");

                // // console.log((j+1));
                // if((parseInt(j)+1)%4==0) {
                //     descriptionPrice.append("<br/>");
                // }
            }

            var _idx=0;
            for(var j in convertPrices) {

                var _s=convertPrices[j];

                var link='';

                if(asinLink[(_s[0])]) {
                    link="href='"+asinLink[(_s[0])]+"' target='_blank'";
                } 

                descriptionPrice.append("<a "+link+" style='width:50px' class='ui black image label mini'><i class='"+(_s[0].toLowerCase())+" flag mini'></i>"+_s[0]+"<div class='detail' style='width:60px'>"+_s[1]+"</div></a>");

                // console.log((j+1));
                if((_idx+1)%4==0) {
                    descriptionPrice.append("<br/>");
                }

                _idx++;

            }
        }
        // console.log(convertPrices);

    


        var tbl=$("<table width='100%'/>");
        var tr=$("<tr/>");
        var td1=$("<td width='100'/>");
        var td2=$("<td/>");
        var td3=$("<td width='45%'/>");

        td1.append(imgLayer);
        td2.append(description);

        if(data.amazonPrices) {
            td3.append(descriptionPrice);
        }

        tbl.append(tr);
        tr.append(td1);
        tr.append(td2);
        tr.append(td3);

        item.append(tbl);
		// item.append(imgLayer);
        // item.append(description);
        
        // item.append("<div></div>").css("clear","both");
        
        // if(data.note) {
        //     item.append($("<div style='display:inline-block;margin-left:20px;vertical-align:middle;'></div>").html('<a class="ui label teal tiny"><i class="mail icon"></i>노트</a><br/>'+data.note.replace(/\n/g,"<br/>")));
        // }

		$("#span_header_search").append(item);
	}

	$("#span_header_search").children().last().css("border","");
	

	$("#modal_header_search").modal('show');	
}

var apiHost='';
if(location.hostname=='7kicks.com') {
    apiHost='https://v3.7kicks.com';
} else {
    apiHost='http://127.0.0.1:8079';
}


function globalEventListener() {
    $(document).on("click","[data-action=cart]", (e)=>{
        var t=e.target;

        if(t.tagName != 'BUTTON') {
            t=t.parentNode;
        }

        var target=$(t);

        var sku_type=target.attr("sku-type");
        var sku=target.attr("sku");


        var data={};
        data.sku_type=sku_type;
        data.sku=sku;


        $.post(
            apiHost+"/api/v1/cart", 
            data, 
            function(raw_data) {
                target.attr("selected",true);
                target.addClass("blue");
                
                if(sku_type=='parent') {
                    $("[data-action=cart][sku-type=child][parent-sku="+sku+"]").addClass("blue");
                }
            }
        );

        getCartQueueCount();



    });

    $("[data-action=header_search]").css("cursor",'help');
    $(document).on("click","[data-action=header_search]", (e)=>{
        var t=$(e.target);

        var sku=t.attr("sku");

        $("#text_header_search").val(sku);
        doHeaderSearch();
    });
}


var cartItems={};

function getCartQueueCount() {
    $.get(
        apiHost+'/api/v1/cart',
        function(raw_data) {
            // var json_data=JSON.parse(raw_data);
            var json_data=raw_data;
            cartItems.parentSku=json_data.parentSku;
            cartItems.sku=json_data.sku;

            var cnt=cartItems.sku.length;

            if(cnt!=0) {
                if(!$("#header_cart").hasClass("teal")) {
                    $("#header_cart").removeClass("grey").addClass("purple");
                }
            } else {
                if(!$("#header_cart").hasClass("grey")) {
                    $("#header_cart").removeClass("purple").addClass("grey");
                }
            }
    
            $("#header_cart").contents()[2].replaceWith(document.createTextNode(cnt));            


            var carts=$("[data-action=cart]");

            carts.each(function() {
                
                if($.inArray($(this).attr('sku'),cartItems.parentSku)!=-1) {
                    $(this).attr('selected', true);
                    $(this).addClass("blue");
                }
            
            });

        }
    )
}