(function($) {
  "use strict";

  /* --------------------------------------------------
  * side panel
  * --------------------------------------------------*/
	var element = $('#panel-btn'),
    sidebar = $('#side-panel');

    function panel_handler() {
        var isActive = !element.hasClass('active');

        element.toggleClass('active', isActive);
        sidebar.toggleClass('side-panel-open', isActive);
        $('body').toggleClass('side-panel-active', isActive);
        return false;
    }

    $('#panel-btn, .side-panel-close, .panel-overlay').on('click', panel_handler);

  /* --------------------------------------------------
  * toggle search
  * --------------------------------------------------*/
  var tgSearch  = function($scope, $){
    $scope.find('.octf-search').each( function(){
      var selector = $(this);
      selector.find('.toggle_search').on("click", function(){
        $(this).toggleClass( "active" );
        selector.find('.h-search-form-field').toggleClass('show');
        if ($(this).find('i').hasClass( "ot-flaticon-search" )) {
          $(this).find('i').removeClass( "ot-flaticon-search" ).addClass("ot-flaticon-close-1");
        }else{
          $(this).find('i').removeClass( "ot-flaticon-close-1" ).addClass("ot-flaticon-search");
        }
      });
    });
  };

})(jQuery);