$(document).ready(function(){
    /*Pancake menu JS*/
	$('.menu-tag').on('click', function(){
		$(this).find('.menu-pancake').toggleClass('cross');
		$(".pancake-menu").slideToggle();
	});
	/*Pancake menu JS*/
	/*Search Bar JS*/
	$('#msearchBtn').on('click', function(e){
		
		if($(this).next().hasClass('show')){
			$(this).next().removeClass('show').slideUp();
		}else{
			$(this).next().addClass('show').slideDown();
		}
		e.stopPropagation();
	});
	$('#searchBtn').on('click', function(e){
		
		if($(this).next().hasClass('show')){
			$(this).next().removeClass('show').slideUp();
		}else{
			$(this).next().addClass('show').slideDown();
		}
		e.stopPropagation();
	});
	$(document).click(function(e) {
	    if (!$(e.target).is('.search-input-div, .search-input-div *')) {
	        $(".search-input-div").hide().removeClass('show');
	    }
	});
	/*Search Bar JS*/

	/*Slick Code for top stories*/
	$('.top-story-slider').slick({
		infinite: false,
		slidesToShow: 4,
		slidesToScroll: 1,
	});

	$('.match-slider').slick({
		dots:true,
		infinite: true,
		slidesToShow: 1,
		slidesToScroll: 1,
		prevArrow: '<button type="button" class="slick-prev"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="#fff"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>  पिछले मैच</button>',
		nextArrow: '<button type="button" class="slick-next">अगला मैच  <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="#fff"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg></button>'
	});

	$('.team-schedule-list').slick({
		infinite: false,
		slidesToShow: 3,
		slidesToScroll: 1,
	});

	$(window).on('scroll', function(){
		if($(window).width() > 767){
			if ($(window).scrollTop() >= 1) {
				$('.menu-wrapper').addClass('fixed-header');
			}else {
				$('.menu-wrapper').removeClass('fixed-header');
			}
		}
	});
});