{{template "base/head" .}}
<div class="page-content repository actions">
	{{template "repo/header" .}}
	<div class="ui container">
		{{template "base/alert" .}}

		{{if .HasWorkflowsOrRuns}}
		<div class="ui stackable grid">
			<div class="four wide column">
				<div class="ui fluid vertical menu">
					<a class="item{{if not $.CurWorkflow}} active{{end}}" href="?actor={{$.CurActor}}&status={{$.CurStatus}}">{{ctx.Locale.Tr "actions.runs.all_workflows"}}</a>
					{{range .workflows}}
						<a class="item{{if eq .Entry.Name $.CurWorkflow}} active{{end}}" href="?workflow={{.Entry.Name}}&actor={{$.CurActor}}&status={{$.CurStatus}}">{{.Entry.Name}}
							{{if .ErrMsg}}
								<span data-tooltip-content="{{.ErrMsg}}">
									{{svg "octicon-alert" 16 "text red"}}
								</span>
							{{end}}

							{{if $.ActionsConfig.IsWorkflowDisabled .Entry.Name}}
								<div class="ui red label">{{ctx.Locale.Tr "disabled"}}</div>
							{{end}}
						</a>
					{{end}}
				</div>
			</div>
			<div class="twelve wide column content">
				<div class="ui secondary filter menu tw-justify-end tw-flex tw-items-center">
					<!-- Actor -->
					<div class="ui{{if not .Actors}} disabled{{end}} dropdown jump item">
						<span class="text">{{ctx.Locale.Tr "actions.runs.actor"}}</span>
						{{svg "octicon-triangle-down" 14 "dropdown icon"}}
						<div class="menu">
							<div class="ui icon search input">
								<i class="icon">{{svg "octicon-search"}}</i>
								<input type="text" placeholder="{{ctx.Locale.Tr "actions.runs.actor"}}">
							</div>
							<a class="item{{if not $.CurActor}} active{{end}}" href="?workflow={{$.CurWorkflow}}&status={{$.CurStatus}}&actor=0">
								{{ctx.Locale.Tr "actions.runs.actors_no_select"}}
							</a>
							{{range .Actors}}
								<a class="item{{if eq .ID $.CurActor}} active{{end}}" href="?workflow={{$.CurWorkflow}}&actor={{.ID}}&status={{$.CurStatus}}">
									{{ctx.AvatarUtils.Avatar . 20}} {{.GetDisplayName}}
								</a>
							{{end}}
						</div>
					</div>
					<!-- Status -->
					<div class="ui dropdown jump item">
						<span class="text">{{ctx.Locale.Tr "actions.runs.status"}}</span>
						{{svg "octicon-triangle-down" 14 "dropdown icon"}}
						<div class="menu">
							<div class="ui icon search input">
								<i class="icon">{{svg "octicon-search"}}</i>
								<input type="text" placeholder="{{ctx.Locale.Tr "actions.runs.status"}}">
							</div>
							<a class="item{{if not $.CurStatus}} active{{end}}" href="?workflow={{$.CurWorkflow}}&actor={{$.CurActor}}&status=0">
								{{ctx.Locale.Tr "actions.runs.status_no_select"}}
							</a>
							{{range .StatusInfoList}}
								<a class="item{{if eq .Status $.CurStatus}} active{{end}}" href="?workflow={{$.CurWorkflow}}&actor={{$.CurActor}}&status={{.Status}}">
									{{.DisplayedStatus}}
								</a>
							{{end}}
						</div>
					</div>

					{{if .AllowDisableOrEnableWorkflow}}
						<button class="ui jump dropdown btn interact-bg tw-p-2">
							{{svg "octicon-kebab-horizontal"}}
							<div class="menu">
								<a class="item link-action" data-url="{{$.Link}}/{{if .CurWorkflowDisabled}}enable{{else}}disable{{end}}?workflow={{$.CurWorkflow}}&actor={{.CurActor}}&status={{$.CurStatus}}">
									{{if .CurWorkflowDisabled}}{{ctx.Locale.Tr "actions.workflow.enable"}}{{else}}{{ctx.Locale.Tr "actions.workflow.disable"}}{{end}}
								</a>
							</div>
						</button>
					{{end}}
				</div>
				{{template "repo/actions/runs_list" .}}
			</div>
		</div>
		{{else}}
			{{template "repo/actions/no_workflows" .}}
		{{end}}
	</div>
</div>
{{template "base/footer" .}}