summaryInclude = 100;
var fuseOptions = {
  isCaseSensitive: false,
  includeScore: false,
  shouldSort: true,
  includeMatches: true,
  findAllMatches: false,
  minMatchCharLength: 3,
  location: 0,
  threshold: 0.5,
  distance: 50,
  useExtendedSearch: false,
  ignoreLocation: false,
  ignoreFieldNorm: false,
  keys: [{
      name: "title",
      weight: 0.8
    },
    {
      name: "tags",
      weight: 0.5
    },
    {
      name: "categories",
      weight: 0.5
    },
    {
      name: "contents",
      weight: 0.3
    }
  ]
};

var searchQuery = param("s");
if (searchQuery) {
  document.querySelector("#search-query").value = searchQuery
  executeSearch(searchQuery);
}

function executeSearch(searchQuery) {
  fetch(indexURL)
    .then(res => res.json())
    .then(data => {
      var pages = data;
      var fuse = new Fuse(pages, fuseOptions);
      var result = fuse.search(searchQuery);
      if (result.length > 0) {
        populateResults(result);
      } else {
        document.querySelector('#search-results').innerHTML = '<div class=\"text-center\"><img class=\"img-fluid mb-5\" src=\"https://user-images.githubusercontent.com/37659754/64060567-7cece400-cbf0-11e9-9cf9-abac3543ec1f.png" width=\"300\"><h3>No Search Found</h3></div>'
      }
    });
}

function populateResults(result) {
  result.forEach((value, key) => {
    var contents = value.item.contents;
    var snippet = "";
    var snippetHighlights = [];
    const matchValue = value.matches

    matchValue.forEach((mvalue, matchKey) => {
      if (mvalue.key === "tags" || mvalue.key === "categories") {
        snippetHighlights.push(mvalue.value);
      } else if (mvalue.key == "contents") {
        start = mvalue.indices[0][0] - summaryInclude > 0 ? mvalue.indices[0][0] - summaryInclude : 0;
        end = mvalue.indices[0][1] + summaryInclude < contents.length ? mvalue.indices[0][1] + summaryInclude : contents.length;
        snippet += contents.substring(start, end);
        snippetHighlights.push(mvalue.value.substring(mvalue.indices[0][0], mvalue.indices[0][1] - mvalue.indices[0][0] + 1));
      }
    });

    if (snippet.length < 1) {
      snippet += contents.substring(0, summaryInclude * 2);
    }
    //pull template from hugo templarte definition
    var templateDefinition = document.querySelector('#search-result-template').innerHTML;
    //replace values
    var output = render(templateDefinition, {
      key: key,
      title: value.item.title,
      image: value.item.image,
      date: value.item.date,
      link: value.item.permalink,
      tags: value.item.tags,
      categories: value.item.categories,
      snippet: snippet
    });
    // $('#search-results').append(output);
    const searchResults = document.querySelector('#search-results');
    searchResults.insertAdjacentHTML('beforeend', output);
  });
}

function param(name) {
  return decodeURIComponent((location.search.split(name + '=')[1] || '').split('&')[0]).replace(/\+/g, ' ');
}

function render(templateString, data) {
  var conditionalMatches, conditionalPattern, copy;
  conditionalPattern = /\$\{\s*isset ([a-zA-Z]*) \s*\}(.*)\$\{\s*end\s*}/g;
  //since loop below depends on re.lastInxdex, we use a copy to capture any manipulations whilst inside the loop
  copy = templateString;
  while ((conditionalMatches = conditionalPattern.exec(templateString)) !== null) {
    if (data[conditionalMatches[1]]) {
      //valid key, remove conditionals, leave contents.
      copy = copy.replace(conditionalMatches[0], conditionalMatches[2]);
    } else {
      //not valid, remove entire section
      copy = copy.replace(conditionalMatches[0], '');
    }
  }
  templateString = copy;
  //now any conditionals removed we can do simple substitution
  var key, find, re;
  for (key in data) {
    find = '\\$\\{\\s*' + key + '\\s*\\}';
    re = new RegExp(find, 'g');
    templateString = templateString.replace(re, data[key]);
  }
  return templateString;
}


// //  Search Form Open
// document.querySelector('#searchOpen').addEventListener('click', function () {
//   document.querySelector('.search-wrapper').classList.add('open')
//   setTimeout(function () {
//     document.querySelector('.search-box').focus();
//   }, 400);
// });

// //  Search Form close
// document.querySelector('#searchClose').addEventListener('click', function () {
//   document.querySelector('.search-wrapper').classList.remove('open');
// });