<div class="installer">
	<img src="/assets/img/setup/logo-purple.png" srcset="/assets/img/setup/logo-purple@2x.png" alt="Documize Setup" style="width: 250px; height: 76px;">
	{{ui/ui-spacer size=300}}
	<h1 class="color-theme-700">Installation Guide</h1>
	<p class="color-gray-800">
		Review the <a href="https://docs.documize.com/s/VzO9ZqMOCgABGyfW/installation-guides/d/V16L08ucxwABhZF6/installation-guide">installation instructions</a>
		and recommended <a href="https://docs.documize.com/s/VzO9ZqMOCgABGyfW/installation-guides/d/V2KuM8ICcQABagM5/mysql-specific-database-tuning">database tuning guide</a>
	</p>
	{{ui/ui-spacer size=300}}

	<form {{action "save" on="submit"}}>
		<div class="form-group">
			<label>Site name</label>
			{{focus-input id="siteTitle" type="text" value=model.title class=(if hasEmptyTitleError "form-control is-invalid" "form-control")}}
			<small class="form-text text-muted">Usually your company or team name</small>
		</div>
		<div class="form-group">
			<label for="adminFirstname">Firstname</label>
			{{input id="adminFirstname" type="text" value=model.firstname class=(if hasEmptyFirstnameError "form-control is-invalid" "form-control")}}
		</div>
		<div class="form-group">
			<label for="adminLastname">Lastname</label>
			{{input id="adminLastname" type="text" value=model.lastname class=(if hasEmptyLastnameError "form-control is-invalid" "form-control")}}
		</div>
		<div class="form-group">
			<label for="adminEmail">Email</label>
			{{input id="adminEmail" type="email" value=model.email class=(if hasEmptyEmailError "form-control is-invalid" "form-control")}}
			<small class="form-text text-muted">No spam. Ever.</small>
		</div>
		<div class="form-group">
			<label for="adminPassword">Password</label>
			{{input id="adminPassword" type="password" value=model.password class=(if hasEmptyPasswordError "form-control is-invalid" "form-control")}}
			<small class="form-text text-muted">Pick something strong and unique that you don't use anywhere else</small>
		</div>
		{{ui/ui-button submit=true color=constants.Color.Green light=true label=buttonLabel onClick=(action "save")}}
	</form>

	{{ui/ui-spacer size=300}}
</div>
