/*##############################################################################
/* 
/*  EVENTS
/*
*/

/** BOOKING RELATED FUNCTIONS **/


var delay = (function(){
     var timer = 0;
          return function(callback, ms){
          clearTimeout (timer);
          timer = setTimeout(callback, ms);
          };
})();


$(document).ready(function() 
{

   $('#kurscontainer').on('click', '.kurschoose', function() 
   {
       $('#errmsg').hide();  
       var kcon = $(this).parent();

       $(kcon).find('.kurschoose').each(function() 
       {
           $(this).removeClass('selected');

           var kcheck = $(this).children('.kurscheck');
               kcheck.hide();
       });

       $(this).addClass('selected');

       var kcheck = $(this).children('.kurscheck');
           kcheck.show();

       $('#kursdetails').show();

       var position = $('#kursdetails').offset().top - 75;

	   $("body, html").animate({
		scrollTop: position,
	   },750,'linear');


       updateOrder($(this),'refresh');

   });

   $('#dlamount').on('change', function() {

      var kconobj = $('#kurscontainer').find('.selected');
      updateOrder($(kconobj),'norefresh');

   });

   $('#anfragebutton').on('click', function() 
   {
      if(formErrorCheck()===true)
      {
         $('#booking-titel').hide();
         $('#booking-einleitung').hide();
         $('#kurscontainer').hide();
         $('#kursdetails').hide();

         $('#loadercontainer').show();

         $("body, html").animate({
            scrollTop: 0,
         },750,'linear'); 

         setTimeout(function()
         {
            // send anfrage via email ajax

               $.ajax({ url: 'https://de-luette.de/xadmin/scripts/dl-io.php', type : 'get', async: false, cache: false, data: { com: 'order_write', pers: $('#dlamount option:selected').val(), id: $('.kurschoose.selected').data('deluette-id'), company: $('#custCompany').val(), prename: $('#custPreName').val(), name: $('#custName').val(), street: $('#custStreet').val(), plz: $('#custPlz').val(), city: $('#custCity').val(), country: $('#custCountry').val(), email: $('#custEmail').val(), phone: $('#custPhone').val(), annotations: $('#custAnnotations').val() }}).done(function(content) { });

               $('#loadercontainer').hide(); 
               $('#successcontainer').show();
               $('#anfrageSuccess').show(); 

         }, 1500);
      }
   });


  /*****************************************************************************
  /* 
  /*  EVENTS SHOP
  /*
  */
  
      $('#addToBasket').on('click', function()
      {
         var id  = $(this).data("id");
         var menge = $('.wk_prod_menge').val();

     /** DISABLE BUTTON **/

         $.ajax({type: "GET", url: "https://de-luette.de/xadmin/scripts/apx-io.php", data: { com: 'addToBasket', id: id, sp: menge }}).done(function(ex) 
         {
           location.href= window.location.href;
         });
    
         return false;
 
     });


      $('.updateBasketItem').on('click', function()
      {
         var id    = $(this).data("id"); // ARRAY ROW
         var menge = $('.wk_prod_menge').val();
         
         /** DISABLE BUTTON **/

             $.ajax({type: "GET", url: "https://de-luette.de/xadmin/scripts/apx-io.php", data: { com: 'updateBasket', id: id, sp: 'delete', refID:menge }}).done(function(ex) 
             {
               location.href= window.location.href;
             });

         return false;
 
     });


      $('.deleteBasketItem').on('click', function()
      {
         var id  = $(this).data("id"); // ARRAY ROW
         
         if(confirm('Soll der Artikel wirklich aus dem Warenkorb entfernt werden?')==true)
         {

           /** DISABLE BUTTON **/

               $.ajax({type: "GET", url: "https://de-luette.de/xadmin/scripts/apx-io.php", data: { com: 'updateBasket', id: id, sp: 'delete', refID:'' }}).done(function(ex) 
               {
                    location.href= window.location.href;
               });
         }

         return false;
 
     });


     $('.wk_prod_menge').keyup(function() 
     {  
        var wkMaxMenge= $('.wk_prod_menge').data('maxmenge');

        var wkMenge = $('.wk_prod_menge').val();
            wkMenge = wkMenge.replace(/[^\d+]/,'');

        $('.wk_prod_menge').val(wkMenge);

        delay(function() { 
 
             if(checkMengeInt($('.wk_prod_menge').val())) {}
             else { $('.wk_prod_menge').val(1); }

             if($('.wk_prod_menge').val() < wkMaxMenge){ }
             else
             {  $('.wk_prod_menge').val(wkMaxMenge); }
       
          }, 350);
     });


 //

      $('#abLieferadresseBlock, #abLieferadresseCheck').on('click', function()
      {

         if($('#abLieferadresseCheck').is(':checked'))
         {

             $('#abLieferadresseCheck').prop('checked',false); 
             $('#abLieferadresseCheck').val('0'); 
             $('#abLieferadresse').hide();
         }
         else
         {

             $('#abLieferadresseCheck').prop('checked',true);
             $('#abLieferadresseCheck').val('1'); 
             $('#abLieferadresse').show();
         }
      });


});

