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

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

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

	{% block mainContent %}
		<article role="settings">
			<section role="member-settings">
				<div role="member-avatar">
					<div role="avatar" style="background: url({{ member['avatar'] }} ) no-repeat center center / cover"></div>
					<input id="avatar-upload" type="file" name="avatar-upload"/>
				</div>
				<div role="site-background">
					<div role="background" style="background: url({{ background }} ) no-repeat center center / cover"></div>
					<input id="background-upload" type="file" name="backgrond-upload"/>
				</div>
				<div>
					<input type='text' name='handle' id='settings-handle' placeholder='handle' value="{{ member['handle'] }}" autofocus/>
					<input type='text' name='email' id='settings-email' placeholder='email' value="{{ member['email'] }}" autofocus/>
					<input type='text' name='base-url' id='settings-url' placeholder='url' value="{{ baseUrl }}" autofocus/>
					<input type='text' name='base-title' id='settings-title' placeholder='site title' value="{{ siteTitle }}" autofocus/>
					<textarea id="settings-desc" type='text' name='settings_desc' class='settings-dec' placeholder='description stuff' , autofocus>{{ desc }}</textarea>
				</div>

				<div>
					<button id="create-backup">
						<i class="ti ti-disc"></i>
						<span>BACK UP YOUR SITE</span>
					</button><br/>
					{% if lastBackup != '' %}
						LAST BACK UP<br/>
						<a href="/api/v1/files">{{ lastBackup }}</a><br/>
					{% else %}
						<span>span No back ups. Frowny face.</span>
					{% endif %}
				</div>
				<div role="features">
					{% if apiStatus is defined and apiStatus == "true" %}
						<button id="api-access-toggle" title="allow external api" data-enabled="true">
							<i class="ti ti-phone-incoming"></i>
							<span id="api-status">API ACCESS ENABLED</span>
						</button>

					{% else %}
						<button id="api-access-toggle" title="allow external api" data-enabled="false">
							<i class="ti ti-phone-incoming"></i>
							<span id="api-status">API ACCESS NOT ENABLED</span>
						</button>

					{% endif %}
					{% if dynamicRenderStatus is defined and dynamicRenderStatus == "true" %}
						<button id="dynamic-render-toggle" title="allow external api" data-enabled="true">
							<i class="ti ti-arrow-merge"></i>
							<span id="dynamic-render-status">DYNAMIC PAGE RENDERING</span>
						</button>

					{% else %}
						<button id="dynamic-render-toggle" title="allow external api" data-enabled="false">
							<i class="ti ti-arrow-merge"></i>
							<span id="dynamic-render-status">STATIC PAGE RENDERING</span>
						</button>

					{% endif %}
				</div>
				<div role="theme">
					<label>Themes</label><br/>
					{% for theme in themes %}
						{% if theme.name == currentTheme %}
							<button id="{{ theme.name }}" class="theme-select" data-enabled="true">
								<i class="ti ti-brush"></i>
								<span>{{ theme['display-name'] }}</span>
							</button>
						{% else %}
							<button href="#" id="{{ theme.name }}" class="theme-select" data-enabled="false">
								<i class="ti ti-brush-off"></i>
								<span>{{ theme['display-name'] }}</span>
							</button>
						{% endif %}

					{% endfor %}
				</div>
				<div role="mail">
					<label>Email</label><br/>
					{% if mailOption == "option-none" or mailOption == "" %}
						<a href="#" class="mail-option" id="option-none" data-enabled="true">NONE</a>
					{% else %}
						<a href="#" class="mail-option" id="option-none" data-enabled="false">NONE</a>
					{% endif %}
					{% if mailOption == "option-mg" or mailOption == "" %}
						<a href="#" class="mail-option" id="option-mg" data-enabled="true">MAILGUN</a>
					{% else %}
						<a href="#" class="mail-option" id="option-mg" data-enabled="false">MAILGUN</a>
					{% endif %}
					{% if mailOption == "option-smtp" or mailOption == "" %}
						<a href="#" class="mail-option" id="option-smtp" data-enabled="true">SMTP</a>
					{% else %}
						<a href="#" class="mail-option" id="option-smtp" data-enabled="false">SMTP</a>
					{% endif %}

					{% apply spaceless %}
					{{ include("dash/partials/mailforms.twig") }}
					{% endapply %}
					<button id="send-mail">
						<i class="ti ti-mailbox"></i>
						<span>TEST MAIL</span>
					</button>
					<br/><br/>
				</div>
				<div>
					<label>API KEY</label>
					<br/>
					{{ member['key'] }}
					<br/>
					<label>FORM TOKEN</label><br/>
					{{ ftoken }}
				</div>
			</section>
		</article>
	{% endblock %}