var isCaptchaFilled = true;
var is2CaptchaFilled = true;
var captachSelector = '#captcha-error';
$(document).ready(initLandingPage);
function initLandingPage()
{

$('#first_name').removeAttr('aria-describedby');
$('#last_name').removeAttr('aria-describedby');
$('#email').removeAttr('aria-describedby');
$('#myModal').removeAttr('aria-labelledby');

	bindHandlerOnElements('#subscribeBtn', 'click', subscribeBtnClickHandler);
	bindHandlerOnElements('#dialogSubmitBtn', 'click', dialogSubmitBtnClickHandler);
	
	loadHighlyRecommendedOffers();
	$('#currentdate').html(moment().format('dddd, MMMM DD, YYYY'));	
 $('.st-label').attr('role', 'heading');	
 $('.st-btn').attr('tabindex', 0);	

 $('.star_yel').attr('role', 'presentation');

}

function readFullReviewBtnClickHandler(event)
{
	var curObj = $(event.currentTarget);
	var blog_friendly_uri =  $(curObj).attr('blog_friendly_uri');
	if(blog_friendly_uri != ''){
		window.location.href = 'article/'+blog_friendly_uri+".html";
	}
}
function loadHighlyRecommendedOffers()
{
	var dataToPost = {id : 17};
	getHighlyRecommendedOffers(dataToPost);	
}
function getHighlyRecommendedOffers(dataToPost){
	$.ajax({
		type : "POST",
		url : 'user/Dashboard/getHighlyRecommendedVSOffers',
		dataType: "json",
		data: dataToPost,
		success : function(response) {
			getHighlyRecommendedOffersResponse(response);
//			hideLoadingBar();
		},
		error : function(error) {
			console.log(error);
//			alert("Unable to complete request, please try again later.");
//			hideLoadingBar();
		},
		beforeSend: function(){
//			showLoadingBar(LOADING_BAR_MSG_LOADING_STEP_3_DATA);
		}
	});
}
function getHighlyRecommendedOffersResponse(response)
{
	if(response.redirect_url != undefined && response.status == 'error'){
		//window.location.href =  response.redirect_url
	}
	highlyRecommendedOfferHtml(response);
	console.log(response);
}
function highlyRecommendedOfferHtml(offers)
{
	var html = '';
	var offerCount = 0;
	for(var index in offers){
		if(offers[index].blog_title == ''){
			continue;
		}
		var rowHtml = '';
		if(offerCount == 0 || offerCount % 3 == 0){
			 rowHtml = '<div class="row">';
		}
		var imageName = "marres_tw02_tp.png";
		if(offerCount % 2 == 0 ){
			imageName = "marres_tw01_tp.png"
		}
		rowHtml += '<div class="col-md-4 col-sm-4">';
		rowHtml += '<div class="row">';
		rowHtml += '<div class="col-md-12"><img src="https://s3.amazonaws.com/leadgen-prod/1/images/'+imageName+'" alt="Building" title=""></div>';
		rowHtml += '</div>';
		
		rowHtml += '<div class="row">';
		rowHtml += '<div class="col-md-10 col-md-offset-1 hm01_bx01_lt_bx03_bx02_bx01">'
		rowHtml += '<div class="row">';
		rowHtml += '<div class="col-md-12 hm01_bx01_lt_bx03_bx02_bx01_bx01">'
		rowHtml += '<span class="alt01">Overall Rating:</span>';
		for(i = 1; i <= offers[index].blog_company_rating; i = i + 1){
			rowHtml +=  '<span  class="star_yel"></span>';	
		}
		var remaningRating = 5 - offers[index].blog_company_rating;
		for(i = 1; i <= remaningRating; i = i + 1){
			rowHtml +=  '<span  class="star_wht"></span>';	
		}
			
			rowHtml += '</div>';
		rowHtml += '</div>'
			rowHtml += '<div class="row">';
		rowHtml += '<div class="col-md-12 hm01_bx01_lt_bx03_bx02_bx01_bx02">'+offers[index].blog_company_title+'</div>';
		rowHtml += '</div>';
		rowHtml += '<div class="row">';
		rowHtml += '<div class="col-md-12 hm01_bx01_lt_bx03_bx02_bx01_bx01"><img src="'+offers[index].img_252_94+'" alt="" title=""></div>';
		rowHtml += '</div>';
		rowHtml += '<div class="row">';
		rowHtml += '<div class="col-md-12 hm01_bx01_lt_bx03_bx02_bx01_bx04">';
		rowHtml += '<div class="row">';
		rowHtml += '<div class="col-md-12 hm01_bx01_lt_bx03_bx02_bx01_bx04_bx01">'+offers[index].product_desc+'</div>';
		rowHtml += '</div>';
		rowHtml += '</div>';
		rowHtml += '</div>';
		rowHtml += '<div class="row">';
		rowHtml += '<div class="col-md-12 hm01_bx01_lt_bx03_bx02_bx01_bx05"><div class="row"><div class="col-md-12"><button blog_friendly_uri = "'+offers[index].blog_friendly_uri+'" class="hm01_bx01_lt_bx03_bx02_bx01_bx05_btn readFullReviewBtn">Read Full Review</button></div></div></div>';
		rowHtml += '</div>';
		rowHtml += '</div>';
		rowHtml += '</div>';
		rowHtml += '<div class="row">';
		rowHtml += '<div class="col-md-12" style="background:#fff;height:20px;"></div>'
		rowHtml += '</div>';
		rowHtml += '</div>';
	

		 
		   
		offerCount = offerCount + 1;  
		if(offerCount % 3 == 0){
		    rowHtml += '</div>'; //row close
		      
		}
		    html += rowHtml;
		    if(index == 2){
		    	//html += '<div class="row"><div class="col-md-12 hidden-xs hm01_bx01_lt_bx03_bx03 text-center"><img src="images/hm01_ban01.png" alt="" title=""></div></div>';
		    }
		    
	}
	if(offerCount % 3 != 0){
		html += '</div>'; //row close
	   // html += rowHtml;
	} 
	$('#highlyRecommendedOffersContainner').html(html);
	bindHandlerOnElements('.readFullReviewBtn', 'click', readFullReviewBtnClickHandler);
}
function dialogSubmitBtnClickHandler(event)
{
	event.preventDefault();
	captachSelector = '#captcha-error_2';
	result = $('#landingPageForm2').parsley().validate();
	if(result == false){
		return false;
	}

	if(isCaptchaEnabled() && !isCaptchaFilled){
		
		displayCaptchaError(captachSelector,"Please select Captcha.");
		return false;
	}
	
	var formData = new FormData();
	$('#landingPageForm2 :input').not(':submit').each(function(index, formElement){
		formData.append(formElement.name, formElement.value);
	});
	
	formData.append('id', getUrlParameter('id', ''));
	formData.append('v1', getUrlParameter('v1', ''));
	formData.append('v2', getUrlParameter('v2', ''));
	formData.append('v3', getUrlParameter('v3', ''));
	formData.append('v4', getUrlParameter('v4', ''));
	formData.append('v5', getUrlParameter('v5', ''));
	formData.append('lead_id', getUrlParameter('lead_id', ''));
	formData.append('third_party_lead_id', getDomElementValue('#leadid_token', ''));
	formData.append('trusted_form_url', getDomElementValue('input[type="hidden"][name="xxTrustedFormCertUrl"]:first', ''));
	formData.append('is_cpa', getDomElementValue('#is_cpa', 0));
	formData.append('is_cpc', getDomElementValue('#is_cpc', 0));
	formData.append('is_organic', getDomElementValue('#is_organic', 0));
	formData.append('cpc_trns_id', getDomElementValue('#cpc_trns_id', 0));
	formData.append('cs_click_id', getDomElementValue('#cs_click_id', 0));
	formData.append('cr_trns_id', getDomElementValue('#cr_trns_id', 0));
        
	sendAjaxRequestToSubmitFormData(formData);

	return false;
}
function subscribeBtnClickHandler(event)
{
	captachSelector = '#captcha-error';
	result = $('#landingPageForm').parsley().validate();
	if(result == false){
		return false;
	}

	if(isCaptchaEnabled() && !isCaptchaFilled){
		
		displayCaptchaError(captachSelector,"Please select Captcha.");
		return false;
	}
	
	var formData = new FormData();
	$('#landingPageForm :input').not(':submit').each(function(index, formElement){
		formData.append(formElement.name, formElement.value);
	});
	
	formData.append('id', getUrlParameter('id', ''));
	formData.append('v1', getUrlParameter('v1', ''));
	formData.append('v2', getUrlParameter('v2', ''));
	formData.append('v3', getUrlParameter('v3', ''));
	formData.append('v4', getUrlParameter('v4', ''));
	formData.append('v5', getUrlParameter('v5', ''));
	formData.append('lead_id', getUrlParameter('lead_id', ''));
	formData.append('third_party_lead_id', getDomElementValue('#leadid_token', ''));
	formData.append('trusted_form_url', getDomElementValue('input[type="hidden"][name="xxTrustedFormCertUrl"]:first', ''));
	formData.append('is_cpa', getDomElementValue('#is_cpa', 0));
	formData.append('is_cpc', getDomElementValue('#is_cpc', 0));
	formData.append('is_organic', getDomElementValue('#is_organic', 0));
	formData.append('cpc_trns_id', getDomElementValue('#cpc_trns_id', 0));
	formData.append('cs_click_id', getDomElementValue('#cs_click_id', 0));
	formData.append('cr_trns_id', getDomElementValue('#cr_trns_id', 0));
        
	sendAjaxRequestToSubmitFormData(formData);
	event.preventDefault();
	console.log('formSubmitHandler');
	return false;
}

