{namespace sg=SGalinski\SgRoutes\ViewHelpers}

<f:layout name="Backend" />

<f:section name="iconButtons">
</f:section>
<f:section name="headline">
</f:section>
<f:section name="content">
	<f:flashMessages />
	<p>
		<f:translate key="backend.message" />
	</p>
	<f:render partial="Backend/Filter" arguments="{categories: categories, filters: filters}" />

	<f:if condition="{news}">
		<div class="panel panel-default recordlist">
			<div class="table-fit">
				<table data-table="pages" class="table table-striped table-hover">
					<sg:backend.widget.paginate objects="{news}" as="paginatedNews" configuration="{insertAbove: 1, itemsPerPage: 20}">
						<tbody>
							<f:for each="{paginatedNews}" as="singleNews">
								{sg:backend.editOnClick(table: 'pages', uid: singleNews.uid) -> sg:set(name: 'editOnClick')}
								<tr data-uid="{singleNews.uid}">
									<td nowrap="nowrap" class="col-icon">
										<f:format.raw>
											<sg:backend.icon table="pages" row="{singleNews}" />
										</f:format.raw>
									</td>
									<td nowrap="nowrap">
										<a href="#" onclick="{editOnClick}">
												<span>
													<f:if condition="{singleNews.title}">
														<f:then>
															{singleNews.title}
														</f:then>
													</f:if>
												</span>
										</a>
									</td>
									<td nowrap="nowrap" class="col-control">
										<f:format.raw>
											<sg:backend.control table="tx_sgroutes_domain_model_page" row="{singleNews}" />
										</f:format.raw>
									</td>
								</tr>
							</f:for>
						</tbody>
					</sg:backend.widget.paginate>
				</table>
			</div>
		</div>
	</f:if>

</f:section>