function updateBasket(id,menge)
{
     //alert(id +','+ menge);

     $.ajax({type: "GET", url: "https://de-luette.de/xadmin/scripts/apx-io.php", data: { com: 'updateBasket', id: id, sp: 'update', refID: menge }}).done(function(ex) 
     {
       location.href= window.location.href;
     });
}


function checkMengeInt(menge)
{
   var rex = new RegExp(/^\d{1,5}?$/);

   if(menge.match(rex)) { return true; }
   else { return false;}
}



function updateOrder(order,type)
{
   $('#anfragecontainer').hide();
   $('#paypal-button').show();

   var dlid         = $(order).data("deluette-id");
   var dlseminartyp = $(order).data("deluette-seminartyp");
   var dldate       = $(order).data("deluette-date");

   $('#dltitle').html($(order).data("deluette-title"));
   $('#dldate').html(dldate);
   $('#dldesc').html($(order).data("deluette-details"));

   var bookable    = $(order).data("deluette-anzahl");
   
   if(type=='refresh')
   {

   // BUILD SELECT OPTIONS

      $('#dlamount').empty();

      for(var x=1; x<=bookable; x++)
      {
          $('#dlamount').append($('<option></option>').attr('value', x).text(x));
      }
   }

   var dlanzahl    = $('#dlamount option:selected').val()

   var dlanzahlopt = '';
   
   $('#dldesc').html($(order).data("deluette-details"));

   var dlanzahltyp= $(order).data("deluette-anzahltyp");
   var dlanzahltypdp= $(order).data("deluette-anzahltypdp");
   var dlpp = $(order).data("deluette-pp")
   
   $('#dlanzahltyp').html(dlanzahltyp);

   dlseminartyp=='Geschenkgutschein' ? $('.gutscheinBlock').show() : $('.gutscheinBlock').hide();

   var pricebox = updatePriceCalc(dlseminartyp,dlpp,dlanzahl,dlanzahltyp,dlanzahltypdp,dldate);
   $('#dlpricebox').html(pricebox);
}


