var lang= {};
	lang.form='Форма обработки заказа   ';
	lang.send="Отправить заказ";
	lang.clearBasket="Очистить корзину";
	lang.inBasket="В корзине: ";
	lang.basketClear="Ваша корзина пуста";
	lang.close="Закрыть";
	lang.pleaseFillInfo='Пожалуйста, заполните необходимую <br>информацию для обработки заказа:';
	lang.whatYouName="Как Вас зовут? (ФИО)";
	lang.youPhone="* Ваш телефон";
	lang.youEmail="* Ваш E-mail";
	lang.address="* Укажите адрес доставки и подробности для обработки заказа";
	lang.headTab='<tr><td>Фото<td>Название<td>Цена(руб)<td  style="width:120px;">Кол-во<td>Итого(руб)<td>Уд.';
	lang.rub='руб.';
	lang.allSum='Всего на сумму: ';
	lang.youBasketEmpty="Ваша корзина пустая!";
	lang.fielTelReq="Поле телефон обязательное!";
	lang.fielEmailReq="Поле E-mail обязательное!";
	lang.fielAddressReq="Поле Адрес обязательное!";
	lang.noPushHuman="Вы не нажали я не робот!";
	lang.youOrderSuccess="<div style='color:green;font-size:30px;'>Ваш заказ успешно отправлен.</div><p>В скором времени наши менеджеры перезвонят Вам.</p><p>Вы также можете позвонить по номеру тел. указанного на сайте для уточнения Вашего заказа.</p>";
	lang.ServerErorr="Ошибка сервера. Попробуйте отправить заказ через некоторое время.";
	

$(document).ready(function(){
	
	//localStorage.clear();
	
	// popup window
	  order_window = new BX.PopupWindow(
		 "order-confirm", 
		 null, 
		 {
		     content: '<form id="order-form"><div id="order-body"></div><div class="g-recaptcha" data-sitekey="6Lec4B0TAAAAAJ_8O79L292rK1WuV7HhGvQsBBFT"></div></form>',
		     closeIcon: {right: "20px", top: "10px"},
		     titleBar: {content: BX.create("span", {html: lang.form, 'props': {'className': 'access-title-bar'}})},
		     zIndex: 0,
		     offsetLeft: 0,
		     offsetTop: 0,
		     draggable: {restrict: true},
		     overlay: {backgroundColor: 'black', opacity: '80' },  
		     buttons: [
		      new BX.PopupWindowButton({
		          text: lang.send,
		          className: "webform-button-link-send",
		          events: {click: function(){
		        	  sendOrder();
		          }}
		      }),
		      new BX.PopupWindowButton({
		          text: lang.clearBasket,
		          className: "webform-button-link-clear",
		          events: {click: function(){
		        	  $("#order-form input").val("");
		        	  $("#order-form textarea").val("");
		        	  localStorage.clear();
		        	  calculateBasket();
		          }}
		      }),
		      new BX.PopupWindowButton({
		          text: lang.close,
		          className: "webform-button-link-close",
		          events: {click: function(){
		        	  $(".webform-button-link-send").show();
		        	  $(".webform-button-link-clear").show();
		        	  $(".popup-window-titlebar-close-icon").show();
		        	  this.popupWindow.close();
		          }}
		      }),
		     ]
	    });

	if (localStorage["basket.num"] >0 ){
		 calculateBasket();
	}else {
		$(".cart").hide();
		$(".cartEmpty").show();
	} 

	    
});

