var arrDetails = new Array();
var Lang = new Array("ru", "en", "ch", "uk", "ua");
Lang['ru'] = new Object();
Lang['en'] = new Object();
Lang['ch'] = new Object();
Lang['uk'] = new Object();
Lang['ua'] = new Object();
Lang['ru'] = {
    'companyReqMess':'Поле Компания, обязательно к заполнению',
    'personReqMess':'Поле Котактное лицо, обязательно к заполнени',
    'addressReqMess':'Поле Адрес, обязательно к заполнению',
    'phoneReqMess':'Поле Телефон, обязательно к заполнению',
    'phoneCorMess':'Укажите коректный номер телфона',
    'emailReqMess':'Поле Email обязательно к заполнению',
    'emailCorMess':'Укажите коректный email (test@test.com)',
    'strDelete':'Удалить',
    'strFromList':'из списка',
    'strPlaceOrder':'Оформить заявку',
    'strConfirmDeleteDetail':'Удалить запчасть из списка заказа?',
    'strToReplaceOrderForm':'<h2 class="gdr-scheme-title">Бланк заказа</h2>',
    'noticeMotorMFS90':'Обращаем Ваше внимание, что с 2022 года была изменена конструкция гидравлического мотора MFS90. Для более детальной информации, пожалуйста <a href="/files/shemas/shema-MFH90.pdf" download>нажмите здесь</a>.',
    'noticePumpPVS90':'Обращаем Ваше внимание, что с 2022 года была изменена конструкция гидравлического насоса PVS90. Для более детальной информации, пожалуйста <a href="/files/shemas/shema-PVH90.pdf" download>нажмите здесь</a>.'
};
Lang['en'] = {
    'companyReqMess':'Company field, be sure to fill',
    'personReqMess':'Contact person field, be sure to fill',
    'addressReqMess':'Address field, be sure to fill',
    'phoneReqMess':'Phone field, be sure to fill',
    'phoneCorMess':'The correct telephone number',
    'emailReqMess':'Email field, be sure to fill',
    'emailCorMess':'The correct email',
    'strDelete':'Delete',
    'strFromList':'from the list',
    'strPlaceOrder':'Make order',
    'strConfirmDeleteDetail':'Remove from the list of spare part orders?',
    'strToReplaceOrderForm':'<h2 class="gdr-scheme-title">Order form</h2>',
    'noticeMotorMFS90':'Please note that from 2022 the design of the MFS90 hydraulic motor has been changed. For more detailed information, please <a href="/files/shemas/shema-MFH90.pdf" download>click here</a>.',
    'noticePumpPVS90':'Please note that from 2022 the design of the PVS90 hydraulic pump has been changed. For more detailed information, please <a href="/files/shemas/shema-PVH90.pdf" download>click here</a>.'
};
Lang['ch'] = {
    'companyReqMess':'Поле Компания, обязательно к заполнению',
    'personReqMess':'Поле Котактное лицо, обязательно к заполнени',
    'addressReqMess':'Поле Адрес, обязательно к заполнению',
    'phoneReqMess':'Поле Телефон, обязательно к заполнению',
    'phoneCorMess':'Укажите корректный номер телфона',
    'emailReqMess':'Поле Email обязательно к заполнению',
    'emailCorMess':'Укажите коректный email',
    'strDelete':'Удалить',
    'strFromList':'из списка',
    'strPlaceOrder':'Оформить заявку',
    'strConfirmDeleteDetail':'Удалить запчасть из списка заказа?',
    'strToReplaceOrderForm':'<h2 class="gdr-scheme-title">Бланк заказа</h2>',
    'noticeMotorMFS90':'Обращаем Ваше внимание, что с 2022 года была изменена конструкция гидравлического мотора MFS90. Для более детальной информации, пожалуйста <a href="/files/shemas/shema-MFH90.pdf" download>нажмите здесь</a>.',
    'noticePumpPVS90':'Обращаем Ваше внимание, что с 2022 года была изменена конструкция гидравлического насоса PVS90. Для более детальной информации, пожалуйста <a href="/files/shemas/shema-PVH90.pdf" download>нажмите здесь</a>.'
};
Lang['uk'] = {
    'companyReqMess':'Поле Компанія, обов’язкове до заповнення',
    'personReqMess':'Поле Котактне лице, обов’язкове до заповнення',
    'addressReqMess':'Поле Адреса, обов’язкове до заповнення',
    'phoneReqMess':'Поле Телефон, обов’язкове до заповнення',
    'phoneCorMess':'Вкажіть коректний номер телфону',
    'emailReqMess':'Поле Email обов’язкове до заповнення',
    'emailCorMess':'Вкажіть коректний email',
    'strDelete':'Видалити',
    'strFromList':'з переліку',
    'strPlaceOrder':'Оформити замовлення',
    'strConfirmDeleteDetail':'Видалити запчастину із замовлення?',
    'strToReplaceOrderForm':'<h2 class="gdr-scheme-title">Бланк замовлення</h2>',
    'noticeMotorMFS90':'Звертаємо Вашу увагу, що з 2022 року було змінено конструкцію гідравлічного мотору MFS90. Для більш детальної інформації, будь ласка, <a href="/files/shemas/shema-MFH90.pdf" download>натисніть тут</a>.',
    'noticePumpPVS90':'Звертаємо Вашу увагу, що з 2022 року було змінено конструкцію гідравлічного насосу PVS90. Для більш детальної інформації, будь ласка, <a href="/files/shemas/shema-PVH90.pdf" download>натисніть тут</a>.'
};
Lang['ua'] = {
    'companyReqMess':'Поле Компанія, обов’язкове до заповнення',
    'personReqMess':'Поле Котактне лице, обов’язкове до заповнення',
    'addressReqMess':'Поле Адреса, обов’язкове до заповнення',
    'phoneReqMess':'Поле Телефон, обов’язкове до заповнення',
    'phoneCorMess':'Вкажіть коректний номер телфону',
    'emailReqMess':'Поле Email обов’язкове до заповнення',
    'emailCorMess':'Вкажіть коректний email',
    'strDelete':'Видалити',
    'strFromList':'з переліку',
    'strPlaceOrder':'Оформити замовлення',
    'strConfirmDeleteDetail':'Видалити запчастину із замовлення?',
    'strToReplaceOrderForm':'<h2 class="gdr-scheme-title">Бланк замовлення</h2>',
    'noticeMotorMFS90':'Звертаємо Вашу увагу, що з 2022 року було змінено конструкцію гідравлічного мотору MFS90. Для більш детальної інформації, будь ласка, <a href="/files/shemas/shema-MFH90.pdf" download>натисніть тут</a>.',
    'noticePumpPVS90':'Звертаємо Вашу увагу, що з 2022 року було змінено конструкцію гідравлічного насосу PVS90. Для більш детальної інформації, будь ласка, <a href="/files/shemas/shema-PVH90.pdf" download>натисніть тут</a>.'
};

