var mdpJsonData="null";
var mdpJsonList="[]";
var formattedDateList="null";

var totalLocDoc="0";
var totalDocLoc="0";

var locHidden="";
var docHidden="";
var appHidden="";


try
{
	mdpJsonObj=jQuery.parseJSON(mdpJsonData);
	mdpJsonObj2=jQuery.parseJSON(mdpJsonList);
	formattedDates=jQuery.parseJSON(formattedDateList);
}
catch (e)
{
	mdpJsonObj="{}";
	mdpJsonObj2="{}";
	formattedDates="{}";
}



function updateMdpData(from)
{
	hidden1=(locHidden=="mdp_hidden")?true:false;
	hidden2=(appHidden=="mdp_hidden")?true:false;
	hidden3=(docHidden=="mdp_hidden")?true:false;

	value1=0;
	value2=0;
	value3=0;
	value1ok=true;
	value2ok=true;
	value3ok=true;



	appointment_location="";
	appointment_type="";
	appointment_doctor="";

	if (!hidden1)
	{
		value1=jQuery("#mdp_location_list").val();
		if (value1)
			appointment_location=jQuery("#mdp_location_list :selected").text();

		value1ok=(value1>0)?true:false;
	}
	if (!hidden2)
	{
		value2=jQuery("#mdp_apptype_list").val();

		if (value2)
			appointment_type=jQuery("#mdp_apptype_list :selected").text();

		value2ok=(value2>0)?true:false;
	}
	if (!hidden3)
	{
		value3=jQuery("#mdp_doctor_list").val();
		if (value3)
			appointment_doctor=jQuery("#mdp_doctor_list :selected").text();

		value3ok=(value3>0)?true:false;
	}


	if (value1ok && value2ok && value3ok && from<4)
	{
		
		ixa=value1+"_"+value2+"_"+value3;		

		if (!mdpJsonObj)
		{
			return false;
		}
		dateList=mdpJsonObj[ixa];

		if (dateList!="undefined" && dateList)
		{
			jQuery("#mdp_date_list").attr("disabled",false);
			dateList="<option value=''>Select Date"+dateList;
			jQuery("#mdp_date_list").html(dateList);
			jQuery('#s2id_mdp_date_list span.select2-chosen').html('Select Date');
			jQuery('#s2id_mdp_time_list span.select2-chosen').html('Select Time');
			jQuery("#mdp_date_list").parent().show();

		}
		else
		{
			jQuery('#s2id_mdp_date_list span.select2-chosen').html('Select Date');
			jQuery('#s2id_mdp_time_list span.select2-chosen').html('Select Time');
			jQuery("#mdp_date_list").attr("disabled",true);
			jQuery("#mdp_date_list").html("<option value=''>No available date");
			jQuery("#mdp_date_list").parent().show();
			

		}
		

		jQuery("#mdp_time_list").html("");
		//jQuery("#mdp_time_list").parent().hide();
		jQuery("#mdp_time_list").attr("disabled",true);

	}
	else if (from<4)
	{

		jQuery("#mdp_date_list").html("");
		//jQuery("#mdp_date_list").parent().hide();
		jQuery("#mdp_date_list").attr("disabled",true);
		jQuery("#mdp_time_list").html("");
		//jQuery("#mdp_time_list").parent().hide();
		jQuery("#mdp_time_list").attr("disabled",true);
		jQuery('#s2id_mdp_date_list span.select2-chosen').html('Select Date');
		jQuery('#s2id_mdp_time_list span.select2-chosen').html('Select Time');

	}



	if (value1ok && value2ok && value3ok && from==4)
	{

		ixa=value1+"_"+value2+"_"+value3;

		dateSlc=jQuery("#mdp_date_list").val()+"_"+ixa;

		 if (!mdpJsonObj2)
		 {
			 return false;
		 }
		objSelected=mdpJsonObj2[dateSlc];

		dateTimeList="";
		

		
		for (i in objSelected)
		{
			rowObj=objSelected[i];
		
			keyName="";
			valName="";

			for (j in rowObj)
			{
				rowObj2=rowObj[j];
				if (j=="datefull")
				{
					keyName=rowObj2;
				}

				if (j=="datef")
				{
					formattedDate=rowObj2;
				}

				if (j=="timef")
				{
					valName=rowObj2;
				}

				if (keyName!="" && valName!="")
				{
					dateTimeList+="<option value='"+keyName+"'>"+valName;
					keyName="";
					valName="";

				}
				
	
			}
			
		}

		if (dateTimeList)
		{
			//alert(dateTimeList);
			dateTimeList="<option value=''>Select Time"+dateTimeList;
			jQuery("#mdp_time_list").html(dateTimeList);
			jQuery('#s2id_mdp_time_list span.select2-chosen').html('Select Time');
			jQuery("#mdp_time_list").parent().show();
			jQuery("#mdp_time_list").attr("disabled",false);

		}
		else
		{

			jQuery("#mdp_time_list").html("");
			jQuery('#s2id_mdp_time_list span.select2-chosen').html('Select Time');
			jQuery("#mdp_time_list").attr("disabled",true);
			//jQuery("#mdp_time_list").parent().hide();
		}



		
	}
	
	jQuery("#consultation_date").val("");

	if (from==5)
	{

		slcDate=jQuery("#mdp_time_list").val();
		if (!slcDate || slcDate=="null" || slcDate==null)
		{
			alert("Please select your appointment time!");
			jQuery("#consultation_date").val("");
			return false;
		}
		else
		{
			jQuery("#consultation_date").val(slcDate);

			slcFulldate=formattedDates[slcDate];

						appFullInfo="";
			if (value1>0)
			{
				if (totalLocDoc>0)
					appFullInfo+="Appointment Doctor : "+appointment_location+"..........";
				else
					appFullInfo+="Appointment Location : "+appointment_location+"..........";
			}
			if (value2>0)
				appFullInfo+="Appointment Type : "+appointment_type+"..........";
			if (value3>0)
			{
				if (totalDocLoc>0)
					appFullInfo+="Appointment Location : "+appointment_doctor+"..........";
				else
					appFullInfo+="Appointment Doctor : "+appointment_doctor+"..........";
			}

			appFullInfo+="Appointment Date : "+slcFulldate+"..........";
			appFullInfo+="Other Data : "+slcDate+"|"+value1+"|"+value2+"|"+value3;

		
			
			jQuery('input[value=appointment_info],#id123-control55492975').val(appFullInfo);

		}
		
	}

	

}

