<%- include('partials/header'); %>

<h1>Settings</h1>

<div class="text-center mt-5">
	<form action="settings" method="POST">
		<div name="content">
			<h2 class="display-6">Content</h2>
			<div class="row justify-content-center">
				<div class="col-sm-4 mt-2">
					<input class="form-check-input" type="checkbox" name="nsfw" <% if (config.settings.nsfw_content) { %> checked="true" <% } %> id="nsfw">
					<label class="form-check-label" for="nsfw">NSFW Content</label>
				</div>
			</div>
		</div>

		<div name="network" class="mt-5">
			<h2 class="display-6">Network</h2>
			<div class="row justify-content-center">
				<div class="col-sm-4">
					<label class="form-check-label" for="port">Port Number</label>
					<input type="text" class="text-bg-dark form-control w-50 m-auto mt-2 text-center mandatory-text-box" placeholder="3000" name="port" <% if (config.settings.port) { %> value="<%= config.settings.port %>" <% } %> id="port">
				</div>
			</div>
		</div>

		<div name="network" class="mt-5">
			<div class="row justify-content-center">
				<div class="col-sm-4">
					<button type="submit" class="btn btn-primary">
						<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor"
							viewBox="0 0 16 16">
							<path
								d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z">
						</svg>
						Save
					</button>
				</div>
			</div>
		</div>
	</form>
</div>

<%- include('partials/footer'); %>