var lng = 'ru';

$(document).ready(function(){
    $.ajax({
        url: '/ua/shemas/getlang/',
        type: 'post',
        success: function (resp){
            if (resp)
                lng = resp;
        }
    });

    $.ajax({
      url: '/ua/shemas/getall/',
      type: 'post',
      dataType: 'json',
	    data: {
        series_id: $('input[name=series_id]').val()
      },
      success: function (response){
          if(response){
              var size = response.length;
              $(".gdr-scheme-types ul li").remove();
              $(".step1 .scheme-types ul li").remove();
              for(var i=0;i<size;i++){
                 $(".gdr-scheme-types").children("ul").append('<li class="item gdr-button" value="'+response[i].id+'"><a onclick="getTypeSize('+response[i].id+')"> '+response[i].name+' </a></li>');
                 $(".step1 .scheme-types").children("ul").append('<li class="item" value="'+response[i].id+'"><a onclick="getTypeSize('+response[i].id+')"> '+response[i].name+' </a></li>');
              }
              $("#info-block,#info-text").removeClass("gdr-hidden");
              $(".step1").removeClass("gdr-hidden");
              $(".step2").addClass("gdr-hidden");
          }
      }
    });

});

function getTypeSize(type_id){
    $.ajax({
            url: '/ua/shemas/gettypesize/',
            type: 'get',
            dataType: 'json',
            data:{
                type:type_id
            },
            success: function (response){
                if(response){
                    delPoint();
                    $('.fn-scheme-notice').hide();
                    $(".gdr-scheme-image").attr("src",'/css/images/default.png');
                    $(".gdr-scheme-types .gdr-button").each(
                        function(){
                            $(this).removeClass('selected');
                        });
                    $(".gdr-scheme-types .gdr-button[value="+type_id+"]").addClass("selected");
                    var shemaName = $(".gdr-scheme-types .gdr-button[value="+type_id+"]").text();

                    $("[name=type_id]").val(type_id);
                    if(response){
                        var size = response.length;
                        $(".gdr-scheme-sizes ul li").remove();
                        $(".step2 .scheme-sizes ul li").remove();
                        for(var i=0;i<size;i++){
                           $(".gdr-scheme-sizes").children("ul").append('<li class="item gdr-button" value="'+response[i].id+'"><a onclick="getDetails('+response[i].shema_id+','+response[i].id+')"> '+response[i].name+' </a></li>');
                           $(".step2 .scheme-sizes").children("ul").append('<li class="item" value="'+response[i].id+'"><a onclick="getDetails('+response[i].shema_id+','+response[i].id+')"> '+response[i].name+' </a></li>');
                        }
                    }
                    $("#info-block,#info-text").removeClass("gdr-hidden");
                    $(".step1").addClass("gdr-hidden");
                    $(".step2").removeClass("gdr-hidden");
                }
            }
    });
}

