{namespace sgm=SGalinski\SgMail\ViewHelpers}

<f:layout name="Default" />

<f:section name="iconButtons">
</f:section>
<f:section name="content">
	<f:flashMessages renderMode="div" />
	<f:if condition="{selectedTemplate}">
		<f:then>
			<div class="form-group col-md-6">
				<p>{templateDescription}</p>
			</div>
			<div class="form-group col-md-2 col-md-offset-3">
				<f:link.action class="reset-btn reset-all-btn btn-danger btn form-group" action="reset" arguments="{template: selectedTemplateKey, extensionKey: selectedTemplate.extension}">{f:translate(key:'backend.button_reset_all')}</f:link.action>
			</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.type" /></th>
							<th><f:translate key="backend.value" /></th>
							<th><f:translate key="backend.usage" /></th>
							<th><f:translate key="backend.description" /></th>
						</tr>
					</thead>
					<f:for each="{selectedTemplate.marker}" as="marker">
						<tr>
							<td>{marker.marker}</td>
							<td>
								<f:if condition="{marker.type}">
									<f:translate key="{marker.type}">{marker.type}</f:translate>
								</f:if>
							</td>
							<td>
								<f:if condition="{sgm:isArray(value: '{marker.value}')}">
									<f:then>
										<f:for each="{marker.value}" as="value" key="key">
											{key}: {value}
											<br />
										</f:for>
									</f:then>
									<f:else>
										<f:translate key="{marker.value}">{marker.value}</f:translate>
									</f:else>
								</f:if>
							</td>
							<td>
								{marker.usage}
							</td>
							<td>
								<f:translate key="{marker.description}">{marker.description}</f:translate>
							</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-12 form-group">
					<f:form.submit class="btn-save-backend btn-success btn col-md-2 form-group" value="{f:translate(key:'backend.save')}" />
				</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} == {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">
						<f:link.action class="reset-btn btn-danger btn form-group" action="reset" arguments="{template: selectedTemplateKey, language: selectedLanguageLeft, extensionKey: selectedTemplate.extension}">{f:translate(key:'backend.button_reset')}</f:link.action>
					</div>
					<div class="form-group">
						<label for="fromNameLeft" class="">{f:translate(key:'backend.fromName')}</label>
						<f:form.textfield type="text" class="form-control" value="{fromNameLeft}" name="fromNameLeft"></f:form.textfield>
					</div>
					<div class="form-group">
						<label for="fromMailLeft" class="">{f:translate(key:'backend.fromMail')}</label>
						<f:form.textfield type="email" class="form-control" value="{fromMailLeft}" name="fromMailLeft"></f:form.textfield>
					</div>
					<div class="form-group">
						<label for="ccLeft" class="">{f:translate(key:'backend.cc')}</label>
						<f:form.textfield type="text" class="form-control" value="{ccLeft}" name="ccLeft"></f:form.textfield>
					</div>
					<div class="form-group">
						<label for="bccLeft" class="">{f:translate(key:'backend.bcc')}</label>
						<f:form.textfield type="text" class="form-control" value="{bccLeft}" name="bccLeft"></f:form.textfield>
					</div>
					<div class="form-group">
						<label for="replyToLeft" class="">{f:translate(key:'backend.replyTo')}</label>
						<f:form.textfield type="text" class="form-control" value="{replyToLeft}" name="replyToLeft"></f:form.textfield>
					</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">
						<f:link.action class="reset-btn btn-danger btn form-group" action="reset" arguments="{template: selectedTemplateKey, language: selectedLanguageRight, extensionKey: selectedTemplate.extension}">{f:translate(key:'backend.button_reset')}</f:link.action>
					</div>
					<div class="form-group">
						<label for="fromNameRight" class="">{f:translate(key:'backend.fromName')}</label>
						<f:form.textfield type="text" class="form-control" value="{fromNameRight}" name="fromNameRight"></f:form.textfield>
					</div>
					<div class="form-group">
						<label for="fromMailRight" class="">{f:translate(key:'backend.fromMail')}</label>
						<f:form.textfield type="email" class="form-control" value="{fromMailRight}" name="fromMailRight"></f:form.textfield>
					</div>
					<div class="form-group">
						<label for="ccRight" class="">{f:translate(key:'backend.cc')}</label>
						<f:form.textfield type="text" class="form-control" value="{ccRight}" name="ccRight"></f:form.textfield>
					</div>
					<div class="form-group">
						<label for="bccRight" class="">{f:translate(key:'backend.bcc')}</label>
						<f:form.textfield type="text" class="form-control" value="{bccRight}" name="bccRight"></f:form.textfield>
					</div>
					<div class="form-group">
						<label for="replyToRight" class="">{f:translate(key:'backend.replyTo')}</label>
						<f:form.textfield type="text" class="form-control" value="{replyToRight}" name="replyToRight"></f:form.textfield>
					</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:then>
		<f:else>
			<f:render partial="Mail/Empty" />
		</f:else>

	</f:if>
</f:section>