<h1>Settings</h1>
<hr />

<h3>General Settings</h3>
<div class="alert alert-warning">
	<form>
		<label>Site Title</label>
		<input class="form-control" type="text" placeholder="Your Community Name" data-field="title" /><br />
		<label>Site Description</label>
		<input type="text" class="form-control" placeholder="A short description about your community" data-field="description" /><br />
		<label>Site Keywords</label>
		<input type="text" class="form-control" placeholder="Keywords describing your community, comma-seperated" data-field="keywords" /><br />
		<label>Site Logo</label>
		<input id="logoUrl" type="text" class="form-control" placeholder="Path to a logo to display on forum header" data-field="brand:logo" /><br />
		<input id="uploadLogoBtn" type="button" class="btn btn-default" value="Upload"></input> <br />
		<label>Imgur Client ID</label>
		<input type="text" class="form-control" placeholder="Imgur ClientID for image uploads" data-field="imgurClientID" /><br />
		<label>Maximum User Image Size</label>
		<input type="text" class="form-control" placeholder="Maximum size of uploaded user images in kilobytes" data-field="maximumProfileImageSize" />
	</form>
</div>

<form>
	<h3>Privilege Thresholds</h3>
	<div class="alert alert-warning">
		<p>Use <strong>privilege thresholds</strong> to manage how much reputation a user must gain to receive moderator access.</p><br />
		<strong>Manage Thread</strong><br /> <input type="text" class="form-control" value="1000" data-field="privileges:manage_topic"><br />
		<strong>Manage Content</strong><br /> <input type="text" class="form-control" value="1000" data-field="privileges:manage_content"><br />
		<div class="checkbox">
			<label>
				<input type="checkbox" data-field="privileges:disabled"> <strong>Disable Privilege Threshold System</strong>
			</label>
		</div>
	</div>
</form>

<form>
	<h3>Email Settings</h3>
	<div class="alert alert-warning">
		<div>
			<p>
				<strong>Email Address</strong><br />
				The following email address refers to the email that the recipient will see in the "From" and "Reply To" fields.
			</p>
			<input type="text" class="form-control input-lg" data-field="email:from" placeholder="info@example.org" /><br />
		</div>
		<div>
			<p>
				<strong>SMTP Server Host</strong><br />
				(Default: <em>127.0.0.1</em>)
			</p>
			<input type="text" class="form-control input-md" data-field="email:smtp:host" placeholder="127.0.0.1" /><br />
		</div>
		<div>
			<p>
				<strong>SMTP Server Port</strong>
			</p>
			<input type="text" class="form-control input-md" data-field="email:smtp:port" placeholder="25" /><br />
		</div>
	</div>
</form>

<form>
	<h3>Profile Settings</h3>
	<div class="alert alert-warning">
		<div class="checkbox">
			<label>
				<input type="checkbox" data-field="profile:convertProfileImageToPNG"> <strong>Convert profile image uploads to PNG</strong>
			</label>
		</div>
	</div>
</form>

<form>
	<h3>User Settings</h3>
	<div class="alert alert-warning">
		<strong>Minimum Username Length</strong><br />
		<input type="text" class="form-control" value="2" data-field="minimumUsernameLength"><br />
		<strong>Maximum Username Length</strong><br />
		<input type="text" class="form-control" value="16" data-field="maximumUsernameLength"><br />
		<strong>Minimum Password Length</strong><br />
		<input type="text" class="form-control" value="6" data-field="minimumPasswordLength"><br />
	</div>
</form>

<form>
	<h3>Post Settings</h3>
	<div class="alert alert-warning">
		<strong>Post Delay</strong><br /> <input type="text" class="form-control" value="10000" data-field="postDelay"><br />
		<strong>Minimum Title Length</strong><br /> <input type="text" class="form-control" value="3" data-field="minimumTitleLength"><br />
		<strong>Minimum Post Length</strong><br /> <input type="text" class="form-control" value="8" data-field="minimumPostLength"><br />
		<div class="checkbox">
			<label>
				<input type="checkbox" data-field="allowGuestPosting"> <strong>Allow guests to post without logging in</strong>
			</label>
		</div>
		<div class="checkbox">
			<label>
				<input type="checkbox" data-field="useOutgoingLinksPage"> <strong>Use Outgoing Links Warning Page</strong>
			</label>
		</div>
	</div>
</form>

<button class="btn btn-lg btn-primary" id="save">Save</button>

<script>
	require(['forum/admin/settings'], function(Settings) {
		Settings.prepare();
	});
</script>