/*global define */
define(['jquery',
		'underscore', 
		'backbone',
		'gmaps',
		'models/SolrResult',
		'views/DownloadButtonView',
		'text!templates/loading.html',
		'text!templates/alert.html',
		'text!templates/attribute.html',
		'text!templates/dataDisplay.html',
	 ], 				
	function($, _, Backbone, gmaps, SolrResult, DownloadButtonView, 
			LoadingTemplate, alertTemplate, AttributeTemplate, DataDisplayTemplate) {
		
	var MetadataIndexView = Backbone.View.extend({
		
		type: "MetadataIndex",
		
		id: 'Metadata',
		
		className: "metadata-index container form-horizontal",
		
		tagName: 'article',
		
		template: null,
				
		loadingTemplate: _.template(LoadingTemplate),
		
		attributeTemplate: _.template(AttributeTemplate),
				
		alertTemplate: _.template(alertTemplate),
				
		dataDisplayTemplate: _.template(DataDisplayTemplate),

		semanticFields: null,
										
		events: {
		},
		
		initialize: function (options) {
			this.pid = options.pid || null;
			//this.el.id = this.id + "-" + this.pid; //Give this element a specific ID in case multiple MetadataIndex views are on one page
			this.parentView = options.parentView || null;	
			
			// use these to tailor the annotation ui widget
			this.semanticFields = {
					attribute: "sem_annotation",
					attributeName: "sem_annotation",
					attributeLabel: "sem_annotation",
					attributeDescription: "sem_annotation",
					attributeUnit: "sem_annotation",
					origin: "orcid_sm",
					investigator: "orcid_sm"
			}
		},
				
		render: function(){
			if(!this.pid) return false;
			
			var view = this;
						
			//Get all the fields from the Solr index
			var query = 'q=id:"' + encodeURIComponent(this.pid) + '"&rows=1&start=0&fl=*&wt=json&json.wrf=?';
			var requestSettings = {
				url: appModel.get('queryServiceUrl') + query, 
				jsonp: "json.wrf",
				dataType: "jsonp",
				success: function(data, textStatus, xhr){ 

					if(data.response.numFound == 0){
						var msg = "<h4>Nothing was found for one of the following reasons:</h4>" +
								  "<ul class='indent'>" +
								  	  "<li>The ID '" + view.pid  + "' does not exist.</li>" +
									  '<li>This may be private content. (Are you <a href="#signin">signed in?</a>)</li>' +
									  "<li>The content was removed because it was invalid.</li>" +
								  "</ul>";
						view.$el.html(view.alertTemplate({msg: msg, classes: "alert-danger"}));
						view.flagComplete();
					}
					else{
						view.docs = data.response.docs;
						
						_.each(data.response.docs, function(doc, i, list){
							
							//If this is a data object and there is a science metadata doc that describes it, then navigate to that Metadata View.
							if((doc.formatType == "DATA") && (doc.isDocumentedBy && doc.isDocumentedBy.length)){
								view.onClose();
								uiRouter.navigate("view/" + doc.isDocumentedBy[0], true);
								return;
							}
							
							var metadataEl = $(document.createElement("section")).attr("id", "metadata-index-details"),
								id = doc.id,
								creator = doc.origin,
								title = doc.title,
								pubDate = doc.pubDate,
								dateUploaded = doc.dateUploaded,
								keys = Object.keys(doc),
								docModel = new SolrResult(doc);
								
							//Extract General Info details that we want to list first
							var generalInfoKeys = ["title", "id", "abstract", "pubDate", "keywords"];
							keys = _.difference(keys, generalInfoKeys);
							$(metadataEl).append(view.formatAttributeSection(docModel, generalInfoKeys, "General"));
	
							//Extract Spatial details
							var spatialKeys = ["site", "southBoundCoord", "northBoundCoord", "westBoundCoord", "eastBoundCoord"];
							keys = _.difference(keys, spatialKeys);
							$(metadataEl).append(view.formatAttributeSection(docModel, spatialKeys, "Geographic Region"));
							
							//Extract Temporal Coverage details
							var temporalKeys = ["beginDate", "endDate"];
							keys = _.difference(keys, temporalKeys);
							$(metadataEl).append(view.formatAttributeSection(docModel, temporalKeys, "Temporal Coverage"));
							
							//Extract Taxonomic Coverage details
							var taxonKeys = ["order", "phylum", "family", "genus", "species", "scientificName"];
							keys = _.difference(keys, taxonKeys);
							$(metadataEl).append(view.formatAttributeSection(docModel, taxonKeys, "Taxonomic Coverage"));
							
							//Extract People details
							var peopleKeys = ["origin", "investigator", "contactOrganization", "project"];
							keys = _.difference(keys, peopleKeys);
							$(metadataEl).append(view.formatAttributeSection(docModel, peopleKeys, "People and Associated Parties"));
							
							//Extract Access Control details
							var accessKeys = ["isPublic", "submitter", "rightsHolder", "writePermission", "readPermission", "changePermission", "authoritativeMN"];
							keys = _.difference(keys, accessKeys);
							$(metadataEl).append(view.formatAttributeSection(docModel, accessKeys, "Access Control"));
							
							//Add the rest of the metadata
							$(metadataEl).append(view.formatAttributeSection(docModel, keys, "Other"));
							
							view.$el.html(metadataEl);
							
							view.flagComplete();
						});
										
					}
				},
				error: function(){
					var msg = "<h4>Sorry, no dataset was found.</h4>";
					view.$el.html(view.alertTemplate({msg: msg, classes: "alert-danger"}));
				}
			}
			
			$.ajax(_.extend(requestSettings, appUserModel.createAjaxSettings()));			
			
			//Send a request for the EML doc itself to extract certain info
			if(this.parentView && this.parentView.model){
				var formatId = this.parentView.model.get("formatId");
				if(formatId.indexOf("eml://") >= 0){
					var url = appModel.get("baseUrl") + appModel.get("context") + appModel.get("d1Service") + "/object/" + this.parentView.model.get("id");
					
					var requestSettings = {
						url: url, 
						success: function(data, textStatus, xhr){
							if(!data || !$(data).length) return;
							
							//Find the distribution information
							var emlDoc = $(data).find("distribution").each(function(i, dist){
								var onlineDist = $(dist).children("online");
								if(onlineDist.length){
									
									var linkText = $(onlineDist).text();
									
									if(linkText.indexOf("ecogrid") >= 0){
										//Clean up the link text
										var start = linkText.lastIndexOf("/");
										var ecogridPid = linkText.substr(start+1).trim(),
											dataObjects = [];
										
										//Iterate over each id in the package and try to fuzzily match the ecogrid link to the id
										if(view.parentView.packageModels){										
											//Get all the data objects in this metadata's packages
											_.each(view.parentView.packageModels, function(package){
												dataObjects.push(package.get("members"));
											});
											
											dataObjects = _.flatten(dataObjects);
										}
										for(var i = 0; i < dataObjects.length; i++){
											
											//If we find a match, replace the ecogrid links with a DataONE API link to the object
											if(dataObjects[i].get("id").indexOf(ecogridPid) > -1){
												
												var linkText = dataObjects[i].get("url");
																			
												//We can stop looking now
												i = dataObjects.length;
											}
										}
									}
									
									var link = $(document.createElement("a")).attr("href", linkText).text(linkText),
										fullHTML = view.formatAttribute("Online Distribution Info", link);
									
									//Find the "General" section of this page
									if(view.$(".General").length)
										view.$(".General").after(fullHTML);
									else
										view.$el.append(fullHTML);
								}
							});					
						}
					}
					
					$.ajax(_.extend(requestSettings, appUserModel.createAjaxSettings()));			
				}
			}
						
			return this;
		},
		
		formatAttributeSection: function(doc, keys, title, className){
			if(keys.length == 0) return "";
			
			if(typeof title === "string") {
				var titleHTML = $(document.createElement("h4")).text(title);
				var titleText = title;
			}
			else if(typeof title === "undefined"){
				var titleHTML =  $(document.createElement("h4"));
				var titleText = "";
			}
			else{
				var titleHTML = title;
				var titleText = titleHTML.text();
			}
				
			var html = "",
				sectionClass = (typeof className === "undefined") ? titleText.replace(/ /g, "") : className,
				view = this,
				populated = false;
			
			_.each(keys, function(key, keyNum, list){
				if((typeof key === "object") && (doc.get(key.field))){
					html += view.formatAttribute(key.display, doc.get(key.field));
					populated = true;
				}
				else if(doc.get(key)){
					html += view.formatAttribute(key, doc.get(key));
					populated = true;
				}
			});
			
			if(populated){
				var section = $(document.createElement("section"))
								  .addClass(sectionClass)
								  .append(titleHTML)
								  .append(html);
				
				return section;
			}
			else return null;
		},
		
		formatAttribute: function(attribute, value){
			var html = "",
				view = this,
				embeddedAttributes = "",
				type = "sem_annotation";
			
			// see if there is special handling for this field
			if (this.semanticFields[attribute]) {
				type = this.semanticFields[attribute];
			}
			
			//If this is a multi-valued field from Solr, the attribute value is actually multiple embedded attribute templates
			var numAttributes = (Array.isArray(value) && (value.length > 1)) ? value.length : 0;
			for(var i=0; i<numAttributes; i++){				
				embeddedAttributes += view.attributeTemplate({
					attribute: "",
					formattedAttribute: view.transformCamelCase(attribute),
					value: value[i],
					id: attribute + "_" + (i+1),
					type: type,
					resource: "#xpointer(//" + attribute + "[" + (i+1) + "])"
				});
			}
			
			if(!embeddedAttributes && (value instanceof $)){
				value = value[0].outerHTML;
			}
			
			html += view.attributeTemplate({
				attribute: attribute,
				formattedAttribute: view.transformCamelCase(attribute),
				value: embeddedAttributes || value,
				id: attribute,
				type: type,
				resource: "#xpointer(//" + attribute + ")"
			});
			
			return html;
		},
		
		transformCamelCase: function(string){
			var result = string.replace(/([A-Z]+)/g, " $1").replace(/([A-Z][a-z])/g, " $1");
			var finalResult = result.charAt(0).toUpperCase() + result.slice(1);
			
			return finalResult;
		},
		
		insertDataDetails: function(){
			var view = this;
			
			//Get the Package Model - it is attached with the parent Metadata View
			var pkg = this.parentView.packageModel;
			if(!pkg) return;
			
			if(pkg.get("members").length <= 1) return;
			
			//Start some html
			var html = $(document.createElement("section"));
			
			_.each(pkg.get("members"), function(solrResult, i){
				if(solrResult.get("formatType") != "DATA") return;
				
				solrResult.set("formattedSize", solrResult.bytesToSize());
				
				//Add a section for the data details, just like the other attribute sections
				var keys  = ["id", {field: "formattedSize", display: "size"}, "views", "pubDate", "dataSource", "formatId"];
								
				//Determine the icon type based on format id
				var type = solrResult.getType(),
					icon = "";
				if(type == "program")
					icon = "icon-code";
				else if(type == "metadata")
					icon = "icon-file-text";
				else if (type == "image")
					icon = "icon-picture";
				else if (type == "pdf")
					icon = "icon-file pdf";
				else 
					icon = "icon-table";
				
				var icon   = $(document.createElement("i")).addClass(icon),
					title  = $(document.createElement("span")).text(solrResult.get("id")).addClass("title"),
					downloadBtn = new DownloadButtonView({ model: solrResult }),
					anchor = $(document.createElement("a")).attr("name", encodeURIComponent(solrResult.get("id"))),
					header = $(document.createElement("h4")).append(anchor).append(icon).append(title).append(downloadBtn.render().el);
				
				//Create the section
				var entityDetailsSection = view.formatAttributeSection(solrResult, keys, header, "entitydetails")
										        .attr("data-id", solrResult.get("id"));
				
				//Create an image thumbnail, if this is an image
				if(type == "image"){
					//var thumbnail = view.parentView.createThumbnail(solrResult.get("id"));
					//$(entityDetailsSection).prepend(thumbnail);
				}
				
				//Mark this section with an anchor tag with the doc id
				$(entityDetailsSection).prepend($(document.createElement("a")).attr("id", solrResult.get("id").replace(/[^A-Za-z0-9]/g, "-")));
						
				$(html).append(entityDetailsSection);
			});
			
			//Glue together the header and attribute info section
			var header = $(document.createElement("h4")).text("Data Table, Image, and Other Data Details");
			var section = $(html).prepend(header);
			
			//Insert into the DOM right after the "general" information
			this.$(".General").after(section);
		},
		
		flagComplete: function(){
			this.complete = true;
			this.trigger("complete");
		},
		
		onClose: function(){
			this.$el.html(this.loadingTemplate());
			this.pid = null;
			
			//Detach this view from its parent view
			this.parentView.subviews = _.without(this.parentView.subviews, this);
			this.parentView = null;
			
			//Remove listeners
			this.stopListening();
		}
	});
	return MetadataIndexView;		
});