extends layout

block body
	- if (locals.demo)
		div.notice-bar Ceci est un tableau de démonstration. N’y mettez rien d’important

	div.board-outline
		div#board
			div#board-doodles

			table#board-table.board-table
				tr
					td#icon-col(width='1%')
						image#add-col.col-icon(width='20', height='20', src='images/icons/iconic/raster/black/plus_alt_32x32.png' alt='Ajouter une colonne')
						image#delete-col.col-icon(width='20', height='20', src='images/icons/iconic/raster/black/minus_alt_32x32.png' alt='Supprimer une colonne')


	div.buttons
		i#create-card.fa.fa-plus-circle.fa-2x.bottom-icon(title='Ajouter une note')
		i#smallify.fa.fa-expand.fa-2x.bottom-icon(title='Réduire la taille des notes')
		div.form-group
			label.control-label(for='choose-card-color') Choisir la couleur de la nouvelle note 
			select#choose-card-color.form-control
				option(value='random') Couleur au hasard
				option(value='yellow') Jaune
				option(value='green') Vert
				option(value='blue') Bleu
				option(value='white') Blanc


	div.stickers
		div.sticker#sticker-red(title='Ajouter une pastille rouge')
		div.sticker#sticker-blue(title='Ajouter une pastille bleue')
		div.sticker#sticker-yellow(title='Ajouter une pastille jaune')
		div.sticker#sticker-green(title='Ajouter une pastille verte')
		br
		div.sticker#sticker-pink(title='Ajouter une pastille rose')
		div.sticker#sticker-lightblue(title='Ajouter une pastille bleu clair')
		div.sticker#sticker-orange(title='Ajouter une pastille orange')
		div.sticker#sticker-purple(title='Ajouter une pastille violette')
		//div.sticker#sticker-silverstar
		//div#addsticker
		br
		div.sticker#sticker-gold(title='Ajouter une étoile dorée')
		//	image(src="/images/stickers/sticker-gold.png")
		div.sticker#sticker-bluestar(title='Ajouter une étoile bleue')
		//	image(src="/images/stickers/sticker-bluestar.png")
		div.sticker#sticker-silverstar(title='Ajouter une étoile argentée')
		//	image(src="/images/stickers/sticker-silverstar.png")
		div.sticker#sticker-redstar(title='Ajouter une étoile rouge')
		//	image(src="/images/stickers/sticker-redstar.png")
		br
		div.sticker#nosticker(title='Supprimer les pastilles ou les étoiles d\'une note')


	div.names
		p connectés :
		//image#user-icon(src="/images/icons/cc/black/png/user_icon&16.png")
		input#yourname-input
		span.you-text (vous)
		ul#names-ul

	div.share
		h3 Partager le tableau
		div.form-inline
			div.input-group
				input#taburl.form-control(disabled='disabled')
				div.input-group-addon
					a#copyurl(href='#', title='Copier l\'adresse du tableau dans votre presse-papier')
						i.fa.fa-clipboard

	div.export
		h3 Exporter le tableau
		button#export-txt.btn.btn-primary Format texte
		button#export-csv.btn.btn-primary Format CSV
		button#export-json.btn.btn-primary Format JSON (pour import dans Post-it)

	div.import
		h3 Importer un tableau
		div.form-inline
			div.form-group
				label(for="import-input") fichier JSON à importer
				input(type="file")#import-input.form-control
				button#import-file.btn.btn-primary Importer

	div.revisions
		h3 Révisions
		button#create-revision.btn.btn-primary Créer une révision
		div
			ul#revisions-list