{namespace sg=SGalinski\SgNews\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:if condition="{showNewsList}">
		<f:then>
			<f:render partial="Backend/Filter" arguments="{categories: categories, tags: tags, showCategoryFilter: showCategoryFilter, filters: filters}" />


			<div class="form-group">
				<f:if condition="{showCategoryFilter}">
					<f:then>
						<a href="#" class="btn btn-default" onclick="{sg:backend.editOnClick(table: 'pages', uid: pageUid, new: 1, type: 'category')}">
							<sg:backend.icon id="actions-document-new" size="small" />
							<f:translate key="backend.button.createCategory" />
						</a>
					</f:then>
					<f:else>
						<a href="#" class="btn btn-default" onclick="{sg:backend.editOnClick(table: 'pages', uid: pageUid, new: 1, type: 'news')}">
							<sg:backend.icon id="actions-document-new" size="small" />
							<f:translate key="backend.button.createNews" />
						</a>
					</f:else>
				</f:if>
			</div>

			<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">
										<tr data-uid="{singleNews.uid}">
											<td nowrap="nowrap" class="col-icon">
												<f:format.raw>
													<sg:backend.recordIcon table="pages" row="{singleNews}" />
												</f:format.raw>
											</td>
											<td nowrap="nowrap">
												<a href="#" onclick="{sg:backend.editOnClick(table: 'pages', uid: singleNews.uid)}">
													<span>
														<f:if condition="{singleNews.translation_title}">
															<f:then>
																{singleNews.translation_title}
															</f:then>
															<f:else>
																{singleNews.title}
															</f:else>
														</f:if>
													</span>
												</a> <br />
												<sg:backend.translationLinks pageUid="{pageUid}" table="pages" uid="{singleNews.uid}" />
											</td>
											<td nowrap="nowrap" class="col-control">
												<f:format.raw>
													<sg:backend.control table="pages" row="{singleNews}" clipboard="1" />
												</f:format.raw>
											</td>
										</tr>
									</f:for>
								</tbody>
							</sg:backend.widget.paginate>
						</table>
					</div>
				</div>
			</f:if>
		</f:then>
		<f:else>
			<f:render partial="Backend/SelectPage" arguments="{pages: alternativePageOptions, pageUid: pageUid}" />
		</f:else>
	</f:if>
</f:section>