function getDetails(shema_id,tr_id){
    $.ajax({
            url: '/ua/shemas/getdetails/',
            type: 'get',
            dataType: 'json',
            data:{
                shema:shema_id,
                tr:tr_id
            },
            success: function (response){
                if(response){
                    $("#info-block,#info-text").removeClass("gdr-hidden");
                    delPoint();
                    $(".gdr-scheme-image").attr("src",response.shema.image);

                    $(".gdr-scheme-sizes .gdr-button").each(
                        function(){
                            $(this).removeClass('selected');
                    });
                    $(".gdr-scheme-sizes .gdr-button[value="+tr_id+"]").addClass("selected");

                    $("[name=tr_id]").val(tr_id);
                    $("#info-block, #info-text").addClass("gdr-hidden");
                    delPoint();
                    var obj = response.details;
                    $.each(obj,function(key,val){
                        arrDetails[val.id] = val;
                        addPoint(val, tr_id);
                    });

                    if (tr_id == 10 || tr_id == 11) {
                      $('.fn-scheme-notice').html(tr_id == 10 ? Lang[lng].noticePumpPVS90 : Lang[lng].noticeMotorMFS90);
                      $('.fn-scheme-notice').show();
                    } else {
                      $('.fn-scheme-notice').hide();
                    }
                }
            }
    });
}

function delPoint(){
    $("div.ui-point").each(function(){
        $(this).remove();
    });
}

function addPoint(el,tr_id){

      var r = parseInt(el.radius);
      var css = {
        'top':parseInt(el.cory),
        'left':parseInt(el.corx)
    }
    var divPoint =  $("<div>");
    divPoint.addClass('ui-point').css(css);
    divPoint.attr({'onclick':'addToCart('+el.id+','+tr_id+')','title':el.name});
    $(".gdr-scheme-image-container").append(divPoint);
}

zIndex = 32;


function addPoint( item, type ){
  var existedPoint = null;

  $(".gdr-scheme-image-container .ui-point").each(function (){
    var point = {
      x: parseInt($(this).css('left')),
      y: parseInt($(this).css('top')),
      radius: parseInt($(this).width())/2
    };

   if ( Math.sqrt( Math.pow(parseInt(item.corx) - point.x, 2) + Math.pow(parseInt(item.cory) - point.y, 2) ) <= item.radius + point.radius - 8 ){
      existedPoint = $(this);
   }
  });

  if ( existedPoint !== null ){
    var childs = existedPoint.find('.list-other');
    var point = {
      name: existedPoint.attr('title'),
      id: existedPoint.attr('item-id'),
      type: existedPoint.attr('item-type')
    };

    existedPoint
      .attr('title', '')
      .css('border-color', 'green')
      .css('z-index', zIndex++);

    if ( childs.length == 0 ) {
      childs = $('<ul class="list-other">').appendTo(existedPoint);
      childs.append( '<li><img align="right" src="/css/images/close.png" /> &nbsp;</li>' ).click(function (){
        return function (e){
          e.preventDefault();
          $(".gdr-scheme-image-container .list-other").hide();
        };
      }());

      childs.append( '<li class="next">' + point.name + '</li>' )
      .find('li.next')
      .click(function (item, type){
        return function (e){
          e.preventDefault();
          addToCart( point.id, point.type );
        };
      }(item, type));
}



    childs.hide().css('top', -parseInt(childs.height()) / 2);
    childs.css('left', 25);
    childs.append( '<li>' + item.name + '</li>' )
      .find('li:last')
      .click(function (item, type){
        return function (e){
          console.log('click li');
          e.preventDefault();
          addToCart( item.id, type );
          $(".gdr-scheme-image-container .list-other").hide();
          $(this).find('.list-other').show();
        };
      }(item, type));
  } else {
    $("<div>").addClass('ui-point')
    .css({
      top: item.cory + 'px',
      left: item.corx + 'px'
    })
    .attr({
      'title': item.name,
      'item-id': item.id,
      'item-type': type
    })
    .click(function (item, type){
      return function (e){
        $(".gdr-scheme-image-container .list-other").hide();

        if ( e.target == this ){

          // if somethink inside
          if ( $(this).find('li').length == 0 ){
            addToCart( item.id, type );
            $(this).find('.list-other').show();
          } else {
            $(this).find('.list-other').show();
          }
        }
      };
    }(item, type))
    .appendTo( $(".gdr-scheme-image-container") );
  }

}