function updatePriceCalc(dlseminartyp,dlpp,dlanzahl,dlanzahltyp,dlanzahltypdp,dldate)
{
  var STEUER    = 19;
  var STEUERADD = 119;
    
  //var STEUER    = 16;
  //var STEUERADD = 116;

  var dlppnettor  = (dlpp/STEUERADD * 100 * dlanzahl).toFixed(2);
      dlppnetto   = dlppnettor.replace(/\./,','); 

  var dlppbruttor    = parseFloat(dlppnettor * 1.19).toFixed(2);
      dlppbrutto     = dlppbruttor.replace(/\./,',');  

  var dlpptaxr = parseFloat(dlppbruttor - dlppnettor).toFixed(2); 
      dlpptax  = dlpptaxr.replace(/\./,',');

  var dlppdp     = dlpp.toString().replace(/\./,',');

  //var dlppnettor = (dlpp/STEUERADD * 100).toFixed(2) * dlanzahl;
  //    dlppnetto  = dlppnettor.toString().replace(/\./,','); 

  //var dlppnettor  = (dlppbruttor/STEUERADD * 100).toFixed(4);
  //    dlppnetto  = dlppnettor.replace(/\./,','); 

  //var dlpptaxr    = (dlppbruttor - (dlppbruttor/STEUERADD * 100)).toFixed(2);
  //    dlpptax    = dlpptaxr.replace(/\./,',');  

  var pricebox = '<h3>Ihr Preis:</h3>' +
                 '<table style=\'width:100%\'>' +
                 '<tr><td><strong>'+dlanzahl+' x '+ dlseminartyp +'</strong><br><small>('+dlppdp+' EUR / '+dlanzahltypdp+')</small></td><td class=\'right\' style=\'vertical-align:top\'>'+ dlppbrutto+' EUR</td></tr>' +
                 '<tr><td colspan=\'2\' style=\'border-bottom:1px solid #423a02;\'></td></tr>' +
                 '<tr><td>Zwischensumme (netto):</td><td class=\'right\'>'+dlppnetto+' EUR</td></tr>' +
                 '<tr><td>zzgl. '+STEUER+'% Mehrwertsteuer</td><td class=\'right\'>'+dlpptax+' EUR</td></tr> ' +
                 '<tr><td colspan=\'2\' style=\'border-bottom:1px solid #423a02\'></td></tr>' +
                 '<tr><td><strong>Gesamtbetrag:</strong></td><td class=\'right\'><strong>'+dlppbrutto+' EUR</strong></td></tr>' +
                 '<tr><td colspan=\'2\' style=\'border-bottom:1px double #423a02\'></td></tr>' +
                 '<tr><td colspan=\'2\' style=\'border-bottom:1px double #423a02\'></td></tr>' +
                 '</table>';

  if(dlpp=='0.00')
  {
     pricebox = '<h3>Kostenlose Veranstaltung</h3>' + 
                '<p>Die von Ihnen gewählte Veranstaltung ist kostenlos. Sie können sich nur per Anfrage anmelden.</p>' +
                '<p>Bitte nutzen Sie dazu unsere Anfragefunktion, indem Sie das Formular vollständig ausfüllen und absenden.</p>';

     $('#anfragecontainer').show();
     $('#paypal-button').hide();
  }

  var title= dlanzahl+' x '+dlseminartyp+' - Zeitraum: '+dldate;

  $('#paypal-button').empty();
  //getPPButton(dlppbruttor,dlppnettor,dlpptaxr,title)
  getPPButtonV2(dlppbruttor,dlppnettor,dlpptaxr,title)

  return pricebox;
}

/** SEMINARE / PAYPAL **/

