{namespace sgm=SGalinski\SgMail\ViewHelpers}

<f:layout name="Default" />

<f:section name="iconButtons">
</f:section>

<f:section name="content">
	<f:flashMessages/>
	<f:if condition="{queue -> f:count()} > 0">
		<f:then>
			<div class="panel panel-default recordlist">
				<div class="table-fit">
					<table data-table="tx_sgmail_domain_model_mail" class="table table-striped table-hover">
						<sgm:backend.widget.paginate objects="{queue}" as="paginatedMails" configuration="{insertAbove: 1, itemsPerPage: 20}">
							<tbody>
								<f:for each="{paginatedMails}" as="mail">
									{sgm:backend.editOnClick(table: 'tx_sgmail_domain_model_mail', uid: mail.uid) -> sgm:set(name: 'editOnClick') -> f:format.raw()}
									<tr data-uid="{mail.uid}">
										<td nowrap="nowrap" class="col-icon">
											<f:format.raw>
												<sgm:backend.icon table="tx_sgmail_domain_model_mail" row="{mail}" />
											</f:format.raw>
										</td>
										<td nowrap="nowrap">
											<a href="#" onclick="{editOnClick}">
												<span>{mail.from_address} -> {mail.to_address}, {mail.mail_subject}</span>
											</a>
										</td>
										<td nowrap="nowrap" class="col-control">
											<f:format.raw>
												<sgm:backend.control table="tx_sgmail_domain_model_mail" row="{mail}" />
											</f:format.raw>
										</td>
										<td>
											<f:if condition="{mail.sent} == '0'">
												<f:then>
													<f:link.action class="btn btn-default btn-send-now" controller="Queue" action="sendMail" arguments="{uid: mail.uid}">
													<span class="t3js-icon icon icon-size-small icon-state-default actions-document-import-t3d">
														<span class="icon-markup">
															<img src="/typo3/sysext/core/Resources/Public/Icons/T3Icons/actions/actions-document-import-t3d.svg" width="16" height="16">
														</span>
													</span>s
														Send Now
													</f:link.action>
												</f:then>
												<f:else>
													<f:link.action class="btn btn-default btn-resend" controller="Queue" action="sendMail" arguments="{uid: mail.uid}">
															<span class="t3js-icon icon icon-size-small icon-state-default icon-actions-insert-reference">
																<span class="icon-markup">
																	<img src="/typo3/sysext/core/Resources/Public/Icons/T3Icons/actions/actions-insert-reference.svg" width="16" height="16">
																</span>
															</span>
														Send Again
													</f:link.action>
												</f:else>
											</f:if>
										</td>
										<td>
											<a class="btn btn-default btn-toggle" data-uid="{mail.uid}">
												<span class="t3js-icon icon icon-size-small icon-state-default actions-document-view">
													<span class="icon-markup">
														<img src="/typo3/sysext/core/Resources/Public/Icons/T3Icons/actions/actions-document-view.svg" width="16" height="16">
													</span>
												</span>
												<f:translate key="backend.showBody" />
											</a>
										</td>
									</tr><!-- Modal -->
									<div class="modal fade" id="toggle-{mail.uid}" tabindex="-1" role="dialog" aria-labelledby="login-modal-label">
										<div class="modal-dialog" role="document">
											<div class="modal-content">
												<div class="modal-header">
													<button type="button" class="close" data-dismiss="modal" aria-label="Close">
														<span aria-hidden="true">&times;</span></button>
													<h4 class="modal-title" id="login-modal-label">{mail.mail_subject}</h4>
												</div>
												<div class="modal-body" id="login-modal-body">
													<div class="modalcol modalcol-left">
														<f:format.html>
															{mail.mail_body}
														</f:format.html>
													</div>
												</div>
											</div>
										</div>
									</div>
								</f:for>
							</tbody>
						</sgm:backend.widget.paginate>
					</table>
				</div>
			</div>
		</f:then>
		<f:else>
			<f:render partial="Queue/Empty" />
		</f:else>
	</f:if>
</f:section>