var client = algoliasearch(algoliaApplicationID, algoliaApiKey);
const formatter_date_filter = new Intl.DateTimeFormat(lang, { day: '2-digit', month: 'long', year: 'numeric' });
const formatter_date_hit = new Intl.DateTimeFormat(lang, { weekday: 'long', day: '2-digit', month: 'long', year: 'numeric' });

const allowed_exhibitor_attributes = ['brand', 'exhibitor', 'sector', 'sectorClass', 'top_position', 'focus', 'is_new', 'hall', 'stands', 'image'];
const allowed_participant_attributes = ['objectID', 'brand', 'image', 'quartier_fr', 'quartier_en'];
const allowed_conference_attributes = ['title_fr','title_en','page_url_fr', 'conference_space','page_url_en', 'speaker_image_url','speakers', 'hall', 'partners', 'date', 'start_time', 'end_time'];
      

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}

function shuffle(arra1) {
    var ctr = arra1.length, temp, index;
// While there are elements in the array
    while (ctr > 0) {
// Pick a random index
        index = Math.floor(Math.random() * ctr);
// Decrease ctr by 1
        ctr--;
// And swap the last element with it
        temp = arra1[ctr];
        arra1[ctr] = arra1[index];
        arra1[index] = temp;
    }
    return arra1;
}


 function searchBoxFunc(container) {
     return instantsearch.widgets.searchBox({
         container: container
     });
 }

