var DocumentModal = ModalFormView.extend({
	el: ".mediaDrawer.editDocument",
	createAction: "/api/docs/new",
	updateAction: "/api/docs/edit",

	load: function(name, isNew){
		this.reset()
		
		if (isNew || name === "new") {
			name = sanitize(name)
			if (name !== "new") {
				this.$("[name='new_name']").val( name.replace(/\s+/g,"-") )
				this.$("[name='displayName']").val( capitalize(name.replace(/-/g," ")) )
			}
			this.action = this.createAction
			return this.show()
		}

		this.action = this.updateAction
		
		$.get("/api/docs", { name: name }, $.proxy(function(data){
			if (data.isNew) {
				this.action = this.createAction
			}
			
			for (var i in data) {
				this.$("[name='" + i + "']").val(data[i])
			}
			this.$("[name='new_name']").val(name)

			this.show()
		}, this))
	},

	success: function(res){
		window.location.pathname = "/about/" + res.name
	}

})