{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="{noPage}">
		<f:then>
			<f:if condition="{pages}">
				<div class="panel panel-default recordlist">
					<div class="table-fit">
						<table data-table="pages" class="table table-striped table-hover">
							<tbody>
								<f:for each="{pages}" as="page">
									<tr data-uid="{page.uid}">
										<td nowrap="nowrap" class="col-title">
											<a href="#" onclick="sgMailGoToPage({page.uid}); return false;">
												<sgm:backend.icon table="pages" row="{page}" clickMenu="0" />
												{page.title}
											</a>
										</td>
									</tr>
								</f:for>
							</tbody>
						</table>
					</div>
				</div>
			</f:if>
		</f:then>

		<f:else>
			<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:then>
												<f:translate key="{marker.type}">{marker.type}</f:translate>
											</f:then>
											<f:else>
												<f:translate key="backend.marker.type.string" />
											</f:else>
										</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>
										<f:if condition="{marker.usage}">
											<f:then>
												{marker.usage}
											</f:then>
											<f:else>
												<![CDATA[{]]>{marker.marker}<![CDATA[}]]>
											</f:else>
										</f:if>
									</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:else>
	</f:if>
</f:section>