{namespace vh=In2code\Powermail\ViewHelpers}
<f:layout name="Backend"/>


	Show Backend Module: Powermail Reporting Form

<f:section name="content">

	<h1><f:translate key="BackendReportingFormTitle" /></h1>

	<div class="powermail_reporting_form">
		<div class="powermail_module_search">
			<div class="powermail_module_search_inner">
				<f:alias map="{forwardToAction: 'reportingFormBe'}">
					<f:render partial="Module/Filter" arguments="{_all}" />
				</f:alias>
			</div>
		</div>

		<f:if condition="{mails}">
			<f:then>
				<h3><f:translate key="BackendReportingFormSubtitle1" /> <f:count subject="{mails}" /> <f:translate key="Emails" />:</h3>


				<div class="row">
					<f:for each="{firstMail.answers}" as="answer">
						<div class="col-md-6">
							<div class="powermail_reporting_form_fields_item">
								<h4>{answer.field.title}</h4>

								<div class="flotContainer"
									 data-flot-active="1"
									 data-flot-data-colors="#FF9900, #FFA722, #FFB444, #FFC266, #FFD088, #FFDDAA, #FFEBCC"
									 data-flot-data-values="{vh:reporting.getValuesForCharts(answers:groupedAnswers, fieldUidOrKey:answer.field.uid, separator: ',', urlEncode:0)}"
									 data-flot-data-labels="{vh:reporting.getLabelsForCharts(answers:groupedAnswers, fieldUidOrKey:answer.field.uid, separator:',', urlEncode:0)}"></div>

								<div class="powermail_reporting_form_fields_table_absolute">
									<table class="powermail_reporting_form_fields_table">
										<tr>
											<th style="width: 90%; text-align: center;" class="powermail-close"><f:translate key="BackendReportingFormValue" /></th>
											<th style="width: 10%;" class="powermail_reporting_form_fields_table_right"><f:translate key="BackendReportingFormAmount" /></th>
										</tr>
										<f:for each="{vh:misc.variableInVariable(obj:'{groupedAnswers}', prop: '{answer.field.uid}')}" as="amount" key="value">
											<tr>
												<td>{value}</td>
												<td class="powermail_reporting_form_fields_table_right">{amount}</td>
											</tr>
										</f:for>
									</table>
								</div>
							</div>
						</div>
					</f:for>
				</div>
			</f:then>
			<f:else>
				<h3><f:translate key="BackendListNoMails" /></h3>
				<p><f:translate key="BackendListNoMailsSub" /></p>
			</f:else>
		</f:if>
	</div>
</f:section>