/* Add icons for admonitions using Admonition Block Extension */
var THEME_DIR = $('[data-themedir]').first().attr('data-themedir');
//console.log(THEME_DIR);

jQuery(document).ready(function ($) {
	// for each admonition, add header with an icon then wrap rest in body

	//Note
	$("div.admonition.note").each(function () {
		//console.log("located a note admonition");
		wrapBodyBlock($(this));
		wrapHeaderBlock($(this));
		$(this).find(".warning-heading").prepend('<img src="' + THEME_DIR + '/img/icon-warning-note.svg" />')
	});

	//Tip
	$("div.admonition.tip").each(function () {
		//console.log("located a tip admonition");
		wrapBodyBlock($(this));
		wrapHeaderBlock($(this));
		$(this).find(".warning-heading").prepend('<img src="' + THEME_DIR + '/img/icon-warning-green.svg" />')
	});

	//Caution
	$("div.admonition.caution").each(function () {
		//console.log("located a caution admonition");
		wrapBodyBlock($(this));
		wrapHeaderBlock($(this));
		$(this).find(".warning-heading").prepend('<img src="' + THEME_DIR + '/img/icon-warning-yellow.svg" />')
	});

	//Warning
	$("div.admonition.warning").each(function () {
		//console.log("located a warning admonition");
		wrapBodyBlock($(this));
		wrapHeaderBlock($(this));
		$(this).find(".warning-heading").prepend('<img src="' + THEME_DIR + '/img/icon-warning-red.svg" />')
	});


	function wrapHeaderBlock(admonition) {
		var title = admonition.find("p.admonition-title");
		title.wrap('<div class="warning-heading"></div>');
		
	}

	function wrapBodyBlock(admonition) {
		admonition.wrapInner('<div class="warning-body"></div>')
		var title=admonition.find(".warning-body").find("p.admonition-title")
		//move admonition title outside of this block
		admonition.prepend(title)
	}
});