function addToBasket(id, qnt, action){
	qnt = parseInt(qnt);
	check_new_id_basked(id, qnt);	
						$('#addToBasket div').fadeIn('slow');
						setTimeout(function() {
							$('#addToBasket div').fadeOut('slow');
							if( action == 'Q')
							{
							window.location.href = "/quickorder/"		
							}
							else
							{
							window.location.href = "/personal/order/"								
							}
							
						}, 1000);
	return false;
};
function check_new_id_basked(id, qnt){
	var flag=false
	for (var i=0;;i++){
		if (localStorage["basket.item."+i]){
			if (localStorage["basket.item."+i]==id){
				flag=true;
				localStorage["basket.col."+i]=parseInt(localStorage["basket.col."+i])+qnt;
				break;
			}
		}else break;
	}

	if (!flag){ // add new
		localStorage["basket.item."+i]=id
		localStorage["basket.col."+i]=qnt;

		$.get("/ajax.php?AJAX=Y&action=get_element&ID="+id+"&uid="+i,function(data){

			data=data.split("'").join('"');
			var d = JSON.parse(data);
			if (!d.src && d.price && d.name) 
				d.src='/bitrix/components/bitrix/catalog.element/templates/.default/images/no_photo.png';
			localStorage["basket.photo."+d.uid]=d.src;
			localStorage["basket.name."+d.uid]=d.name;
			localStorage["basket.price."+d.uid]=d.price;			
			if (d.price==0)delItem(d.uid);//  delete with out price

			calculateBasket();
		});
	}
	if (localStorage["basket.num"])localStorage["basket.num"]++;
	else localStorage["basket.num"]=1;
	calculateBasket();
	
};
function calculateBasket(){
	var s=0,col=0;
//alert(localStorage.toSource());
	for (var i=0;;i++){
		if (localStorage["basket.item."+i]){
			s+=parseInt(localStorage["basket.price."+i]) * parseInt(localStorage["basket.col."+i]);
			col+=parseInt(localStorage["basket.col."+i]);
		}else break;
	}

	$("#cart .text").text(lang.inBasket);
	$("#cart .cart-total").text(fp(s));
	$("#cart .ruble").text(lang.rub);
	$(".cartEmpty").hide();
	$(".cart").show();

	localStorage["basket.num"]=col;
	create_order();
};

function create_order(){
	var s=0,n='',t='',e='',d='';
	if ($("#order-form input[name=name]").val())   n=$("#order-form input[name=name]").val();
		else n = "";
	if ($("#order-form input[name=tel]").val())    t=$("#order-form input[name=tel]").val();
		else t = "";
	if ($("#order-form input[name=email]").val())  e=$("#order-form input[name=email]").val();
		else e = "";
	if ($("#order-form textarea[name=addres]").val()) d=$("#order-form textarea[name=addres]").val();

	var str='<table class="basketPopup">';
//	str+='<tr><td colspan=2 rowspan=3 style="font-family: roboto;font-size: 22px;text-align: justify;color: #e72a67;">';
//	str+=lang.pleaseFillInfo;
//	str+='';
	str+='<tr><td colspan=6><input name="name" style="width:100%" placeholder="'+lang.whatYouName+'" value="'+n+'"></tr>';
	str+='<tr><td colspan=2><input type="tel" name="tel" style="width:100%" placeholder="'+lang.youPhone+'" value="'+t+'">';
	str+='<td colspan=4><input type="email" name="email" style="width:100%" placeholder="'+lang.youEmail+'" value="'+e+'"></tr>';
	str+='<tr><td colspan=6><textarea name="addres" placeholder="'+lang.address+'"  style="width: 100%;height: 68px;">'+d+'</textarea>';
	str+=lang.headTab;
	for (var i=0;;i++){
		if (localStorage["basket.item."+i]){			
			var id   = localStorage["basket.item."+i],
				name = localStorage["basket.name."+i],
				pr   = localStorage["basket.price."+i],
				col  = localStorage["basket.col."+i],
				si   = parseInt(localStorage["basket.price."+i]) * parseInt(localStorage["basket.col."+i]),
				src  = localStorage["basket.photo."+i];
			if (!src) continue; // no photo unreal
			str+= '<tr>';	
			s+=si;
			str+= "<td><img src='"+src+"' height=80> ";
			str+= "<td><a href='/catalog.php?ELEMENT_ID="+id+"' target='_blank'> "+name+"</a>";
			//str+= "<td>"+fp(pr)+" "+lang.rub;
			str+= "<td>"+fp(pr);
			str+= "<td><button onclick='return itemMinus("+i+")'>-</button> ";
			str+= "<input onchange='localStorage[\"basket.col."+i+"\"]=this.value;calculateBasket();' name='item["+id+"]' value='"+col+"' style='width:20px'> ";
			str+= "<input name='price["+id+"]' type='hidden'  value='"+pr+"'>";
			str+= "<button  onclick='return itemPlus("+i+")'>+</button>";
			//str+= "<td>"+ fp(si)+" "+lang.rub;
			str+= "<td>"+ fp(si);
			str+= "<td><span class='del' onclick='delItem("+i+")'></span>";
		}else break;
	}

	str+='<input name="num" type="hidden"  value="'+localStorage["basket.num"]+'">';
	str+='<input name="allPrice" type="hidden"  value="'+s+'">';
	str+='</table>';
	str+='<div class="itogo-basket">'+lang.allSum+'<span class="itogo-basket-rub">'+fp(s)+' '+lang.rub+'</span></div>';
	str+='<div class="order-error"></div>';
	$("#order-body").html(str);
	//console.log(localStorage)
};