function sendAjaxRequestToSubmitFormData(dataToPost){
	$.ajax({
		type : "POST",
		url : 'user/Landing_Page/submitLandingPageFormData',
		dataType: "json",
		data: dataToPost,
		processData: false,
		contentType : false,
		cache: false,
		success : function(response) {
			submitLandingPageFormDataResultHanlder(response);
//			hideLoadingBar();
		},
		error : function(error) {
			console.log(error);
//			alert("Unable to complete request, please try again later.");
//			hideLoadingBar();
		},
		beforeSend: function(){
//			showLoadingBar(LOADING_BAR_MSG_LOADING_STEP_3_DATA);
		}
	});
}
function submitLandingPageFormDataResultHanlder(response){
	if(response.status == 'success'){
		window.location.href = response.urlToRedirect; 	
		return;
	}
	else if(response.hasOwnProperty('error_code') && response.error_code == 'captcha_failed'){
		console.log('captcha failed...');
		displayCaptchaError(captachSelector,"Captcha failed. Please try again.");
		grecaptcha.reset();
	}
	else if(response.hasOwnProperty('error_msg')){
		$('#errorMsg').html(response.error_msg);
		$('#errorContainer').show();
		return;
	}
	else if(response.hasOwnProperty('urlToRedirect')){
		window.location.href = response.urlToRedirect;
	}
}