function getPPButtonV2(amount,netto,tax,title)
{
    paypal.Buttons({

      style: {
        size: 'large',
        color: 'blue',
        shape: 'rect',
        label: 'pay',
        // tagline: 'false',
      },

      onInit: function(data, actions) 
      { },

      createOrder: function(data, actions) 
      {
         return actions.order.create({

           purchase_units: [{

             //reference_id: 'DeLuette',
             description: title,
             custom_id: '64735',
             //soft_descriptor: title,

             amount: 
             {
               currency_code: 'EUR',
               value: amount,
               breakdown: 
               {
                 item_total: 
                 {
                   currency_code: 'EUR',
                   value: amount
                 },
               }
             }
           }]
         });
      },
      onClick: function()
      {
         return formErrorCheck();
      },

      onApprove: function(data, actions) 
      {
        $('#booking-titel').hide();
        $('#booking-einleitung').hide();
        $('#kurscontainer').hide();
        $('#kursdetails').hide();

        $('#loadercontainer').show();

        $("body, html").animate({
           scrollTop: 0,
        },750,'linear'); 

     // This function captures the funds from the transaction.

        return actions.order.capture().then(function(details) {

          // write order email ajax

             $.ajax({ url: 'https://de-luette.de/xadmin/scripts/dl-io.php', type : 'get', async: false, cache: false, data: { com: 'order_write', pers: $('#dlamount option:selected').val(), id: $('.kurschoose.selected').data('deluette-id'), company: $('#custCompany').val(), prename: $('#custPreName').val(), name: $('#custName').val(), street: $('#custStreet').val(), plz: $('#custPlz').val(), city: $('#custCity').val(), country: $('#custCountry').val(), email: $('#custEmail').val(), phone: $('#custPhone').val(), couponName: $('#custCouponName').val(), couponDate: $('#custCouponDate').val(), annotations: $('#custAnnotations').val() }}).done(function(content) 
             {});

             $('#loadercontainer').hide(); 
             $('#successcontainer').show(); 
             $('#bestellungSuccess').show(); 
        });
      },

      onCancel: function (data) {

          $('#errmsg').show();  
          $('#errmsgtext').html('<strong>Zahlung abgebrochen</strong><br>Sie haben den Zahlvorgang abgebrochen. Bitte versuchen Sie es erneut!');   
      },
      onError: function (err) {
        // Show an error page here, when an error occurs
         alert(err);
      },
     
  }).render('#paypal-button');

}


function formErrorCheck()
{
     var error=0;
     var errmess='';
  
     $('#errmsg').hide();
           
  // validate form name + email + agb/datenschutz

     if($('#custPreName').val()=='' || $('#custName').val()=='' || $('#custStreet').val()=='' || $('#custPlz').val()=='' || $('#custCity').val()=='' || $('#custEmail').val()=='' || $('#custPhone').val()=='')
     { 
        error=1;
        errmess= errmess +  '- Bitte füllen Sie alle Felder mit einem * aus.<br>';  
     }
          
     if(!$('#custPlz').val().match(/\b\d{5}\b/g))
     {
         error=1;
         errmess= errmess +  '- Bitte geben Sie eine 5-stellige Postleitzahl ein.<br>';  
     }

     if($('#custEmail').val().length>0 && isEmail($('#custEmail').val())) { } else 
     {
        error=1;
        errmess= errmess +  '- Bitte geben Sie eine gültige E-Mailadresse ein.<br>';  
     }

 /** CHECK GUTSCHEIN WER UND WANN */

     if($('.kurschoose.selected').data('deluette-seminartyp') == 'Geschenkgutschein')
     {
        if($('#custCouponName').val()=='' || $('#custCouponDate').val()=='')
        { 
           error=1;
           errmess= errmess +  '- Bitte geben Sie an für wen und bis wann der Gutschein ausgestellt werden soll.<br>';  
        }
     }


     if($('#custRead').is(':checked')==false)
     {
        error=1;
        errmess= errmess +  '- Bitte bestätigen Sie, dass Sie die AGB und Datenschutzerklärung gelesen haben und akzeptieren.<br>';  
     }

 
 /** CHECK LIEFERADRESSE **/

     if($('#abLieferadresseCheck').is(':checked'))
     {
        if($('#custDLPreName').val()=='' ||$('#custDLName').val()=='' || $('#custDLStreet').val()=='' || $('#custDLPlz').val()=='' || $('#custDLCity').val()=='')
        {  
           error=1;
           errmess= errmess + '- Bitte füllen Sie alle Pflichtfelder bei der <b>Lieferadresse</b> aus. Diese sind mit einem * markiert.<br>';
        }

        if(!$('#custDLPlz').val().match(/\b\d{5}\b/g))
        {
           error=1;
           errmess= errmess +  '- Bitte geben Sie eine 5-stellige Postleitzahl bei der <b>Lieferadresse</b> ein.<br>';  
        }
     }

     if(error==1)
     { 
        $('#errmsg').show();  
        $('#errmsgtext').html('<strong>Bitte füllen Sie die Felder aus:</strong><br>' + errmess);  

        return false
     }

     return true;
}



