jQuery( document ).ready( function(){
	let lang    = jQuery("html").attr("lang")  ;
	let eric_book_lang = "en" ;
	let bk_eric = jQuery("#booking_ericsoft") ;
	let style   = "" ; 
	let html    = "" ; 
	let labels  = [] ;
	
	// Default Eng Labels
	labels["book"]      = "Book Now" ;
	labels["arrival"]   = "Arrival" ;
	labels["departure"] = "Departure" ;
	
	// Other langs
	switch( lang )
	{
		case "it-IT": 
			eric_book_lang = "it" ;
			labels["book"]      = "Prenota Ora" ;
			labels["arrival"]   = "Arrivo" ;
			labels["departure"] = "Partenza" ;
		break;
			
		case "de-DE": 
			eric_book_lang = "de" ;
			labels["book"] = "Buchung" ;
			labels["arrival"]   = "Ankunft" ;
			labels["departure"] = "Abreise" ;
		break;
	}

	style = '<style id="booking_ericsoft_style">'
		+'#booking_ericsoft{ '
			+'display:block; '
			+'position:fixed; bottom:0; left:0; z-index:99999; '
			+'width:100%; height:70px; '
			+'background-color:rgba(0,0,0,0.5); '
		+'}'
		+'#booking_ericsoft a#booking_ericsoft_button{'
			+'display:block; '
			+'background-color: #788805; color:white !important;' 
			+'border: 1px #000; border-radius: 3px;'
			+'text-align: center; text-transform: uppercase; text-decoration:none; '
			+'font-size:17px;'
			+'width:120px !important; height:40px !important; line-height: 40px !important;'
			+'margin:auto !important; margin-top:15px !important; padding: 0 30px;'
			+'cursor:pointer;'
		+'}'
		+''
		+'form[name=book_widget]{'
			+'margin-top:0px;color:white;text-shadow:1px 1px 1px #333;'
			+'text-align:center;'
		+'}'
		+'form[name=book_widget] input{'
			+'width:150px;margin:0 10px; border-radius:3px;'
			+'color: #000000 !important; font-weight: bold;'
			+'text-align:center;'
		+'}'
		+'#booking_ericsoft a#booking_ericsoft_button2{'
			+'display:inline-block; '
			+'background-color: #788805; color:white !important;' 
			+'border: 1px #000; border-radius: 3px;'
			+'text-align: center; text-transform: uppercase; text-decoration:none; '
			+'font-size:17px;'
			+'width:120px !important; height:40px !important; line-height: 40px !important;'
			+'margin:auto !important; margin-top:15px !important; margin-left:20px !important; padding: 0 30px;'
			+'cursor:pointer;'
			+'box-shadow:1px 1px 3px #000;'
		+'}'
		+'@media( max-width:700px )'
		+'{'
			+'form[name=book_widget] input, form[name=book_widget] label{ display:none; }'
		+'}'
    
	+'</style>';
	
	html = ''
		+'<link rel="stylesheet" href="https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css">' 
		+'<script src="https://code.jquery.com/ui/1.14.1/jquery-ui.js"></script>'
	+'' ;
	
	/* */
	html+= '<form name="book_widget" target="_blank" id="book_eric" method="get" action="https://booking.ericsoft.com/BookingEngine/Book">' ;
	html+= '<label for="book_period_from">'+labels["arrival"]+'</label><input type="text" name="book_period_from" id="book_period_from" />' ;
	html+= '<label for="book_period_to">'+labels["departure"]+'</label><input type="text" name="book_period_to" id="book_period_to" />' ;
	html+= '<a id="booking_ericsoft_button2" name="book_go" id="book_go" href="javascript:bookEric()" >'+labels["book"]+'</a>' ;
	html+= '</form>' ;
	
	html+= '<form name="book_eric" target="_blank" id="book_eric" method="get" action="https://booking.ericsoft.com/BookingEngine/Book">' ;
	html+= '<input type="hidden" name="idh" value="7512DDD96FF42AB8" />' ;
	html+= '<input type="hidden" name="lingua" value="'+eric_book_lang+'" />' ;
	html+= '<input type="hidden" name="dataInizio" value="" />' ;
	html+= '<input type="hidden" name="dataFine" value="" />' ;
	html+= '<input type="hidden" name="arrival" value="" />' ;
	html+= '<input type="hidden" name="departure" value="" />' ;
	html+= '</form>' ;
	/* */
	
	//html+= '<a id="booking_ericsoft_button" target="_blank" href="https://booking.ericsoft.com/BookingEngine/Book?idh=7512DDD96FF42AB8">'+labels["book"]+'</a>' ;
	
	
	// Inject Widget Here 
	jQuery( "body" ).append( style ) ;
	bk_eric.html( html ) ;
	// Prepare DatePickers ... quick
	window.setTimeout( function(){
		jQuery( "#book_period_from" ).datepicker({
			dateFormat: "dd/mm/yy" ,
			defaultDate: "+1w",
			numberOfMonths: 1,
			minDate: new Date(),
			maxDate: "+1y",
			beforeShow: function(){
				// jQuery( "#book_period_from" ).datepicker( "option", "maxDate", "+1y" );
			},
			onSelect: function() {
				jQuery( "#book_period_to" ).datepicker( "option", "minDate", getDate( this ) );
				
			}
		});
		jQuery( "#book_period_to" ).datepicker({
			dateFormat: "dd/mm/yy" ,
			defaultDate: "+1w",
			numberOfMonths: 1,
			minDate: new Date(),
			onSelect: function() {
				// jQuery( "#book_period_from" ).datepicker( "option", "maxDate", getDate( this ) );
			}
		});
	}, 500 );
	
	
}) ;
function getDate( elem )
{
	let out = null ; 
	try
	{ out = jQuery(elem).datepicker("getDate"); }
	catch( error ) { out= null ; }
	return out ;
}

function bookEric()
{
	let form = jQuery("form[name=book_eric]") ;
	let tmp = false ; 
	
	tmp  = jQuery( "#book_period_from" ).datepicker("getDate") ;
	if(tmp)
	{
		form[0]["dataInizio"].value = tmp.getDate()+"/"+( tmp.getMonth()+1 )+"/"+tmp.getFullYear() ;
		form[0]["arrival"].value = tmp.getFullYear()+"-"+( tmp.getMonth()+1 )+"-"+tmp.getDate() ;
	}
	tmp  = jQuery( "#book_period_to" ).datepicker("getDate") ;
	if(tmp)
	{
		form[0]["dataFine"].value = tmp.getDate()+"/"+( tmp.getMonth()+1 )+"/"+tmp.getFullYear() ;
		form[0]["departure"].value = tmp.getFullYear()+"-"+( tmp.getMonth()+1 )+"-"+tmp.getDate() ;
	}
	console.log( form.serialize() )
	form[0].submit();
}