package werti.util;

import javax.servlet.http.HttpServletRequest;
import java.util.HashMap;
import java.io.UnsupportedEncodingException;

import org.apache.uima.jcas.JCas;
import org.apache.log4j.Logger;
import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
import org.jsoup.nodes.Element;
import werti.server.ActivityConfiguration;

/**
 * Produces an HTML document with enhancements from a CAS containing
 * Enhancements.
 * 
 * @author Adriane Boyd
 *
 */
public class HTMLEnhancer {
	private JCas cas;
	private static final Logger log = Logger.getLogger(HTMLEnhancer.class);
	
	/**
	 * @param cCas CAS with annotations for the topic
	 */
	public HTMLEnhancer(final JCas cCas) {
		cas = cCas;
	}
	
	/**
	 * Converts an HTML CAS document with Enhancements to an HTML string.
	 * 
	 * @return an HTML string containing enhancements
	 */
    public String enhance(final String activity, final String baseurl, 
    		HttpServletRequest req, ActivityConfiguration config, String servletContextName) throws UnsupportedEncodingException{
		
		HashMap<String, String> dict = new HashMap<String, String>(); // translations of topics and activities to North Sámi
		dict.put("NounsAll", "Nouns (all)");
		dict.put("SubstantiveSingular", "Substantive singular");
		dict.put("SubstantivePlural", "Substantive plural");
		dict.put("NounsNom", "Nominative nouns");
		dict.put("NounsAcc", "Accusative nouns");
		dict.put("NounsGen", "Genitive nouns");
		dict.put("NounsLoc", "Locative nouns");
		dict.put("NounsDat", "Dative nouns");
		dict.put("NounsIns", "Instrumental nouns");
		dict.put("PresFutInd", "Verb conjugation");
		dict.put("Conjunctions", "Conjunctions");
		dict.put("colorize", "Higlight the words");
		dict.put("click", "Click on the words!");
		dict.put("mc", "Select the correct word form!");
		dict.put("cloze", "Fill in the correct word form!");
		
    	String enhancement = req.getParameter("client.enhancement");
    	String activityCat = activity.toLowerCase();
		
		// get the translations of the topic and the exercise type from the small dictionary
		String activity_eng = dict.get(activity); 
		String enhancement_eng = dict.get(enhancement);
		
    	String htmlString = EnhancerUtils.casToEnhanced(cas, enhancement);

		// replace <e> tags with wertiview spans
		// (this should probably be done with a real tree traversal, but it was causing me headaches and
		// a search and replace is probably sufficient and quicker)
    	htmlString = htmlString.replace("<e>", "<span class=\"wertiview\">");
    	htmlString = htmlString.replace("</e>", "</span>");
    	
    	Document htmlDoc = Jsoup.parse(htmlString);
    	
    	// add base url
    	Element base = htmlDoc.createElement("base");
    	base.attr("href", baseurl);
    	htmlDoc.head().appendChild(base);
		
		// Write the chosen topic and activity into the page title. So the user has a short reminder about the exercise. 
		String topic_activity = activity_eng + ": " + enhancement_eng; 
		String customised_title = new String(topic_activity.getBytes(), "UTF-8"); // encode the title string as utf8
		Element title = htmlDoc.select("title").first();
		title.text(customised_title);

    	// add js libraries
    	String thisUrl = req.getRequestURL().toString();
    	log.info("requestURL:"+thisUrl);
        thisUrl = thisUrl.replace("/WERTiServlet","");
        log.info("removed WERTiServlet:"+thisUrl);
    	//thisUrl = thisUrl.replaceFirst("(?<=" + servletContextName + ").*", "");
    	if (activity.matches("Arts") || activity.matches("Dets")) {
    		activityCat = "pos";
    	}
    	
    	final String jqueryJS = "<script type=\"text/javascript\" language=\"javascript\" src=\""
    		+ thisUrl + "/js-lib/jquery-1.4.2.min.js"
    		+ "\"></script>";
    	
    	final String wertiviewJS = "<script type=\"text/javascript\" language=\"javascript\" src=\""
    		+ thisUrl + "/js-lib/wertiview.js"
    		+ "\"></script>";
    	
    	final String blurJS = "<script type=\"text/javascript\" language=\"javascript\" src=\""
    		+ thisUrl + "/js-lib/blur.js"
    		+ "\"></script>";
    	
    	final String notificationJS = "<script type=\"text/javascript\" language=\"javascript\" src=\""
    		+ thisUrl + "/js-lib/notification.js"
    		+ "\"></script>";
    	
    	final String wertiviewCSS = "<link type=\"text/css\" rel=\"stylesheet\" href=\""
    		+ thisUrl + "/js-lib/wertiview.css"  // was: view.css
    		+ "\"></link>";

    	final String libJS = "<script type=\"text/javascript\" language=\"javascript\" src=\""
    		+ thisUrl + "/js-lib/lib.js"
    		+ "\"></script>";

    	final String activityJS = "<script type=\"text/javascript\" language=\"javascript\" src=\""
    		+ thisUrl + "/js-lib/activity.js"
    		+ "\"></script>";
    	
    	final String topicJS = "<script type=\"text/javascript\" language=\"javascript\" src=\""
    		+ thisUrl + "/js-lib/" + activityCat + ".js"
    		+ "\"></script>";
    	
    	final String loadJS = "<script type=\"text/javascript\" language=\"javascript\">\n" +
    	"wertiview.jQuery(document).ready(function() { wertiview.jQuery('body').data('wertiview-topic', '" + activity + "');\n" +
    	"var topic = \"" + activityCat + "\";\n" +
    	"var activity = \"" + enhancement + "\";\n" +
		"if (!window['wertiview'][topic] || !window['wertiview'][topic][activity]) {\n" +
		"    alert(\"topic \"+topic+\" activity \"+ activity + \"The selected activity is not available for this topic.  Please choose a different activity.\");\n" +
		"} else {\n" +
    	"    wertiview." + activityCat + "." + enhancement + "();\n" +
    	"}\n" +
    	"});\n" +
    	"</script>\n";
		

    	
    	htmlDoc.head().append(jqueryJS);
    	htmlDoc.head().append(wertiviewJS);
    	htmlDoc.head().append(blurJS);
    	htmlDoc.head().append(notificationJS);
    	htmlDoc.head().append(wertiviewCSS);
    	htmlDoc.head().append(libJS);
    	htmlDoc.head().append(activityJS);
    	htmlDoc.head().append(topicJS);
    	htmlDoc.head().append(loadJS);
    	
    	htmlDoc.select("span.wertiview").select("span").attr("style", EnhancerUtils.addedSpanStyle);
    	
       	return htmlDoc.html();
    }
}