function loadMdpSelectors()
{

	jQuery('#s2id_mdp_time_list span.select2-chosen').html('Select Time');
	$('.select2-container').remove();
$(".mdp_consult_combo").css("opacity",1)
$(".mdp_consult_combo").css("border","1px solid #ccc")
$(".mdp_consult_combo").css("top","")
$(".mdp_consult_combo").css("position","inherit")
$(".mdp_consult_combo").css("width","300px")

$("select").css("opacity",1)
$("select").css("border","1px solid #ccc")
$("select").css("margin-top","0px")
$("select").css("position","inherit")


$(".mdp_combo_container").css("display","block");
$(".mdp_combo_container").css("clear","both !important");
$(".mdp_main_container").css("margin-top","20px");

$(".mdp_hidden").hide();
/*
	$('.mdp_combo_container .select2-container').remove();
$(".mdp_consult_combo").css("opacity",1)
$(".mdp_consult_combo").css("border","1px solid #ccc")
$(".mdp_consult_combo").css("top","")
$(".mdp_consult_combo").css("position","")
$(".mdp_consult_combo").css("width","300px")
$(".mdp_combo_container").css("display","block");
$(".mdp_combo_container").css("clear","both !important");
$(".mdp_main_container").css("margin-top","20px");

$(".mdp_hidden").hide();
*/



}

jQuery(document).ready(function()
{
	setTimeout("loadMdpSelectors()","500");

	


	jQuery("input[type=submit],button[type=submit]").on("click", function()
	{	


		var consultDate=jQuery("#consultation_date").val();
		console.log("submit clicked : date:"+consultDate);

		if (consultDate=="undefined" || consultDate=="" || consultDate=="null" ||  consultDate==null)
		{
			alert("Please select appointment date!");
			jQuery(".after-click-btn--disable").hide();
			jQuery(".formdefaultbut,#id123-button-send").show();
		}
		else
			jQuery(".form").submit();

		return false;
		

	});





	jQuery('input[value=appointment_content],#id123-control55492974').parent().html("<div class='mdp_main_container'><input type=hidden id='consultation_date' name='consultation_date' value=''><div class='mdp_combo_container class123-select  '><select id=mdp_apptype_list name=mdp_apptype_list class='mdp_consult_combo' onchange='updateMdpData(2);'><option value=0>Select Appointment Type <option value='5973'>Cosmetic<option value='5972'>Refractive & General<input type=hidden id=appointment_type name=appointment_type value=''></select></div><div class='mdp_combo_container class123-select  '><select id='mdp_location_list' name='mdp_location_list' class='mdp_consult_combo' onchange='updateMdpData(1);'><option value=0>Select Location <option value='17'>Corte Madera Office<option value='15'>El Cerrito Office<option value='325'>Gilroy Office<option value='20'>Roseville Office<option value='19'>San Francisco Office<option value='16'>San Jose Office<option value='3140'>Tracy<option value='18'>Walnut Creek Office</select><input type=hidden id='appointment_location' name='appointment_location' value=''></div><div class='mdp_combo_container class123-select  '><select id='mdp_doctor_list' name='mdp_doctor_list' class='mdp_consult_combo' onchange='updateMdpData(3);'><option value=0>Select Doctor <option value='6387'>Ellis Eye<input type=hidden id=appointment_doctor name=appointment_doctor value=''></select></div><div class='mdp_combo_container class123-select '><select id=mdp_date_list name=mdp_date_list class=mdp_consult_combo onchange='updateMdpData(4);' disabled><option value=''>Select Date  </select></div><div class='mdp_combo_container class123-select'><select id=mdp_time_list name=mdp_time_list class=mdp_consult_combo onchange='updateMdpData(5);' disabled><option value=''>Select Time  </select></div></div><style>.class123-select{border:0px;} .mdp_combo_container { display: block; margin-bottom: 10px; margin-top: 10px;} .mdp_hidden {display:none;}.mdp_consult_combo {width:200px;padding:3px;z-index:1 !important;height:44px !important;line-height:42px !important} .mdp_main_container .select2-container {height:44px !important;line-height:42px !important} .mdp_main_container .select2-choice {height:42px !important;line-height:42px !important} a {z-index:100 !important}</style>");


	


});