mixin modal(data)
	.modal-bg(style=data.hidden?'display:none':'')
	.modal(id=(data.settings ? 'settingsmodal' : '') style=data.hidden?'display:none':'')
		.row
			p.bold #{data.title}
			a.close.postform-style#modalclose X
		if data.message || data.messages || data.error || data.errors
			.row
				ul.nomarks
					if data.message
						li #{data.message}
					if data.error
						li #{data.error}
					if data.messages
						each msg in data.messages
							li #{msg}
					if data.errors
						each error in data.errors
							li #{error}
			if data.frame
				.row
					iframe.bypass#modalframe(src=data.frame frameborder='0' scrolling='no')
			else if data.link
				.row
					a.button.mv-0(href=data.link.href target='_blank') #{data.link.text}
		else if data.settings
			.row
				.form-wrapper.flexleft.mt-10
					.row
						.label Theme
						select#theme-setting
							option(value='default') default
							each theme in data.settings.themes
								option(value=theme) #{theme}
					.row
						.label Code theme
						select#codetheme-setting
							option(value='default') default
							each theme in data.settings.codeThemes
								option(value=theme) #{theme}
					.row
						.label Live posts
						label.postform-style.ph-5
							input#live-setting(type='checkbox')
					.row
						.label Notifications
						label.postform-style.ph-5
							input#notification-setting(type='checkbox')
					.row
						.label Scroll to new posts
						label.postform-style.ph-5
							input#scroll-setting(type='checkbox')
					.row
						.label Local time
						label.postform-style.ph-5
							input#localtime-setting(type='checkbox')
					.row
						.label 24h time
						label.postform-style.ph-5
							input#24hour-setting(type='checkbox')
					.row
						.label Show relative time
						label.postform-style.ph-5
							input#relative-setting(type='checkbox')
					.row
						.label Hide Thumbnails
						label.postform-style.ph-5
							input#hideimages-setting(type='checkbox')
					.row
						.label Recursive Post Hide
						label.postform-style.ph-5
							input#hiderecursive-setting(type='checkbox')
					.row
						.label Video/Audio Volume
						label.postform-style.ph-5
							input#volume-setting(type='range' min='0' max='100')
					.row
						.label Loop audio/video
						label.postform-style.ph-5
							input#loop-setting(type='checkbox')
					.row
						.label Unlimit expand height
						label.postform-style.ph-5
							input#heightlimit-setting(type='checkbox')
					.row
						.label Crisp image rendering
						label.postform-style.ph-5
							input#crispimages-setting(type='checkbox')
					.row
						.label Image loading bars (EXPERIMENTAL)
						label.postform-style.ph-5
							input#imageloadingbars-setting(type='checkbox')
					.row
						.label Post Password
						input#postpassword-setting(type='password' name='postpassword')
					.row
						.label Default Name
						input#name-setting(type='text' name='name')
					.row
						.label Custom CSS
						textarea#customcss-setting(rows=10)