{namespace sgm=SGalinski\SgMail\ViewHelpers}

<f:layout name="Default" />

<f:section name="iconButtons">
</f:section>
<f:section name="content">
	<f:flashMessages />
	<br />
	<f:if condition="{selectedTemplate}">
		<f:then>
			<div class="row form-group col-md-12">
				<div class=" col-md-10">
					<p>{templateDescription}</p>
				</div>
				<div class=" col-md-2">
					<f:link.action class="reset-btn reset-all-btn btn-danger btn" style="width: 100%;" action="reset" arguments="{template: selectedTemplateKey, extensionKey: selectedTemplate.extension}">{f:translate(key:'backend.button_reset_all')}</f:link.action>
				</div>
			</div>
			<div class="col-md-12 row">
				<div class="col-md-12">
					<div class="form-group">
						<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>
				</div>
			</div>
			<div class="row col-md-12 form-group">
				<f:form method="post" controller="Mail" action="sendTestMail">
					<div class="col-md-12 form-group">
						<f:form.submit class="btn-primary btn form-group" value="{f:translate(key:'backend.send_test')}" />
						<f:form.textfield name="parameters[emailAddress]" type="email" required="TRUE" class="email-input form-group" value="{beUserMail}" />
						<f:form.hidden name="parameters[selectedTemplate]" value="{selectedTemplateKey}" />
						<f:form.hidden name="parameters[selectedExtensionKey]" value="{selectedTemplate.extension}" />
						<f:form.hidden name="parameters[selectedExtension]" value="{selectedTemplate.extension}" />
						<f:form.hidden name="parameters[selectedTemplateKey]" value="{selectedTemplateKey}" />
					</div>

					<f:for each="{languageTemplates}" as="languageTemplate" key="key">
						<div class="template-col col-md-{colspace}">
							<f:for each="{languageLabels}" as="label" key="innerKey">
								<f:if condition="{key} == {innerKey}">
									<h3>{label}</h3>
								</f:if>
							</f:for>


							<div class="col-md-12">
								<div class="row form-group">
									<label for="parameters[templates][{key}][fromName]" class="">{f:translate(key:'backend.fromName')}</label>
									<f:form.textfield type="text" class="form-control" value="{languageTemplate.fromName}" name="parameters[templates][{key}][fromName]" />
								</div>
								<div class="row form-group">
									<label for="parameters[templates][{key}][fromMail]" class="">{f:translate(key:'backend.fromMail')}</label>
									<f:form.textfield type="email" class="form-control" value="{languageTemplate.fromMail}" name="parameters[templates][{key}][fromMail]" />
								</div>
								<div class="row form-group">
									<label for="parameters[templates][{key}][cc]" class="">{f:translate(key:'backend.cc')}</label>
									<f:form.textfield type="text" class="form-control" value="{languageTemplate.cc}" name="parameters[templates][{key}][cc]" />
								</div>
								<div class="row form-group">
									<label for="parameters[templates][{key}][bcc]" class="">{f:translate(key:'backend.bcc')}</label>
									<f:form.textfield type="text" class="form-control" value="{languageTemplate.bcc}" name="parameters[templates][{key}][bcc]" />
								</div>
								<div class="row form-group">
									<label for="parameters[templates][{key}][replyTo]" class="">{f:translate(key:'backend.replyTo')}</label>
									<f:form.textfield type="text" class="form-control" value="{languageTemplate.replyTo}" name="parameters[templates][{key}][replyTo]" />
								</div>
								<div class="row form-group">
									<label for="parameters[templates][{key}][subject]" class="">{f:translate(key:'backend.subject')}</label>
									<f:form.textfield type="text" class="form-control" value="{languageTemplate.subject}" name="parameters[templates][{key}][subject]" />
								</div>
								<div class="row form-group">
									<label for="parameters[templates][{key}][content]" class="">{f:translate(key:'backend.content')}</label>
									<f:form.textarea class="form-control" rows="15" name="parameters[templates][{key}][content]" value="{languageTemplate.content}" />
								</div>
							</div>
						</div>
					</f:for>
				</f:form>
			</div>
		</f:then>
		<f:else>
			<f:render partial="Mail/Empty" />
		</f:else>
	</f:if>
	<f:if condition="{pages}">
		<div class="row">
			<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.pid}">
									<td nowrap="nowrap" class="col-title">
										<a href="#" onclick="sgMailGoToPage({page.uid}); return false;">
											<sgm:backend.icon table="pages" row="{page}" clickMenu="0" />
											{page._thePathFull}
										</a>
									</td>
								</tr>
							</f:for>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</f:if>
</f:section>