{{template "base/head" .}}
<div role="main" aria-label="{{.Title}}" class="page-content repository settings lfs">
	{{template "repo/header" .}}
	{{template "repo/settings/navbar" .}}
	<div class="ui container">
		{{template "base/alert" .}}
		<h4 class="ui top attached header">
			{{.locale.Tr "repo.settings.lfs_filelist"}} ({{.locale.Tr "admin.total" .Total}})
			<div class="ui right">
				<a class="ui tiny show-panel button" href="{{.Link}}/locks">{{.locale.Tr "repo.settings.lfs_locks"}}</a>
				<a class="ui primary tiny show-panel button" href="{{.Link}}/pointers">&nbsp;{{.locale.Tr "repo.settings.lfs_findpointerfiles"}}</a>
			</div>
		</h4>
		<table id="lfs-files-table" class="ui attached segment single line table">
			<tbody>
				{{range .LFSFiles}}
					<tr>
						<td>
							<span class="text sha label">
								<a href="{{$.Link}}/show/{{.Oid}}" title="{{.Oid}}" class="ui detail icon button brown truncate">
									{{ShortSha .Oid}}
								</a>
							</span>
						</td>
						<td>{{FileSize .Size}}</td>
						<td>{{TimeSince .CreatedUnix.AsTime $.locale}}</td>
						<td class="right aligned">
							<a class="ui primary show-panel button" href="{{$.Link}}/find?oid={{.Oid}}&size={{.Size}}">{{$.locale.Tr "repo.settings.lfs_findcommits"}}</a>
							<button class="ui basic show-modal icon button" data-modal="#delete-{{.Oid}}">
								<span class="btn-octicon btn-octicon-danger tooltip"  data-content="{{$.locale.Tr "repo.editor.delete_this_file"}}" data-position="bottom center">{{svg "octicon-trash"}}</span>
							</button>
						</td>
					</tr>
				{{else}}
					<tr>
						<td colspan="4">{{.locale.Tr "repo.settings.lfs_no_lfs_files"}}</td>
					</tr>
				{{end}}
			</tbody>
		</table>
		{{template "base/paginate" .}}
		{{range .LFSFiles}}
			<div class="ui basic modal" id="delete-{{.Oid}}">
				<div class="ui icon header">
					{{$.locale.Tr "repo.settings.lfs_delete" .Oid}}
				</div>
				<div class="content center">
					<p>
						{{$.locale.Tr "repo.settings.lfs_delete_warning"}}
					</p>
					<form class="ui form" action="{{$.Link}}/delete/{{.Oid}}" method="post">
						{{$.CsrfTokenHtml}}
						<div class="center actions">{{/* TODO: Convert to base/delete_modal_actions */}}
							<button class="ui basic cancel inverted button">{{$.locale.Tr "settings.cancel"}}</button>
							<button class="ui basic inverted yellow button">{{$.locale.Tr "modal.yes"}}</button>
						</div>
					</form>
				</div>
			</div>
		{{end}}
	</div>
</div>
{{template "base/footer" .}}
