{namespace m=TYPO3\Media\ViewHelpers}
<f:layout name="EditImage"/>

<f:section name="Title">Edit view of AssetController</f:section>

<f:section name="Content">
	<f:form method="post" action="update" object="{asset}" objectName="asset">
		<div class="neos-row-fluid">
			<div class="neos-span6 neos-image-inputs">
				<fieldset>
					<legend>Basics</legend>
					<label for="title">Title</label>
					<f:form.textfield property="title" placeholder="Title"/>
					<label for="caption">Caption</label>
					<f:form.textarea property="caption" id="caption" rows="3" placeholder="Caption"/>
					<f:if condition="{tags}">
						<label>Tags</label>
						<f:for each="{tags}" as="tag">
							<label class="neos-checkbox neos-inline">
								<m:form.checkbox property="tags" multiple="TRUE" value="{tag}" /><span></span> {tag.label}
							</label>
						</f:for>
					</f:if>
				</fieldset>
				<fieldset>
					<legend>Metadata</legend>
					<table class="neos-info-table">
						<tbody>
							<tr>
								<th>Filename</th>
								<td><a href="{f:uri.resource(resource:asset.resource)}" target="_blank">{asset.resource.filename}</a></td>
							</tr>
							<tr>
								<th>Last modified (resource)</th>
								<td>{asset.lastModified -> f:format.date(format: 'Y-m-d H:i:s')}</td>
							</tr>
						</tbody>
					</table>
				</fieldset>
			</div>
			<div class="neos-span6 neos-image-example">
				<f:render section="ContentImage" arguments="{_all}" />
			</div>
		</div>
		<div class="neos-footer">
			<f:link.action action="index" title="Cancel editing" class="neos-button">Cancel</f:link.action>
			<button type="submit" form="postHelper" formaction="{f:uri.action(action: 'delete', arguments: '{asset: asset}')}" class="neos-button neos-button-danger" title="Delete asset">Delete</button>
			<f:form.submit id="save" class="neos-button neos-button-primary" value="Save" />
		</div>
	</f:form>
	<f:form action="index" id="postHelper" method="post"></f:form>
</f:section>

<f:section name="ContentImage">
	<label>Preview</label>
	<div class="neos-preview-image">
		<m:image asset="{asset}" maximumWidth="1000" maximumHeight="1000" alt="{f:if(condition: asset.title, then: asset.title, else: asset.resource.filename)}" class="img-polaroid" />
	</div>
</f:section>