{{template "base/head" .}}
<div class="page-content admin runners">
	{{template "admin/navbar" .}}
	<div class="ui container">
		{{template "base/alert" .}}
		<h4 class="ui top attached header">
			{{.locale.Tr "admin.runners.runner_title"}} #{{.Runner.ID}} {{.Runner.Name}}
		</h4>
		<div class="ui attached segment">
			<form class="ui form" action="{{.Link}}" method="post">
				{{template "base/disable_form_autofill"}}
				{{.CsrfTokenHtml}}
				<div class="runner-basic-info">
					<div class="field dib">
						<label>{{.locale.Tr "admin.runners.last_online"}}</label>
						<span>{{TimeSinceUnix .Runner.LastOnline $.locale}}</span>
					</div>
					<div class="field dib">
						<label>{{.locale.Tr "admin.runners.agent_labels"}}</label>
						<span>
							{{range .Runner.AgentLabels}}
							<span>{{.}}</span>
							{{end}}
						</span>
					</div>
					<div class="field dib">
						<label>{{.locale.Tr "admin.runners.owner_type"}}</label>
						<span>{{.Runner.OwnType}}</span>
					</div>
				</div>

				<div class="ui divider"></div>

				<div class="field">
					<label for="description">{{.locale.Tr "admin.runners.description"}}</label>
					<input id="description" name="description" value="{{.Runner.Description}}">
				</div>
				<div class="field">
					<label for="custom_labels">{{.locale.Tr "admin.runners.custom_labels"}}</label>
					<input id="custom_labels" name="custom_labels" value="{{Join .Runner.CustomLabels `,`}}">
					<p class="help">{{.locale.Tr "admin.runners.custom_labels_helper"}}</p>
				</div>

				<div class="ui divider"></div>

				<div class="field">
					<button class="ui green button">{{.locale.Tr "admin.runners.update_runner"}}</button>
					<div class="ui red button delete-button" data-url="{{$.Link}}/delete" data-id="{{.Runner.ID}}">
						{{.locale.Tr "admin.runners.delete_runner"}}</div>
				</div>
			</form>
		</div>

		<h4 class="ui top attached header">
			{{.locale.Tr "admin.runner.task_list"}}
		</h4>
		<div class="ui attached segment">
				Comming soon
		</div>
	</div>
</div>

<div class="ui small basic delete modal">
	<div class="ui icon header">
		{{svg "octicon-trash"}}
		{{.locale.Tr "settings.delete_account_title"}}
	</div>
	<div class="content">
		<p>{{.locale.Tr "settings.delete_account_desc"}}</p>
	</div>
	{{template "base/delete_modal_actions" .}}
</div>
{{template "base/footer" .}}