/** -------------------------------------------------------------------------**/
/**                                                                          **/ 
/** PAYPAL SHOP BUTTON                                                       **/
/**                                                                          
**/ 

function getPPButtonShopV2(amount,netto,tax,title)
{
    paypal.Buttons({

      style: {
        size: 'large',
        color: 'blue',
        shape: 'rect',
        label: 'pay',
        // tagline: 'false',
      },

      onInit: function(data, actions) 
      { },

      createOrder: function(data, actions) 
      {
         // This function sets up the details of the transaction, including the amount and line item details.

         return actions.order.create({

           purchase_units: [{

             //reference_id: 'DeLuette',
             description: title,
             custom_id: '64735',
             //soft_descriptor: title,

             amount: 
             {
               currency_code: 'EUR',
               value: amount,
               breakdown: 
               {
                 item_total: 
                 {
                   currency_code: 'EUR',
                   value: amount
                 },
               }
             },
           }],
           application_context: {
                shipping_preference: "NO_SHIPPING"
           },
         });
      },
      onClick: function()
      {
         if(formErrorCheck()===false)
         {
            $("body, html").animate({
               scrollTop: $('#successmessage').offset().top,
             }, 500,'linear'); 

             return false;
         }
      },

      onApprove: function(data, actions) 
      {
        $('#warenkorb_container').hide();
        $('#successmessage').hide(); 
        $('#loadercontainer').show();

        $("body, html").animate({
           scrollTop: 0,
        },750,'linear'); 

     // This function captures the funds from the transaction.

        return actions.order.capture().then(function(details) {

          // write order email ajax

             $.ajax({ url: 'https://de-luette.de/xadmin/scripts/dl-io.php', type : 'get', async: false, cache: false, data: { com: 'order_shop_write', pers: $('#dlamount option:selected').val(), id: $('.kurschoose.selected').data('deluette-id'), company: $('#custCompany').val(), prename: $('#custPreName').val(), name: $('#custName').val(), street: $('#custStreet').val(), plz: $('#custPlz').val(), city: $('#custCity').val(), country: $('#custCountry').val(), email: $('#custEmail').val(), phone: $('#custPhone').val(), annotations: $('#custAnnotations').val(), lieferadresse: $('#abLieferadresseCheck').val(), companyDL: $('#custDLCompany').val(), prenameDL: $('#custDLPreName').val(), nameDL: $('#custDLName').val(), streetDL: $('#custDLStreet').val(), plzDL: $('#custDLPlz').val(), cityDL: $('#custDLCity').val(), countryDL: $('#custDLCountry').val() }}).done(function(content) 
             {});

             $('#loadercontainer').hide(); 
             $('#successcontainer').show(); 
        });
      },
      onCancel: function (data) {

          $('#errmsg').show();  
          $('#errmsgtext').html('<strong>Zahlung abgebrochen</strong><br>Sie haben den Zahlvorgang abgebrochen. Bitte versuchen Sie es erneut!');   
      },
      onError: function (err) {
        // Show an error page here, when an error occurs
         alert(err);
      },
     
  }).render('#paypal-button');

}

function isEmail(email) {
  var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  return regex.test(email);
}

   
function uploadLogo(file) 
{ 
    $('#logoLoader').show();

    var xhr = new XMLHttpRequest(); 
    xhr.open('post', 'https://de-luette.de/xadmin/scripts/sev-io.php', true); 
    xhr.onload = function() { LOG && console.log('Upload erfolgreich beendet!'); } 

    xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) 
       {
          if(xhr.responseText.length > 0) 
          { 
             var result=xhr.responseText.split('|');

             $('#logoResult').html(result[0]);
             $('#logoResult').show();
             $('#logoLoader').hide();
 
             if(result[1]!='')
             { 
               $('#wdata6').val(result[1])
               $('#wdata6_img').css({'background':'url(\'https://de-luette.de/'+result[1]+'\') center center no-repeat','background-size': 'contain'});
             }
          }
       }
    }

    var formData = new FormData();  
        formData.append('file', file); 
        formData.append('com', 'uploadLogo'); 
        xhr.send(formData); 
} 
 

