class CUI.DataForm extends CUI.DataTable

	render: ->
		CUI.DataFieldInput::render.call(@)

		CUI.Events.listen
			type: "data-changed"
			node: @DOM
			call: =>
				@__updateView()

		if @_rowMove
			new CUI.Sortable
				element: @DOM
				selector: ".cui-drag-handle-row"
				create: (ev, target) ->
					data = CUI.dom.data(target, "data")
					if not data
						return false
					if data._new
						ev.stopPropagation()
						return false
					return true
				allowSort: (ev, from_idx, to_idx) =>
					!!@rows[to_idx]
				sorted: (ev, from_idx, to_idx) =>
					console.debug from_idx, ">", to_idx
					CUI.util.moveInArray(from_idx, to_idx, @rows, from_idx < to_idx)
					@__storeValue()
					@__updateView()

		@

	initOpts: ->
		super()
		@addOpts
			level:
				default: 0
				mandatory: true
				check: (v) ->
					CUI.util.isPosInt(v)

		@removeOpt("onNodeAdd")
		@removeOpt("footer_right")
		@removeOpt("buttons")
		@removeOpt("chunk_size")

	init: ->
		super()
		if @getFieldList().length > 1
			@addClass('cui-data-form--multiple-fields')
		else
			@removeClass('cui-data-form--multiple-fields')

		if @_rowMove
			@addClass('cui-data-form--movable-rows')


	readOpts: ->
		super()
		@__rowRegistry = []


	getFieldOpts: ->
		field_opts = super()
		for fopts in field_opts
			if fopts.type == CUI.DataForm
				fopts.level = @_level+1

			if field_opts.length == 1
				delete(fopts.form.label)

		field_opts

	getForm: (data) ->
		fields = []

		for fopts in @getFieldOpts()
			if fopts.type == CUI.DataForm
				fopts.level = @_level+1
			fields.push(fopts)

		new_form = new CUI.SimpleForm
			fields: fields
			data: data
			onDataChanged: (data, element, ev) =>
				if data._new
					# we need to create a new row
					delete(data._new)
					@rows.push(data)
					@__appendNewRow()

				ev.stopPropagation()
				@__removeEmptyRows()
				@__storeValue()

		# CUI.dom.setAttribute(new_form.DOM, "cui-form-depth", @getFormDepth() + 1)
		new_form

	__updateView: ->
		@__updateButtons()

	__removeEmptyRows: ->
		@__updateEmptyInRows()

		# makes sure that one empty row is at the end and not more
		while @rows.length > 0
			row = @rows[@rows.length-1]
			if row._empty
				# remove row
				@__removeRow(row)
			else
				break
		@

	__storeValue: ->
		@storeValue(CUI.util.copyObject(@rows, true))

	__updateEmptyInRows: ->
		for row in @rows
			if @rowHasUserData(row)
				delete(row._empty)
			else
				row._empty = true
		return

	hasUserData: (data) ->

		if not super(data)
			return false

		rows = data[@getName()]

		if rows.length == 0
			return false

		for row in rows
			if @rowHasUserData(row)
				return true

		return false

	rowHasUserData: (row) ->
		for f in @getFieldList()
			if f.hasUserData(row)
				return true

		return false

	renderAsBlock: ->
		@getFieldList().length > 1

	displayValue: ->
		@rows = @getValue()
		# console.warn "display", @_name, rows.length

		@empty()
		for row in @rows
			@__appendRow(row)

		# console.warn "initData", @__data, @_name
		@__appendNewRow()
		@__updateButtons()
		return

	__appendNewRow: ->
		if @_new_rows not in ["edit", "append"]
			return

		@__appendRow(_new: true)

	__updateButtons: ->
		for row in @rows
			info = @__findRowInfo(row)
			info.trash?.show()
			if @rows.length >= 2
				CUI.dom.removeClass(info.move, 'is-hidden')
			else
				CUI.dom.addClass(info.move, 'is-hidden')
		return

	__findRowInfo: (row) ->
		idx = CUI.util.idxInArray(null, @__rowRegistry, (v) ->
			v.data == row
		)
		CUI.util.assert(idx > -1, "DataForm.__removeRow", "row not found", row: row, registry: @__rowRegistry)
		info = @__rowRegistry[idx]
		info.idx = idx
		info

	__removeRow: (row) ->
		info = @__findRowInfo(row)
		CUI.dom.remove(info.dom)
		@__rowRegistry.splice(info.idx, 1)
		CUI.util.removeFromArray(row, @rows)
		@__storeValue()
		@

	__appendRow: (data) ->
		if @_rowMove
			move = CUI.dom.element("DIV", class: "cui-drag-handle-row")

		if @_new_rows != "none"
			trash = new CUI.defaults.class.Button
				icon: "fa-trash-o"
				appearance: "flat"
				onMouseenter: =>
					CUI.dom.addClass(hl, "cui-data-form-row--trash")
				onMouseleave: =>
					CUI.dom.removeClass(hl, "cui-data-form-row--trash")
				onClick: =>
					CUI.decide(@_onBeforeRowRemove?.call(@, data))
					.done =>
						@__removeRow(data)
						@_onRowRemove?.call(@, data)
						@__updateView()
					return

		hl = new CUI.HorizontalLayout
			maximize_vertical: false
			class: "cui-data-form-row"
			maximize_horizontal: @__maximize_horizontal
			left:
				content: move
			right:
				content: trash
			center:
				content: @getForm(data).start()

		CUI.dom.data(hl.DOM, "data", data)

		if data._new
			CUI.dom.addClass(move, 'is-hidden')
			trash.hide()

		@__rowRegistry.push
			data: data
			dom: hl.DOM
			trash: trash
			move: move

		@append(hl)