extends ../layout.pug
include ../mixins/managenav.pug
include ../mixins/boardheader.pug

block head
	script(src='/js/all.js')
	title /#{board._id}/ - Manage Banners

block content
	+boardheader('Banners')
	br
	+managenav('banners')
	hr(size=1)
	h4.no-m-p Add Banners:
	.form-wrapper.flexleft.mt-10
		form.form-post(action=`/forms/board/${board._id}/addbanners`, enctype='multipart/form-data', method='POST')
			input(type='hidden' name='_csrf' value=csrf)
			.row
				- const maxFiles = globalLimits.bannerFiles.max;
				.label
					span Banner#{maxFiles > 1 ? 's' : ''}
						span.required *
					if maxFiles > 1
						|  
						|  
						small (Max #{maxFiles})
				span.col
					include ../includes/filelabel.pug
					input#file(type='file', name='file' multiple required)
			input(type='submit', value='submit')
	if board.banners.length > 0
		hr(size=1)
		h4.no-m-p Delete Banners:
		.form-wrapper.flexleft.mt-10
			form.form-post(action=`/forms/board/${board._id}/deletebanners`, enctype='application/x-www-form-urlencoded', method='POST')
				input(type='hidden' name='_csrf' value=csrf)
				.catalog
					each banner in board.banners
						label.banner-check
							input(type='checkbox' name='checkedbanners' value=banner)
							img.board-banner(src=`/banner/${board._id}/${banner}` width='300' height='100')
				input(type='submit', value='delete')