function uploadLogoCrop(file) 
{ 
    $('#logoLoader').show();

    var xhr = new XMLHttpRequest(); 
    xhr.open('post', 'https://de-luette.de/xadmin/scripts/dl-io.php', true); 
    xhr.onload = function() { LOG && console.log('Upload erfolgreich beendet!'); } 

    xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) 
       {
          if(xhr.responseText.length > 0) 
          { 
             var result=xhr.responseText.split('|');

             $('#logoResult').html(result[0]);
             $('#logoResult').show();
             $('#logoLoader').hide();
 
             if(result[1]!='')
             { 

                //alert(result[0]);

             // SET crop image to container

                var dim = result[0].split('x');       //alert(dim[0]+','+ dim[1]+','+ dim[2]);
                var ts = Math.floor(Date.now());

                $('#target').prop('src','https://de-luette.de/'+result[1]+'?'+ts);
                $('#target').imgAreaSelect({ aspectRatio: '4:2.67', minWidth: 402, minHeight:269, imageWidth: dim[1], imageHeight: dim[2] , handles: true,
                                             x1: 0, 
                                             y1: 0,
                                             x2: 400, 
                                             y2: 267,
                                             show: true, 
                                             onSelectEnd: function (img, selection) {
                                               $('#filepath').val(result[1]);  
                                               $('#x1').val(selection.x1);
                                               $('#y1').val(selection.y1);
                                               $('#width').val(selection.width);
                                               $('#height').val(selection.height);
                                            }
                });

             // open crop window

                $('#sev_mbCropWin').foundation('open');

             }
          }
       }
    }

    var formData = new FormData();  
        formData.append('file', file); 
        formData.append('com', 'uploadLogoCrop'); 
        xhr.send(formData); 
} 


function cropLogo() 
{ 
     if($('#width').val() >= 400 && $('#height').val() >= 267) 
     {
        $.ajax({ url: 'https://de-luette.de/xadmin/scripts/sev-io.php', type : 'GET', cache: false, data: { com: 'cropLogo', filepath: $('#filepath').val(), x1: $('#x1').val(), y1: $('#y1').val(), width: $('#width').val(), height: $('#height').val()}}).
          done(function(content) {

          //alert(content);

          var result=content.split('|');
          

          $('#logoResult').html(result[0]);
          $('#logoResult').show();
          $('#logoLoader').hide();

          //alert(result[0] +','+ result[1]);

          $('#wdata6').val(result[1])
          $('#wdata6_img').css({'background':'url(\'https://de-luette.de/'+result[1]+'\') center center no-repeat','background-size': 'contain'});

          $('#sev_mbCropWin').foundation('close');
 
        });
     }
     else
     {
        alert('Bitte selektieren Sie einen Bereich, der mindestens\n400px breit ist und 267px hoch! (' + $('#width').val() + 'x' + $('#height').val() + ')');
     }
}


function uploadPopup(file) 
{ 
    $('#logoLoader').show();

    var xhr = new XMLHttpRequest(); 
    xhr.open('post', 'https://de-luette.de/xadmin/scripts/sev-io.php', true); 
    xhr.onload = function() { LOG && console.log('Upload erfolgreich beendet!'); } 

    xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) 
       {
          if(xhr.responseText.length > 0) 
          { 
             var result=xhr.responseText.split('|');

             $('#logoResult').html(result[0]);
             $('#logoResult').show();
             $('#logoLoader').hide();
 
             if(result[1]!='')
             { 
               $('#wdata3').val(result[1])
               $('#wdata3_img').css({'background':'url(\'https://de-luette.de/'+result[1]+'\') center center no-repeat','background-size': 'contain'});
             }
          }
       }
    }

    var formData = new FormData();  
        formData.append('file', file); 
        formData.append('com', 'uploadPopup'); 
        xhr.send(formData); 
}