function addToCart(dtl_id,tr_id){
    var bodyTable = $('#prod tbody');
    var inpQ = $('input[code="'+arrDetails[dtl_id].code+'"]');
    if($(inpQ).length>0){
        var i = $(inpQ).val();
        i++;
        $(inpQ).val(i);
        return false;
    }else{
        var trTable = $('<tr>');
        var tdTable = $('<td>');
        var inptTdTable = $('<input>');
        var iatr = {
            'name':'details['+dtl_id+']['+tr_id+']',
            'code':arrDetails[dtl_id].code,
            'value':1,
            'size':5}
        var btnDel = $('<a class="btnDel">');
        var aatr = {
            'href':'javascript:void(0);',
            'title':Lang[lng].strDelete+' '+arrDetails[dtl_id].name+' '+Lang[lng].strDelete ,
            'onclick':'delDtl(this)'}
        btnDel.attr(aatr);

        trTable.append(tdTable.clone().text(arrDetails[dtl_id].code));
        trTable.append(tdTable.clone().text(arrDetails[dtl_id].name));
        trTable.append(tdTable.clone().append(inptTdTable.attr(iatr)));
        trTable.append(tdTable.clone().attr('align','center').append(btnDel));
        bodyTable.append(trTable);
    }

    var btnCart = $('#btnCart');

    if ( !btnCart.length ){
        btnCart = $('<a id="btnCart"></a>');
        btnCart.attr({
          'id':'btnCart',
          'href':'javascript:void(0);',
          'title': Lang[lng].strPlaceOrder,
          'onclick':'showForm()'
        });
        btnCart.css('background','url(/css/images/button.'+lng+'.png)');
        $('#forButton').append(btnCart);
    }

    return true;
}

function delDtl(el){
    if(confirm(Lang[lng].strConfirmDeleteDetail))
        $(el).parent().parent().remove();
}

function showForm(){
    $("#formOrder").validate({
        rules: {
         cntCompany: "required",
         cntPerson: "required",
         cntAddress:"required",
         cntPhone: {
             required: true,
             number: true
         },
         cntEmail: {
           required: true,
           email: true
         }
       },
       messages: {
         cntCompany: Lang[lng].companyReqMess,
         cntPerson: Lang[lng].personReqMess,
         cntAddress:Lang[lng].addressReqMess,
         cntPhone: {
             required: Lang[lng].phoneReqMess,
             number: Lang[lng].phoneCorMess
         },
         cntEmail: {
           required: Lang[lng].emailReqMess,
           email: Lang[lng].emailCorMess
         }
       }
    });

    $('.gdr-scheme').addClass('gdr-hidden')
    $('#prod').css('width','695px');
    $('#btnCart').replaceWith(Lang[lng].strToReplaceOrderForm);
    $('#blkOrder, #btnSendOrder').removeClass('gdr-hidden');
    $('#btnSendOrder').css('background','url(/css/images/submit.'+lng+'.png)');

    $('html, body').animate({scrollTop:'0px'},800);
}

function sendOrder(){
    var size = arrDetails.length;
    var items = new Array();
    var j = 0;
    for(var i = 0; i<size; i++){
        if(arrDetails[i]!= undefined){
            var dtl = new Array();
            dtl['id'] = i;
            dtl['qnt'] = $([name="detail_id["+i+"]"]).val();
            items[j] = dtl;
            j++;
        }
    }
     $.ajax({
            url: '/ua/apmorders/order/',
            type: 'post',
            dataType: 'json',
            data:{
                 'company':$('#cntCompany').val(),
                 'person':$('#cntPerson').val(),
                 'phone':$('#cntPhone').val(),
                 'email':$('#cntEmail').val(),
                 'items[]':items
            },
            success: function (response){
                alert(response);
            }
    });
}