App.Views.Doc = Backbone.View.extend({
	events: {
		"click a#clear"	: "clear"
	},
	
    initialize: function() {
		var dbkey = this.model.get('dbkey');
		this.render(dbkey);
		this.model.get_doc(dbkey,'none');
    },

	clear: function(e){
		e.preventDefault();
		dbkey = this.model.get('dbkey');
		var dt   = 'hash';
		var data = [];
 		if(dbkey.search(/token/i) > 0 || dbkey.search(/size/i) > 0){
 			dt = 'string';
			data = '';
		}
		var self = this;
		$.ajax({
			type: 'POST',
			url: '/api/source/set_db_doc',
			data: {api_token : this.model.get('api_token'), doc : dbkey, data : data, data_type : dt},
			success: function(){
				data = "<tr><th colspan=3><h3 style='display:inline'>Data</h3><div class='pull-right'>" + 
						"<a class='btn btn-danger'>clear document</a></div></th></tr>" +
						"<tr><td></td></tr>";
				$('#docdata-table').find("tr:gt(0)").remove();
				$('#docdata-table tr:last').after(data);
				self.delegateEvents();
			},
			error: function(resp){
				if(resp.status == 422){
					 new App.Views.Index()
				}
				$('#docalert')[0].innerHTML = resp.responseText;
		        $('#docalert').css('display','block');
			}
		})
	},

    
    render: function(dbkey) {
        $('#secondary-nav').css('display','block');
		out  = "<div class='page-header well'><h2>Document&nbsp;"+dbkey+"</h2></div>";
		out += "<div id='docalert' class='alert alert-error' style='display:none'></div>";
	    out += "<form class='form-horizontal' action='#doc/upload?#{@back_params}' method='post' enctype='multipart/form-data'>";
		out += "<input type='hidden' name='doc' value='"+dbkey+"'/>";
	    out += "<input type='text' name='string' value='' placeholder='Upload token string' class='input-xlarge'/>";
	    out += "<input type='submit' value='Submit' class='btn btn-primary' style='margin-left:10px'>";
	    out += "</form>";
		out += "<form 'string_s' class='form-horizontal'>";
		out += "<input type='text' name='data' value='' class='input-xlarge' placeholder='Upload string'/>";
		out += "<input type='submit' value='Submit' class='btn btn-primary' style='margin-left:10px'>";
		out += "</form>";
		out += "<table id='docdata-table' class='table table-bordered'><tr></tr></table>";
		
        $(this.el).html(out);
        $('#main_content').html(this.el);
    }
});