$(document).ready(function() {

  var actualtime = new Date();
  $('#tzd').val(actualtime.getTimezoneOffset()+120);

  $("#almostdone").click(function(event) {

    $('.step1 input').each(function() {
      $(this).nextAll(".feedback").first().hide();
      $(this).removeClass('missing');
    });

    musthave=true;

    $('.step1 input').each(function() {
      if($(this).val()=="" && $(this).prop('required')) {
        $(this).addClass("missing");
        $(this).nextAll(".feedback").first().show();
        musthave=false;
      }
    });

    if(musthave) {
          $(".step1").toggleClass( "hideme" );
          $(".step2").toggleClass( "hideme" );
    }

  return true;
  });

  $("#back").click(function(event) {
    $(".step1").toggleClass( "hideme" );
    $(".step2").toggleClass( "hideme" );
  });

  //$("#EventType").click(function(event) {
  //  $("#EventLogo").toggleClass( "hideme" );
  //});

  $(".step1 input, .step2 input").keyup(function() {
    if($(this).val()!="" && $(this).prop('required') && $(this).is(":visible")) {
      $(this).next().hide();
      $(this).removeClass('missing');
    }
  });

  $("#createit").click(function(event) {

    $('.step2 input').each(function() {
      $(this).next().hide();
      $(this).removeClass('missing');
    });

    musthave=true;

    $('.step2 input').each(function() {
      if($(this).val()=="" && $(this).prop('required')) {
        $(this).addClass("missing");
        $(this).next().show();
        musthave=false;
      }
    });

    var filter = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
    if(filter.test($("#email").val())) {

      // Email NS check
      jQuery.ajaxSetup({async:false});
      var ns_check = false;
      $.get( "/php/checkdns.php", { domain: $("#email").val().split('@').pop() } )
        .done(function(check) {
          if(check=="true") ns_check = true;
        });
      jQuery.ajaxSetup({async:true});

      if(!ns_check) {
        $(".email").addClass("missing");
        $(".email .feedback").show();
        return false;
      }

      if(ns_check && musthave) {

         $('#createit', this).attr('disabled', 'disabled');
         return true;
      }

   } else {
     $(".email").addClass("missing");
     $(".email .feedback").show();
     musthave=false;
   }

  return false;
  });

  var EventSubCategories = {

    musicfestival : [ { sql: "classical", human: "Classical" },
                        { sql: "electronic" , human : "Electronic" },
                        { sql: "folk" , human : "Folk" },
                        { sql: "pop" , human : "Pop" }, 
                        { sql: "rock" , human : "Rock" },
                        { sql: "religious" , human : "Religious" },
                        { sql: "world" , human : "World Music" }
                      ],
    concert : [ { sql: "pop" , human : "Pop" }, 
                { sql: "rock" , human : "Rock" },
                { sql: "hiphop" , human : "Hip-Hop" },
                { sql: "rb" , human : "R&B" },
                { sql: "electronic" , human : "Electronic" },
                { sql: "countrymusic" , human : "Country" }, 
                { sql: "jazz" , human : "Jazz" },
                { sql: "reggie" , human : "Reggie" },
                { sql: "latin" , human : "Latin" },
                { sql: "classical" , human : "Classical" },
                { sql: "folk" , human : "Folk" }
              ],
    sportevent :  [ { sql: "football" , human : "Football" }, 
                    { sql: "basketball" , human : "Basketball" }, 
                    { sql: "cricket" , human : "Cricket" }, 
                    { sql: "tennis" , human : "Tennis" }, 
                    { sql: "americanfootball" , human : "American Football" }, 
                    { sql: "olympic" , human : "Olympic" }, 
                    { sql: "athletics" , human : "Athletics" }, 
                    { sql: "swimming" , human : "Swimming" }, 
                    { sql: "rugby" , human : "Rugby" },
                    { sql: "formula1" , human : "Formula 1" },
                    { sql: "golf" , human : "Golf" },
                    { sql: "motorgp" , human : "Motor GP" },
                    { sql: "baseball" , human : "Baseball" },
                    { sql: "icehockey" , human : "Icehockey" },
                    { sql: "boxing" , human : "Boxing" },
                    { sql: "wrestling" , human : "Wrestling" },
                    { sql: "gymnastics" , human : "Gymnastics" },
                    { sql: "wintersports" , human : "Winter Sports" },
                    { sql: "martialarts" , human : "Martial Arts" },
                    { sql: "extremesports" , human : "Extreme Sports" },
                    { sql: "cycling" , human : "Cycling" }
                  ],
    filmfestival : [  { sql: "international" , human : "International" }, 
                      { sql: "national" , human : "National" },
                      { sql: "animation" , human : "Animation" },
                      { sql: "shortfilm" , human : "Short films" },
                      { sql: "documentary" , human : "Documentary" },
                      { sql: "independent" , human : "Independent" }
                  ],
    gathering : [  { sql: "demonstration" , human : "Demonstration" }, 
                      { sql: "march" , human : "March" },
                      { sql: "protest" , human : "Protest" }
                  ]    
  }

  $('#EventType').on('change', function(event) {

    let selectedType = $('#EventType').val();
    if(selectedType != "private") {

      if($('#EventSubType:hidden')) {
        $('#EventType').addClass("width49");
        $('#EventSubType').addClass("width49");
        $('#EventSubType').show();
      }

      if($('#EventEmailArea:hidden'))
        $('#EventEmailArea').css("display","grid");

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

      if(selectedType != ""){
        var subCategory = EventSubCategories[selectedType];
        console.log(subCategory.length);
        for (var count = 0; count < subCategory.length; count ++) {
            $('#EventSubType').append($('<option>', {
              value: subCategory[count]["sql"],
              text: subCategory[count]["human"]
            }));
        $("#EventSubType").attr('selectedIndex', 0);
        }
      }
    } else {

      if($('#EventEmailArea:visible'))
        $('#EventEmailArea').css("display","none");

      $('#EventSubType').empty();
      if($('#EventSubType:visible')) {
        $('#EventType').removeClass("width49");
        $('#EventSubType').removeClass("width49");
        $('#EventSubType').hide();
      }

    }
  });

  $('#imageup').click(function () {

    if($('#EventLogo')[0].files[0] != undefined) {

      var ext = $('#EventLogo').val().split('.').pop().toLowerCase();
      if ($.inArray(ext, ['gif','png','jpg','jpeg']) != -1) {

        var fd = new FormData();
        var eid = $('#EventId').val();
        var ecode = $('#EventCode').val();
        var files = $('#EventLogo')[0].files[0];
        fd.append('eid',eid);
        fd.append('elogo',files);
        fd.append('ecode',ecode);
        $("#progressBar").width("0%");

        if (files != undefined && files.size < 5000000){

          $.ajax({
              xhr: function() {
                  var xhr = new window.XMLHttpRequest();
                  xhr.upload.addEventListener("progress", function(evt) {
                      if (evt.lengthComputable) {
                          var percentComplete = (evt.loaded / evt.total) * 100 + '%';
                          $("#progressBar").animate({
                              width: '' + percentComplete + ''
                          }, {
                              duration: 100,
                              easing: "linear"
                          });
                      }
                 }, false);
                 return xhr;
              },
              type: "post",
              data: fd,
              url: "https://teembus.com/php/uploa.php",
              contentType: false,
              processData: false,
              error: function (response, status, e) {
                  alert('Oops something went.');
              },
              complete: function(data){
                  if (data && data != "error")
                  {
                    $("#EventLogoImage .ImgPlace").css("background-image","url('/img/data/"+ecode+"')");
                    $("#EventLogoImage").show();
                    $("#EventLogoArea .form").hide();
                  }
                  else {  
                      alert("An error has occured. Sorry.");
                  }
              } 
          });

        } else {
          // File too big
          $('#EventLogoArea .feedback').addClass("missing");
          $('#EventLogoArea .feedback').html('Please choose a file which smaller than 5Mb');
          $('#EventLogoArea .feedback').show();
        }          

      } else {
        // Bad filetype
        $('#EventLogoArea .feedback').addClass("missing");
        $('#EventLogoArea .feedback').html('Please choose a JPG or PNG file');
        $('#EventLogoArea .feedback').show();
      }

    } else {
      // Empty file field
      $('#EventLogoArea .feedback').addClass("missing");
      $('#EventLogoArea .feedback').html('Please, choose a file.');
      $('#EventLogoArea .feedback').show();
    }
  });

  $('#imagedel').click(function () {

      jQuery.ajaxSetup({async:false});
      var ns_check = false;
      $.post( "/php/uploa.php", { delcode: $("#EventCode").val(), delid: $("#EventId").val() } )
        .done(function(check) {
          if(check=="done") {
              $("#EventLogoImage .ImgPlace").css("background-image","none");
              $("#EventLogoImage").hide();
              $("#EventLogoArea .form").show();
              $("#EventLogoArea #progressBar").css("width","0%");
              $("#EventLogoArea #EventLogo").val("");
          }
        });
      jQuery.ajaxSetup({async:true});
    
  });


  /// City search
  // Try later: https://nominatim.openstreetmap.org/search?format=geojson&limit=5&city=budapest
  // Second chance: https://tomik23.github.io/Leaflet.Autocomplete/

  var last_search;
  var typingTimer;
  var doneTypingInterval = 1000;
  var x_id = 0;

  $("#location").autocomplete({
    source: function(request, response) {
      clearTimeout(typingTimer);
      typingTimer = setTimeout(function() {
        $('#location+i').show();
        $.get("https://teembus.com/map/mapquery.php?key=QD8bRg2eFBywyF9B&q=" + request.term, function(data) {
          last_search = data.results;
          var suggestions = $.map(data.results, function(item) {
            return {
              label: item.display_name,
              value: item.display_name,
              osm_id: item.osm_id,
              country_code: item.country_code,
              county: item.county,
              city: item.city,
              name: item.name,
              lat: item.lat,
              lon: item.lon
            };
          });
          response(suggestions);
          $('#location+i').hide();
        });
      }, doneTypingInterval);
    },
    minLength: 3, // Minimum characters before triggering autocomplete
    select: function(event, ui) {
      var item = ui.item;
      if (x_id != 0)
        layerGroup.removeLayer(x_id);

      $('input[name="location"]').val(item.osm_id + "_" + item.country_code + "_" + item.county + "_" + item.city + "_" + item.name);
      $('input[name="gps"]').val(item.lat  + "_" + item.lon);

      $("#map_area").addClass("view");
      map.invalidateSize();
      var marker = L.marker([item.lat, item.lon], { draggable: 'true', icon: eventIcon }).addTo(layerGroup).bindPopup('Move this marker to the exact position').openPopup();

      marker.on('dragend', function(event) {
        var position = marker.getLatLng();
        $('input[name="gps"]').val(position.lat  + "_" + position.lng);
        map.panTo(new L.LatLng(position.lat, position.lng));
      });

      x_id = L.stamp(marker); // Retrieve the marker layer ID
      map.panTo(new L.LatLng(item.lat, item.lon));
    }
  });
  
  const map = L.map('map_area').setView([51.505, -0.09], 13);
  const tiles = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
      maxZoom: 19,
      attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
  }).addTo(map);

  var eventIcon = L.icon({
      iconUrl: '/img/icon_marker.svg',
      iconSize:     [42,42],
      iconAnchor:   [21, 42], 
      popupAnchor:  [0, -42]
  });

  var layerGroup = L.layerGroup().addTo(map);

});

//# sourceURL=create.js