{namespace neos=TYPO3\Neos\ViewHelpers}
<f:layout name="BackendSubModule" />

<f:section name="content">
	<f:if condition="{sites}">
		<f:then>
			<f:form action="publishOrDiscardNodes">
				<legend>Unpublished changes</legend>
				<br />
				<div class="neos-row-fluid">
					<table class="neos-table">
						<thead>
							<tr>
								<th class="check neos-priority1">
									<label for="check-all" class="neos-checkbox">
										<input type="checkbox" id="check-all" /><span></span>
									</label>
								</th>
								<th class="legend neos-priority1"></th>
								<th class="label neos-priority1">Label</th>
								<th class="nodetype neos-priority3">Node type</th>
								<th class="relpath neos-priority4">Relative path</th>
								<th class="neos-action neos-priority1"></th>
							</tr>
						</thead>
						<tbody>
							<f:for each="{sites}" as="site">
								<f:for each="{site.documents}" key="documentPath" as="document">
									<tr class="neos-folder">
										<td colspan="2" class="neos-priority1">
											<strong>Path:
												<f:if condition="{document.documentNode.removed}">
													<f:then>
														/{documentPath}
													</f:then>
													<f:else>
														<neos:link.node node="{document.documentNode}" absolute="1">
															/{documentPath}
														</neos:link.node>
													</f:else>
												</f:if>
											</strong>
											<f:if condition="{sites -> f:count()} > 1">
												<div class="neos-pull-right">
													<strong>Site: {f:if(condition: site.siteNode.name, then: site.siteNode.name, else: site.siteNode.nodeName)}</strong>
												</div>
											</f:if>
										</td>
										<td class="neos-priority1">
											<f:if condition="{sites -> f:count()} > 1">
												<strong>Site: {f:if(condition: site.siteNode.name, then: site.siteNode.name, else: site.siteNode.nodeName)}</strong>
											</f:if>
										</td>
										<td class="neos-priority3">&nbsp;</td>
										<td class="neos-priority4">&nbsp;</td>
										<td class="neos-priority1 neos-aRight">
											<i class="fold-toggle icon-chevron-down icon-white" data-toggle="fold-{document.documentNode.identifier}"></i>
										</td>
									</tr>
									<f:for each="{document.changes}" key="relativePath" as="change">
										<tr class="fold-{document.documentNode.identifier}">
											<td class="check neos-priority1">
												<label for="{change.node.identifier}" class="neos-checkbox"><f:form.checkbox name="nodes[]" value="{change.node.contextPath}" id="{change.node.identifier}" /><span></span></label>
											</td>
											<td class="legend neos-priority1">
												<label for="{change.node.identifier}">
													<f:if condition="{change.node.removed}">
														<f:then><i class="legend icon-trash icon-white" title="deleted"></i></f:then>
														<f:else>
															<f:if condition="{change.isNew}">
																<f:then><i class="legend icon-star icon-white" title="created"></i></f:then>
																<f:else>
																	<f:if condition="{change.isMoved}">
																		<f:then><i class="legend icon-move icon-white" title="moved"></i></f:then>
																		<f:else>
																			<f:if condition="{change.node.hidden}">
																				<f:then>
																					<i class="legend icon-eye-close icon-white" title="hidden"></i>
																				</f:then>
																				<f:else>
																					<i class="legend icon-pencil icon-white" title="edited"></i>
																				</f:else>
																			</f:if>
																		</f:else>
																	</f:if>
																</f:else>
															</f:if>
														</f:else>
													</f:if>
												</label>
											</td>
											<td class="label neos-priority1"><label for="{change.node.identifier}">{f:if(condition: change.node.label, then: change.node.label, else: '<em>[No title]</em>')}</label></td>
											<td class="node-type neos-priority3" title="{change.node.nodeType.name}">
												<label for="{change.node.identifier}">
													<f:if condition="{change.configuration.ui.icon}">
														<i class="{change.configuration.ui.icon}" title="{change.node.nodeType.name}"></i>
													</f:if>
													{f:if(condition: change.configuration.label, then: change.configuration.label, else: change.node.nodeType.name)}
												</label>
											</td>
											<td class="relpath neos-priority4"><label for="{change.node.identifier}">{f:if(condition: relativePath, then: relativePath, else: '&nbsp;')}</label></td>
											<td class="neos-action neos-aRight neos-priority1">
												<button form="postHelper" formaction="{f:uri.action(action: 'publishNode', arguments: '{node: change.node.contextPath}')}" type="submit" class="neos-button neos-button-success" title="Publish">
													<i class="icon-check icon-white"></i>
												</button>
												<button form="postHelper" formaction="{f:uri.action(action: 'discardNode', arguments: '{node: change.node.contextPath}')}" type="submit" class="neos-button neos-button-danger" title="Discard">
													<i class="icon-trash icon-white"></i>
												</button>
											</td>
										</tr>
									</f:for>
								</f:for>
							</f:for>
						</tbody>
						<tfoot>
							<td colspan="6">
								Legend:
								<i class="legend icon-pencil icon-white"></i> edited
								<i class="legend icon-move icon-white"></i> moved
								<i class="legend icon-star icon-white"></i> created
								<i class="legend icon-eye-close icon-white"></i> hidden
								<i class="legend icon-trash icon-white"></i> deleted
							</td>
						</tfoot>
					</table>
				</div>
				<f:render section="actions" arguments="{workspace: workspace}" />
			</f:form>
		</f:then>
		<f:else>
			<p>There are no unpublished changes in this workspace.</p>
		</f:else>
	</f:if>

	<div class="neos-hide" id="discard">
		<div class="neos-modal">
			<div class="neos-modal-header">
				<button type="button" class="neos-close neos-button" data-dismiss="modal"></button>
				<div class="neos-header">Do you really want to discard all changes in the "{workspace.name}" workspace?</div>
			</div>
			<div class="neos-modal-footer">
				<a href="#" class="neos-button" data-dismiss="modal">Cancel</a>
				<button form="postHelper" formaction="{f:uri.action(action: 'discardWorkspace', arguments: '{workspace: workspace}')}" type="submit" class="neos-button neos-button-danger">
					<i class="icon-trash icon-white"></i>
					Discard all changes
				</button>
			</div>
		</div>
		<div class="neos-modal-backdrop neos-in"></div>
	</div>

	<f:form action="index" id="postHelper" method="post"></f:form>

	<script>
		(function($) {
			$('#check-all').change(function() {
				var value = false;
				if ($(this).is(':checked')) {
					value = true;
					$('.batch-action').removeClass('neos-disabled').removeAttr('disabled');
				} else {
					$('.batch-action').addClass('neos-disabled').attr('disabled', 'disabled');
				}
				$('tbody input[type="checkbox"]').prop('checked', value);
			});
			$('tbody input[type="checkbox"]').change(function() {
				if ($('tbody input[type="checkbox"]:checked').length > 0) {
					$('.batch-action').removeClass('neos-disabled').removeAttr('disabled')
				} else {
					$('.batch-action').addClass('neos-disabled').attr('disabled', 'disabled');
				}
			});
			$('.fold-toggle').click(function() {
				$(this).toggleClass('icon-chevron-down icon-chevron-up');
				$('tr.' + $(this).data('toggle')).toggle();
			});
		})(jQuery);
	</script>
</f:section>

<f:section name="actions">
	<div class="neos-footer">
		<button type="submit" name="moduleArguments[action]" value="publish" class="neos-button neos-disabled batch-action" disabled="disabled">Publish <strong>selected</strong> changes</button>
		<button type="submit" name="moduleArguments[action]" value="discard" class="neos-button neos-disabled batch-action" disabled="disabled">Discard <strong>selected</strong> changes</button>
		<button class="neos-button neos-button-danger" data-toggle="modal" href="#discard">Discard <strong>all</strong> changes</button>
		<button form="postHelper" formaction="{f:uri.action(action: 'publishWorkspace', arguments: '{workspace: workspace}')}" type="submit" class="neos-button neos-button-primary">Publish <strong>all</strong> changes</button>
	</div>
</f:section>