$(document).ready(function() {
    'use strict';
    var search_field = $('.search-form__field'),
        search_results = $('.search-results'),
        toggle_search = $('.toggle-search-button'),
        close_search = $('.close-search-button'),
        search_result_template = "\
          <div class='search-results__item'>\
            <a class='search-results__item__title' href="proxy.php?url=https%3A%2F%2Fbarnuri.github.io%2F%7B%7Blink%7D%7D">{{title}}</a>\
            <span class='post__date'>{{pubDate}}</span>\
          </div>";

    toggle_search.click(function(event) {
      event.preventDefault();
      $('.search-form-container').addClass('is-active');

      setTimeout(function() {
        search_field.focus();
      }, 500);
    });

    $('.search-form-container').on('keyup', function(event) {
      if (event.keyCode == 27) {
        $('.search-form-container').removeClass('is-active');
      }
    });

    $('.close-search-button').click(function() {
      $('.search-form-container').removeClass('is-active');
    });

    search_field.ghostHunter({
      results: search_results,
      onKeyUp         : true,
      rss             : base_url + '/feed.xml',
      zeroResultsInfo : false,
      info_template   : "<h4 class='heading'>Number of posts found: {{amount}}</h4>",
      result_template : search_result_template,
      before: function() {
        search_results.fadeIn();
      }
    });

  });