h     = require 'maquette' .h
Modal = require './modal.ls'
UUID  = require "uuid/v4"
bulma = require "./bulma.ls"

col-to-lines = (column, self) ->
	h \div.field.has-addons {
		key: "field" + column.id
	} [
		h \p.control.is-expanded [
			h \input.input {
				key:     "input" + column.id
				value:     column.title
				oninput: (e) ->
					self.extra_properties.columns.find((.id == column.id)).title := e.target.value
			} [ ]
		]

		h \div.control.button.is-danger.is-outlined {
			key: "button" + column.id
			onclick: ->
				self.extra_properties.columns := self.extra_properties.columns.filter((.id != column.id))
		} [ "DELETE" ]
	]

# TODO FIXME XXX HARDCODE
users = [
	{ login: "jean",   id: "1003" }
	{ login: "martin", id: "1004" }
	{ login: "damien", id: "1005" }
]

user-form-selection = (self, user) ->
	h \option {
		value: user.id
	} [ user.login ]

permission-groups = [
	"Admin"
	"Write"
	"Read"
]

permission-to-form-selection = (self, permission) ->
	h \option {
		value: permission
	} [ permission ]

ProjectCreationModal = (project, todod-ws) ->

	# work on a copy of the columns
	# in case of cancelled modifications, only the copies are changed
	columns-copy = []
	for col in  project.extra_properties.columns
		new-col = {}
		for k,v of col
			new-col[k] = v
		columns-copy ++= [ new-col ]

	self = {
		title: project.title || ""
		permissions: project.permissions || [[]]
		# new-user: "New user"
		new-user-permission: {
			id: void
			permission: void
		}
		new-column-input: {
			title: "New column !"
		}

		extra_properties:
			columns: columns-copy
	}

	modal = Modal {
		+visible
		content-render: (self) ->
			h \div.form [

				bulma.field [
					bulma.label "Project title"

					h \input.input {
						value: self.title
						oninput: (e) ->
							self.title := e.target.value
					}
				]

				# h \hr []

				# bulma.field [
				# 	bulma.label "Adding a user"
				# 	bulma.input {
				# 		value: self.new-user
				# 		oninput: (e) ->
				# 			self.new-user := e.target.value
				# 		name: \new-user
				# 		id: \user-add
				# 	}
				# ]

				h \hr []

				h \aside.menu [
					h \p.menu-label [ "Permissions" ]
					h \ul.menu-list self.permissions.map (permission) ->
							h \li [
								h \p permission.map (e, index) ->
									if index == 0
										"Permissions '" + e + "': "
									else
										"" + e + ", "
							]
				]

				h \hr []

				h \p [ "Adding new user" ]

				# TODO:
					# 1. select a permission groups
					# 2. select an user

				h \div.field.has-addons {
					key: "adding-user"
				} [
					h \div.select.control [
						h \select {
							onchange: (e) ->
								self.new-user-permission.permission := e.target.value
						} permission-groups.map (permission) -> permission-to-form-selection self, permission
					]

					h \div.select.control.is-expanded [
						h \select {
							onchange: (e) ->
								self.new-user-permission.id := e.target.value
						} users.map (user) -> user-form-selection self, user
					]

					h \div.control.button.is-success.is-outlined {
						onclick: ->
							# TODO
							console.log "right: #{self.new-user-permission.permission}, user #{self.new-user-permission.id}"
					} [ "+" ]
				]

				h \hr []

				h \p [ "Choose the columns" ]

				for dom in (self.extra_properties.columns.map (column) -> col-to-lines column, self)
					dom

				h \hr []

				h \div.field.has-addons {
					key: "adding-field"
				} [
					h \p.control.is-expanded [
						h \input.input {
							value:     self.new-column-input.title
							oninput: (e) ->
								self.new-column-input.title := e.target.value
						} [ ]
					]

					h \div.control.button.is-success.is-outlined {
						onclick: ->
							new-col = {
								id: UUID!
								title: self.new-column-input.title
							}
							self.extra_properties.columns ++= [ new-col ]
							self.new-column-input.title := "New column !"
					} [ "+" ]
				]
			]

		on-validation: ->
			if project.id
				todod-ws.edit-list project.id, self
			else
				todod-ws.add-list self.title, self
	}, self

	self.render = ->
		modal.render!

	self

module.exports = ProjectCreationModal