function initSlider(container, content, template, favoriName) {
  if (content != null && content.nbHits > 0) {
    
      $(container).append(template);

      $.each(shuffle(content.hits).slice(0, 50), function(key, hit) {
        hit.sectorClass = (hit.sector != null) ? hit.sector.toLowerCase().replace(/ & | /gi, '-') : '';
        hit.brand.ficheUrl = listeExposantUrl + '/' + hit.brand.slug;
        attributes = JSON.stringify(objectFiltered(hit, allowed_exhibitor_attributes)).replace(/"/g, "&quot;").replace(/'/g, "&apos;");
         $(container+' #resultatsFiltres').append('<div class="encart">' +
            '<div class="zoneImg '+hit.sectorClass+'">' +
                '<div class="typeProd '+hit.sectorClass+'">'+hit.sector+(hit.is_new ? '<span class="new">New</span>' : '')+'</div>' +
                (hit.top_position ? '<div class="topPosition">Top position</div>' : '')+
                (hit.focus ? '<div class="topPosition focus">Focus Produit</div>' : '')+
                "<div class='favori' >" +
                    '<div class="input-container">' +
                        '<input type="checkbox" name="favori'+favoriName+hit.brand.id+'" id="favori'+favoriName+hit.brand.id+'" class="favorite trk-add-to-favorites" data-content-type="Exposant" data-type="Exposant" data-content-url="'+hit.brand.ficheUrl+'" data-id="'+hit.brand.slug+'" data-attributes="'+attributes+'" />' +
                        '<label for="favori'+favoriName+hit.brand.id+'"><span></span></label>' +
                    '</div>' +
                '</div>' +
                (hit.image != null ? '<a href="'+hit.brand.ficheUrl+'"><img src="'+cdnUrl+'/500x350'+hit.image+'"></a>' : '') + 
            '</div>' +
            '<div class="descBloc">' +
                '<h3><a href="'+hit.brand.ficheUrl+'">' + hit.brand.name + '</a></h3>' +
                '<p class="pays">' + hit.exhibitor['country_'+lang]+'</p>' +
                '<p class="stand">' + (hit.hall ? 'Hall ' + hit.hall : '') + (hit.stands ? ' - Stand ' + hit.stands : '')+'</p>' +
            '</div>' +
            '<div class="bandeauFavoris bandeaufavori'+favoriName+hit.brand.id+'">' +
              '<a href="#">'+translate('Ajouter aux favoris')+'</a>' +
              '<a href="'+favoriteListUrl+'"><span class="fleche">'+translate('Voir les favoris')+'</span></a>' +
          '</div>' +
        '</div>');
      });
      $('.bandeauFavoris').fadeOut(0);
      if(window.innerWidth>993){

          if(window.innerWidth>1439){
           
              $(container+' .variable-width-3').slick({
                  dots: false,
                  infinite: false,
                  speed: 300,
                  slidesToShow: 2,
                  centerMode: false,
                  variableWidth: true
                });
            }else{

               $(container+' .variable-width-3').slick({
                  dots: false,
                  infinite: false,
                  speed: 300,
                  slidesToShow: 2,
                  centerMode: false,
                  variableWidth: true
                }); 
            }
          }else{
            $(container+' .variable-width-3').slick({
                dots: false,
                infinite: false,
                speed: 300,
                slidesToShow: 1,
                centerMode: false,
                variableWidth: true
              });
          }


  }
}

function initSliderPwd(container, content, template, favoriName) {
  if (content != null && content.nbHits > 0) {
    
      $(container).append(template);

      $.each(shuffle(content.hits).slice(0, 50), function(key, hit) {
        hit.brand.ficheUrl = listeExposantPdwUrl + '/' + hit.brand.slug;
        attributes = JSON.stringify(objectFiltered(hit, allowed_participant_attributes)).replace(/"/g, "&quot;").replace(/'/g, "&apos;");
         $(container+' #resultatsFiltres').append('<div class="encart">' +
            '<div class="zoneImg">' +
                (hit.featured ? '<div class="featured">Featured</div>' : '')+
                "<div class='favori' >" +
                    '<div class="input-container">' +
                        '<input type="checkbox" name="favori'+favoriName+hit.brand.id+'" id="favori'+favoriName+hit.brand.id+'" class="favorite trk-add-to-favorites" data-content-type="Exposant" data-type="Participant" data-content-url="'+hit.brand.ficheUrl+'" data-id="'+hit.brand.slug+'" data-attributes="'+attributes+'" />'+
                        '<label for="favori'+favoriName+hit.brand.id+'"><span></span></label>' +
                    '</div>' +
                '</div>' +
                (hit.image != null ? '<a href="'+hit.brand.ficheUrl+'"><img src="'+cdnUrl+'/430x300'+hit.image.path_fr+'"></a>' : '') + 
            '</div>' +
            '<div class="descBloc">' +
                '<h3><a href="'+hit.brand.ficheUrl+'">' + hit.brand.name + '</a></h3>' +
                '<p class="quartiers">' + hit['quartier_'+lang]+'</p>' +
            '</div>' +
            '<div class="bandeauFavoris bandeaufavori'+favoriName+hit.brand.id+'">' +
              '<a href="#">'+translate('Ajouter aux favoris')+'</a>' +
              '<a href="'+favoriteListUrl+'"><span class="fleche">'+translate('Voir les favoris')+'</span></a>' +
          '</div>' +
        '</div>');
      });
      $('.bandeauFavoris').fadeOut(0);  
      if(window.innerWidth>993){

          if(window.innerWidth>1439){
           
              $(container+' .variable-width-3').slick({
                  dots: false,
                  infinite: false,
                  speed: 300,
                  slidesToShow: 2,
                  centerMode: false,
                  variableWidth: true
                });
            }else{

               $(container+' .variable-width-3').slick({
                  dots: false,
                  infinite: false,
                  speed: 300,
                  slidesToShow: 2,
                  centerMode: false,
                  variableWidth: true
                }); 
            }
          }else{
            $(container+' .variable-width-3').slick({
                dots: false,
                infinite: false,
                speed: 300,
                slidesToShow: 1,
                centerMode: false,
                variableWidth: true
              });
          }


  }
}

//pagination
const renderPagination = function(renderOptions, isFirstRender) {
  const pages = renderOptions.pages;
  const currentRefinement = renderOptions.currentRefinement;
  const nbHits = renderOptions.nbHits;
  const nbPages = renderOptions.nbPages;
  const isFirstPage = renderOptions.isFirstPage;
  const isLastPage = renderOptions.isLastPage;
  const refine = renderOptions.refine;
  const createURL = renderOptions.createURL;
  const container = document.querySelector('#pagination');
  if (nbHits === 0) {
    container.innerHTML = ''
  } else {
    container.innerHTML = '<ul>' +
       (isFirstPage ? '<li class="ais-Pagination-item ais-Pagination-item--previousPage ais-Pagination-item--disabled">' +
              '<span>'+ translate('Page précédente')+'</span>' +
          '</li>'
            : '') +
       (!isFirstPage ? '<li class="ais-Pagination-item ais-Pagination-item--previousPage">' +
            '<a href="'+createURL(currentRefinement - 1)+'" data-value="'+(currentRefinement - 1)+'" class="ais-Pagination-link">' +
              '<span>'+ translate('Page précédente')+'</span>' +
            '</a>' +
          '</li>'
            : '') +
      (currentRefinement >=  4 && nbPages > 5 ? 
        '<li class="ais-Pagination-item ais-Pagination-item--page"><a href="'+createURL(0)+'" data-value="0">1</a></li>' +
        '<li class="ais-Pagination-item ais-Pagination-item--page">...</li>' : '') +
  (currentRefinement != 3 ?
      (pages
        .map(
          function(page) {
            return '<li class="ais-Pagination-item ais-Pagination-item--page '+(currentRefinement === page ? 'ais-Pagination-item--selected' : '' )+' ">' +
              '<a href="'+createURL(page)+'" data-value="'+page+'" class="ais-Pagination-link" >' +
                (page + 1) + 
              '</a>' +
            '</li>'
        })
      .join(''))

    : 
    
    (pages
        .map(
          function(page) {
            return '<li class="ais-Pagination-item ais-Pagination-item--page '+(currentRefinement ===  (page-1) ? 'ais-Pagination-item--selected' : '' )+' ">' +
              '<a href="'+createURL(page)+'" data-value="'+(page-1)+'" class="ais-Pagination-link" >' +
                (page) + 
              '</a>' +
            '</li>'
        })
      .join('')))
    +
      (currentRefinement < (nbPages - 1)  ? 
        '<li class="ais-Pagination-item ais-Pagination-item--page">...</li>' +
        '<li class="ais-Pagination-item ais-Pagination-item--page"><a href="'+createURL(nbPages - 1)+'" data-value="'+(nbPages - 1)+'"> / '+nbPages+'</a></li>' : '') +
        (!isLastPage
          ? 
            '<li class="ais-Pagination-item ais-Pagination-item--nextPage">' +
            '<a href="'+createURL(currentRefinement + 1)+'" data-value="'+(currentRefinement + 1)+'">' +
            '<span>'+translate('Page suivante')+'</span>' +
            '</a>' +
            '</li>'
          : '') +
          (isLastPage
          ? 
            '<li class="ais-Pagination-item ais-Pagination-item--nextPage ais-Pagination-item--disabled">' +
            '<span>'+translate('Page suivante')+'</span>' +
            '</li>'
          : '') +
    '</ul>';  
  }
  $('#pagination a').each(function() {
    $(this).on('click', function(event) {
      event.preventDefault();
      refine(event.currentTarget.dataset.value);
    }); 
  });
};

$(document).ready(function() {
    $(document).favorites();
    $('.bandeauFavoris').fadeOut();
    if ($('#searchboxMobNav').length > 0 && $('#autocompleteMobNav').length > 0) {
      const search_engine_nav = instantsearch({
        indexName: 'InsertionProduct',
        searchClient: client
      });
      const configuration_engine_nav = instantsearch.widgets.configure({ hitsPerPage: 10, distinct: true});

      const renderAutocompleteHeader = function(renderOptions, isFirstRender) {
          const indices  = renderOptions.indices;
          var exhibitors = [];
          var products = [];
          for (var item in indices) {
              exhibitors = $.grep(indices[item].hits, function (i,n){
                  return i._tags.indexOf('insertion') > -1;
              });
              products = $.grep(indices[item].hits, function (i,n){
                  return i._tags.indexOf('product') > -1;
              });
          }
          var container_id = renderOptions.widgetParams.container.id;
          document.querySelector('#'+container_id).innerHTML = '<ul class="navSearch first">' +
                  '<li>' +
                      '<h4>Exposants</h4>' +
                  '</li>' +
                  (exhibitors.length > 0 ? exhibitors.map(
                function(hit) {
                  url = listeExposantUrl + '/' + hit.brand.slug;
                  return  '<li class="fleche"><a href="'+url+'" class="normal">'+instantsearch.highlight({ attribute: 'exhibitor.name', hit: hit })+'</a></li>';
              })
              .join('') : '<li>"'+renderOptions.currentRefinement+'" n\'a aucun résultat</li>') +
              '</ul>' +
               '<ul class="navSearch borderNone">' +
                  '<li>' +
                      '<h4>Produits</h4>' +
                  '</li>' +
                (products.length > 0 ? products.map(
                function(hit) {
                  url = listeExposantUrl + '/' + hit.brand.slug;
                  return '<li class="fleche"><a href="'+url+'" class="normal">'+instantsearch.highlight({ attribute: 'name_'+lang, hit: hit })+'</a></li>' ;
              })
              .join('') : '<li>"'+renderOptions.currentRefinement+'" n\'a aucun résultat</li>') +
              '</ul>';
      }

      const searchBoxMobNav = searchBoxFunc('#searchboxMobNav');
      const customAutocompleteNav = instantsearch.connectors.connectAutocomplete(renderAutocompleteHeader);
      search_engine_nav.addWidgets([
        configuration_engine_nav, 
        customAutocompleteNav({
          container: document.querySelector('#autocompleteMobNav'),
        }),
       searchBoxMobNav
      ]);

      search_engine_nav.start();

      $("header .search-button").click(function() {
        $('header input.search-box').val($(this).parent().find('input.search-box').val());
        search_engine_nav.helper.setQuery($(this).parent().find('input.search-box').val()).search();
      }); 

      $("header #searchResult .search-input").keyup(function() {
        $('header input.search-box').val($(this).val());
        search_engine_nav.helper.setQuery($(this).val()).search();
      });

      var insertionProductIndex = client.initIndex('InsertionProduct');

      insertionProductIndex.search({
        facets: ['h_categories.'+lang+'.0', 'sector', 'label_'+lang]
      }).then(function(res) {
          $.each(res.facets, function(facet, datas) {
              switch (facet) {
                case 'h_categories.'+lang+'.0':
                  $('#categoriesMob').empty();
                  $('#categories').empty();
                  $.each(datas, function(data, count) {
                      $('#categoriesMob').append('<li class="fleche"><a href="' + listeExposantUrl + '?hierarchicalMenu[h_categories.'+lang+'.0][0]='+encodeURIComponent(data)+'">'+data+'</a></li>');
                      $('#categories').append('<li><a href="' + listeExposantUrl + '?hierarchicalMenu[h_categories.'+lang+'.0][0]='+encodeURIComponent(data)+'">'+data+'</a></li>');
                  });
                  break;
                case 'sector':
                  $('#sectorsMob').empty();
                  $('#sectors').empty();
                  $.each(datas, function(data, count) {
                      $('#sectorsMob').append('<li class="fleche"><a href="' + listeExposantUrl + '?refinementList[sector][0]='+encodeURIComponent(data)+'">'+data+'</a></li>');
                      $('#sectors').append('<li><a href="' + listeExposantUrl + '?refinementList[sector][0]='+encodeURIComponent(data)+'">'+data+'</a></li>');
                  });
                  break;
                case 'label_'+lang:
                  $('#labelsMob').empty();
                  $('#labels').empty();
                  $.each(datas, function(data, count) {
                      $('#labelsMob').append('<li class="fleche"><a href="' + listeExposantUrl + '?refinementList[label_'+lang+'][0]='+encodeURIComponent(data)+'">'+data+'</a></li>');
                      $('#labels').append('<li><a href="' + listeExposantUrl + '?refinementList[label_'+lang+'][0]='+encodeURIComponent(data)+'">'+data+'</a></li>');
                  });
                  break;
                default:
                  
              }
          });
      });
    }

    $(document).on('change', ".favori input, .favori2 input", function() {
      if ($(this).prop("checked") == true){
          id= $(this).attr('id');
          $('.bandeau'+id).fadeIn();
      } else{
         $('.bandeauFavoris').fadeOut(0); 
      }
   });

    $(document).on('mouseleave', '.encart', function() {
        $(this).find('.bandeauFavoris').fadeOut(0);
    });

    $(document).on('mouseleave', '.bandeauGen', function() {
        $(this).fadeOut(0);
    });
   
});


function clearRefinement(container) {
  return instantsearch.widgets.clearRefinements({
    container: container,
    templates: {
      resetLabel: translate('Effacer tous les filtres'),
    }
  });
}

function objectFiltered(raw, allowed) {
  return Object.keys(raw)
    .filter(function(key) { return (allowed.indexOf(key) != -1); } )
    .reduce(function (obj, key) {
      obj[key] = raw[key];
      return obj;
    }, {});
}