{% extends "dash/_frame.twig" %}

{% block title %}
	{{ title }}
{% endblock %}

{% block stylesheets %}
	<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=adfa">
	{% endblock %}

	{% block mainContent %}
		<div id="dash-index">
			<div id="dash-index-wrapper">
				<div id="dash-init" class="dash-init">
					<br  />
					<form id="init-form">
						<h1>What up</h1>
						<p>Just fill these in and it'll get you started.</p>
						<br  />
						<label>What's your handle?</label><br />
						<input type="text" name="new_member_handle" id="new_member_handle"/>
						<br  />
						<label>Let's get that email</label><br />
						<input type="text" name="new_member_email" id="new_member_email"/>
						<br  />
						<label>And a password</label><br />
						<input type="text" name="new_member_pass" id="new_member_pass"/>
						<br  />
						<label>Confirm that pass</label><br />
						<input type="text" name="new_member_pass2" id="new_member_pass2"/>
						<br  />
						<label>What's your site called?</label><br />
						<input type="text" name="new_member_title" id="new_member_title"/>
						<br  />
						<button id="init-blog" data-action='blog-init' type='submit'>SET IT UP</button>
					</form>
					<div class="option">
						<button class="init-option" id="init-switch-restore">OR RESTORE FROM BACKUP</button>
					</div>
				</div>
				<div id="dash-restore" class="dash-restore">
					<form id="init-restore">
						<h1>Restore from backup</h1>
						<p>Let's verify your backup</p>
						<br  />
						<label>What's your handle?</label><br />
						<input type="text" name="restore_member_handle" id="restore_member_handle"/>
						<br  />
						<label>And your password</label><br />
						<input type="text" name="restore_member_pass" id="restore_member_pass"/>
						<br  />
						<label>Backup File</label><br />
						<input id="backup-upload" type="file" name="backup-upload"/>
						<br  />
						<button id="blog-restore" data-action='blog-restore' type='submit'>RESTORE</button>
					</form>
					<div class="option">
						<button class="init-option" id="init-switch-restore">OR INSTALL FROM SCRATCH</button>
					</div>
				</div>		
			</div>
		</div>
	{% endblock %}

	{% block javascripts %}
		<script src="/assets/scripts/dash.min.js" type="text/javascript"></script>
	{% endblock %}