{namespace sgm=SGalinski\SgMail\ViewHelpers}

<f:layout name="Default" />
<f:section name="iconButtons">
</f:section>
<f:section name="main">
	<f:flashMessages renderMode="div" />
	<div class="col-md-12">
		<table class="table table-hover">
			<thead>
				<tr>
					<th>{f:translate(key:'backend.marker')}</th>
					<th>{f:translate(key:'backend.value')}</th>
					<th>{f:translate(key:'backend.description')}</th>
				</tr>
			</thead>
			<f:for each="{selectedTemplate.marker}" as="marker">
				<tr>
					<td>{marker.marker}</td>
					<td>{marker.value}</td>
					<td>{marker.description}</td>
				</tr>
			</f:for>
		</table>
	</div>
	<f:form class="col-md-12" method="post" controller="Mail" action="sendTestMail">
		<f:form.submit class="btn-primary btn form-group" value="{f:translate(key:'backend.send_test')}" />
		<f:form.textfield name="emailAddress" type="email" required="TRUE" class="email-input form-group" placeholder="{f:translate(key:'backend.email')}" />
		<f:form.hidden name="selectedLanguageLeft" value="{selectedLanguageLeft}"></f:form.hidden>
		<f:form.hidden name="selectedLanguageRight" value="{selectedLanguageRight}"></f:form.hidden>
		<f:form.hidden name="selectedTemplate" value="{selectedTemplateKey}"></f:form.hidden>
		<f:form.hidden name="selectedExtensionKey" value="{selectedTemplate.extension}"></f:form.hidden>
		<f:form.hidden name="selectedExtension" value="{selectedTemplate.extension}"></f:form.hidden>
		<f:form.hidden name="selectedTemplateKey" value="{selectedTemplateKey}"></f:form.hidden>
	</f:form>
	<f:form method="post" controller="Mail" action="save">
		<div class="col-md-6">
			<div class="form-group">
				<label class="">{f:translate(key:'backend.select_language')}</label>

				<f:be.menus.actionMenu>
					<f:for each="{languages}" as="language">
						<sgm:extendedIf condition="{language} == {selectedLanguageLeft}">
							<f:then>
								<sgm:be.menus.actionMenuItem label="{language}"
									controller="Mail"
									action="index"
									arguments="{selectedLanguageLeft: language, selectedLanguageRight: selectedLanguageRight, selectedTemplate: selectedTemplateKey, selectedExtensionKey: selectedTemplate.extension, selectedExtension: selectedTemplate.extension, selectedTemplateKey: selectedTemplateKey}"
									additionalAttributes="{selected: 'selected'}" />
							</f:then>
							<f:else>
								<sgm:be.menus.actionMenuItem label="{language}"
									controller="Mail"
									action="index"
									arguments="{selectedLanguageLeft: language, selectedLanguageRight: selectedLanguageRight, selectedTemplate: selectedTemplateKey, selectedExtensionKey: selectedTemplate.extension, selectedExtension: selectedTemplate.extension, selectedTemplateKey: selectedTemplateKey}" />
							</f:else>
						</sgm:extendedIf>
					</f:for>
				</f:be.menus.actionMenu>
			</div>
			<div class="form-group">
				<label for="subjectLeft" class="">{f:translate(key:'backend.subject')}</label>
				<f:form.textfield type="text" class="form-control" value="{subjectLeft}" name="subjectLeft"></f:form.textfield>
			</div>
			<label for="contentLeft" class="">{f:translate(key:'backend.content')}</label>
			<f:form.textarea class="form-control" rows="25" name="contentLeft" value="{contentLeft}"></f:form.textarea>
			<f:form.hidden name="selectedLanguageLeft" value="{selectedLanguageLeft}"></f:form.hidden>
			<f:form.hidden name="selectedLanguageRight" value="{selectedLanguageRight}"></f:form.hidden>
			<f:form.hidden name="selectedTemplate" value="{selectedTemplateKey}"></f:form.hidden>
			<f:form.hidden name="selectedExtensionKey" value="{selectedTemplate.extension}"></f:form.hidden>
			<f:form.hidden name="selectedExtension" value="{selectedTemplate.extension}"></f:form.hidden>
			<f:form.hidden name="selectedTemplateKey" value="{selectedTemplateKey}"></f:form.hidden>
		</div>

		<div class="col-md-6">
			<div class="form-group">
				<label class="">{f:translate(key:'backend.select_language')}</label>
				<f:be.menus.actionMenu>
					<f:for each="{languages}" as="language">
						<sgm:extendedIf condition="{language} == {selectedLanguageRight}">
							<f:then>
								<sgm:be.menus.actionMenuItem label="{language}"
									controller="Mail"
									action="index"
									arguments="{selectedLanguageLeft: selectedLanguageLeft, selectedLanguageRight: language, selectedTemplate: selectedTemplateKey, selectedExtensionKey: selectedTemplate.extension, selectedExtension: selectedTemplate.extension, selectedTemplateKey: selectedTemplateKey}"
									additionalAttributes="{selected: 'selected'}" />
							</f:then>
							<f:else>
								<sgm:be.menus.actionMenuItem label="{language}"
									controller="Mail"
									action="index"
									arguments="{selectedLanguageLeft: selectedLanguageLeft, selectedLanguageRight: language, selectedTemplate: selectedTemplateKey, selectedExtensionKey: selectedTemplate.extension, selectedExtension: selectedTemplate.extension, selectedTemplateKey: selectedTemplateKey}" />
							</f:else>
						</sgm:extendedIf>
					</f:for>
				</f:be.menus.actionMenu>
			</div>
			<div class="form-group">
				<label for="subjectRight" class="">{f:translate(key:'backend.subject')}</label>
				<f:form.textfield type="text" class=" form-control" value="{subjectRight}" name="subjectRight"></f:form.textfield>
			</div>
			<label for="contentRight" class="">{f:translate(key:'backend.content')}</label>
			<f:form.textarea class="form-control" rows="25" name="contentRight" value="{contentRight}"></f:form.textarea>
		</div>
		<div class="col-md-2">
			<div class="form-group">
				<f:form.submit class="btn-save-backend btn-success btn form-control" value="{f:translate(key:'backend.save')}" />
			</div>
		</div>
	</f:form>

</f:section>