var uww_styles_href = "https://pogoda.unian.net/styles/external_widget.css";
var uww_styles_link = document.createElement('link');
uww_styles_link.setAttribute('rel', 'stylesheet');
uww_styles_link.setAttribute('href', uww_styles_href);
document.getElementsByTagName('head')[0].appendChild(uww_styles_link);

var uww_template = "<div class="weather-widget-container type-zn"><div class="weather-widget__wrapper"><div id="uww_field_name" class="weather-widget__city"></div><div id="uww_field_info" class="weather-widget__info"><span id="uww_field_temp" class="weather-widget__temp"></span><span class="weather-widget__icon"><img id="uww_field_image"></span></div><a id="uww_field_detail" class="weather-widget__details">»</a></div></div>";

var uww_container = document.getElementById('unian_weather_widget');

if (uww_container) {
	uww_container.innerHTML = htmlDecode(uww_template);
	fillWidget();
}

function htmlDecode(input){
	var e = document.createElement('div');
	e.innerHTML = input;
	return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
}

function fillWidget() {
	fillField('name', "Париж");
	fillField('temp', "+1° .. +6°");
	fillFieldAttribute('image', 'src', "https://pogoda.unian.net/images/icons/d300.svg");
	fillFieldAttribute('detail', 'href', "https://pogoda.unian.net/");
	fillFieldAttribute('image', 'alt', "Облачно с прояснениями");
	fillFieldAttribute('info', 'title', "Облачно с прояснениями");
}

function fillField(field_id, field_val) {
	var prefix = 'uww_field_';
	var element = document.getElementById(prefix + field_id);
	if (element) {
		element.innerHTML = field_val;
	}
}

function fillFieldAttribute(field_id, att_name, att_value) {
	var prefix = 'uww_field_';
	var element = document.getElementById(prefix + field_id);
	if (element) {
		element.setAttribute(att_name, att_value);
	}
}