function verifyEmailResultHandler(response){
	if(response.status == 'valid'){
		isEmailVerified = true;
	}
	if(!isCaptchaFilled){
		//$('button[type="submit"]').attr('disabled', 'disabled');
		displayCaptchaError(captachSelector,"Please select Captcha.");
	}else{
		$('#captcha-error,#captcha-error_2').hide();
	}
}

function captchaOnLoadHandler(event){
	console.log('captchaOnLoadHandler');
	isCaptchaFilled = false;
	is2CaptchaFilled = false
	grecaptcha.render('g-recaptcha', {'sitekey' : $('#captcha_site_key').val(), 'callback': 'captchaCheckboxClickHandler'});
	grecaptcha.render('g-recaptcha2', {'sitekey' : $('#captcha_site_key').val(), 'callback': 'captchaCheckbox2ClickHandler'});
//    grecaptcha.render('RecaptchaField2', {'sitekey' : '6Lc_your_site_key'});
//	initCaptchaIfReqd();
}

function captchaCheckboxClickHandler(event){
	isCaptchaFilled = true;	
	$('#captcha-error,#captcha-error_2').hide();
	$('button[type="submit"]').removeAttr('disabled');
	
}
function captchaCheckbox2ClickHandler()
{
	isCaptchaFilled = true;
	$('#captcha-error,#captcha-error_2').hide();
	$('button[type="submit"]').removeAttr('disabled');
}

function isCaptchaEnabled(){
	return $('#is_captcha_disabled').val() == 0;
}

function displayCaptchaError(selector,error){
	$(selector).html('<li class="parsley-required">' + error + '</li>');
	$(selector).show();
}