function itemMinus(i){
	if (localStorage["basket.col."+i]>1){
		localStorage["basket.col."+i]--;
		localStorage["basket.num"]--;
	}
	calculateBasket();
	return false
}
function itemPlus(i){
	localStorage["basket.col."+i]++;
	localStorage["basket.num"]++;
	calculateBasket();
	return false	
}
function delItem(id){
	var flag = false;
	for (var i=0;;i++){
		if (localStorage["basket.item."+i]){
			if (flag){
				localStorage["basket.item."+(i-1)]=localStorage["basket.item."+i];
				localStorage["basket.col."+(i-1)]=localStorage["basket.col."+i];
				localStorage["basket.photo."+(i-1)]=localStorage["basket.photo."+i];
				localStorage["basket.name."+(i-1)]=localStorage["basket.name."+i];
				localStorage["basket.price."+(i-1)]=localStorage["basket.price."+i];
			}
			if (i==id || flag){
				if (!flag)flag=localStorage["basket.col."+i];
				localStorage.removeItem("basket.item."+i);
				localStorage.removeItem("basket.col."+i);
				localStorage.removeItem("basket.photo."+i);
				localStorage.removeItem("basket.name."+i);
				localStorage.removeItem("basket.price."+i);
			}
		}else break;
	}
	localStorage["basket.num"]-=flag;
	if (!localStorage["basket.num"])localStorage.removeItem("basket.num");
	calculateBasket();
	
};
function sendOrder() {	
	var error=[],err_html='';
	if ($("#order-form input[name=name]").val()==0)error.push(lang.whatYouName);
	if ($("#order-form input[name=allPrice]").val()==0)error.push(lang.youBasketEmpty);
	if ($("#order-form input[name=tel]").val()=='')error.push(lang.fielTelReq);
	if ($("#order-form input[name=email]").val()=='')error.push(lang.fielEmailReq);
	if ($("#order-form textarea[name=addres]").val()=='')error.push(lang.fielAddressReq);
	//if ($("#order-form textarea[name=g-recaptcha-response]").val()=='')error.push(lang.noPushHuman);// каптча не нужна, заказ только для авторизованных пользователей
			
	if (error.length){
		for (var i in error) {
			var val= error[i];
		    err_html+=val+"<br>";
		}
		$("#order-form .order-error").html(err_html)
	}else{// send order
		var  ser =$("#order-form ").serialize() ;
		
		$.post("/ajax.php?AJAX=Y&action=send_order",ser,function(data){
			//console.log (data);
			data=data.split("'").join('"');
			var d = JSON.parse(data);
			var err_html='';
			
			if (d.error && d.error.length ){
				for (var i in d.error) {
					var val= d.error[i];
				    err_html+=val+"<br>";
				}
				$("#order-form .order-error").html(err_html);
			}else if( d.success=="ok") {
				 $("#order-form input").val("");
				  $("#upfile").hide();
	        	 $("#order-form textarea").val("");
	        	 localStorage.clear();
	        	 calculateBasket();
			$("#orderSend").hide();
	        	 $("#orderClear").hide();
	        	 
	        	 var str=lang.youOrderSuccess;
	        	 $("#order-body").html(str);
				
			}else {
				$("#order-form .order-error").html(lang.ServerErorr);
			}
		});
	}
	
}
function fp(data) { // nice format price
    if (!data)data=0;
    var price = (data).toString();
    var price_sep   = price.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1 ");
    return price_sep ;
};