{{if .Flash}}
	<div class="sixteen wide column tw-mb-2">
		{{template "base/alert" .}}
	</div>
{{end}}
<div class="tw-hidden" id="issue-page-info"
	data-issue-index="{{$.Issue.Index}}"
	data-issue-dependency-search-type="{{$.IssueDependencySearchType}}"
	data-issue-repo-link="{{$.RepoLink}}"
	data-issue-repo-id="{{$.Repository.ID}}"
></div>
<div class="issue-title-header">
	{{$canEditIssueTitle := and (or .HasIssuesOrPullsWritePermission .IsIssuePoster) (not .Repository.IsArchived)}}
	<div class="issue-title" id="issue-title-display">
		<h1 class="tw-break-anywhere">
			{{ctx.RenderUtils.RenderIssueTitle .Issue.Title ($.Repository.ComposeMetas ctx)}}
			<span class="index">#{{.Issue.Index}}</span>
		</h1>
		<div class="issue-title-buttons">
			{{if $canEditIssueTitle}}
			<button id="issue-title-edit-show" class="ui small basic button">{{ctx.Locale.Tr "repo.issues.edit"}}</button>
			{{end}}
			{{if not .Issue.IsPull}}
			<a role="button" class="ui small primary button" href="{{.RepoLink}}/issues/new{{if .NewIssueChooseTemplate}}/choose{{end}}">{{ctx.Locale.Tr "repo.issues.new"}}</a>
			{{end}}
		</div>
	</div>
	{{if $canEditIssueTitle}}
	<div class="ui form issue-title tw-hidden" id="issue-title-editor">
		<div class="ui input tw-flex-1">
			<input value="{{.Issue.Title}}" data-old-title="{{.Issue.Title}}" maxlength="255" autocomplete="off">
		</div>
		<div class="issue-title-buttons">
			<button class="ui small basic cancel button">{{ctx.Locale.Tr "repo.issues.cancel"}}</button>
			<button class="ui small primary button" data-update-url="{{$.RepoLink}}/issues/{{.Issue.Index}}/title">
				{{ctx.Locale.Tr "repo.issues.save"}}
			</button>
		</div>
	</div>
	{{end}}
	<div class="issue-title-meta">
		{{if .HasMerged}}
			<div class="ui purple label issue-state-label">{{svg "octicon-git-merge" 16 "tw-mr-1"}} {{if eq .Issue.PullRequest.Status 3}}{{ctx.Locale.Tr "repo.pulls.manually_merged"}}{{else}}{{ctx.Locale.Tr "repo.pulls.merged"}}{{end}}</div>
		{{else if .Issue.IsClosed}}
			<div class="ui red label issue-state-label">{{svg (Iif .Issue.IsPull "octicon-git-pull-request-closed" "octicon-issue-closed")}} {{ctx.Locale.Tr "repo.issues.closed_title"}}</div>
		{{else if .Issue.IsPull}}
			{{if .IsPullWorkInProgress}}
				<div class="ui grey label issue-state-label">{{svg "octicon-git-pull-request-draft"}} {{ctx.Locale.Tr "repo.issues.draft_title"}}</div>
			{{else}}
				<div class="ui green label issue-state-label">{{svg "octicon-git-pull-request"}} {{ctx.Locale.Tr "repo.issues.open_title"}}</div>
			{{end}}
		{{else}}
			<div class="ui green label issue-state-label">{{svg "octicon-issue-opened"}} {{ctx.Locale.Tr "repo.issues.open_title"}}</div>
		{{end}}
		<div class="tw-ml-2 tw-flex-1 tw-break-anywhere">
			{{if .Issue.IsPull}}
				{{$headHref := .HeadTarget}}
				{{if .HeadBranchLink}}
					{{$headHref = HTMLFormat `<a href="%s">%s</a> <button class="btn interact-fg" data-tooltip-content="%s" data-clipboard-text="%s">%s</button>` .HeadBranchLink $headHref (ctx.Locale.Tr "copy_branch") .HeadTarget (svg "octicon-copy" 14)}}
				{{else}}
					{{if .Issue.PullRequest.IsAgitFlow}}
						{{$headHref = HTMLFormat `%s <a href="%s" target="_blank"><span class="ui label basic tiny" data-tooltip-content="%s">AGit</span></a>` $headHref "https://docs.gitea.com/usage/agit" (ctx.Locale.Tr "repo.pull.agit_documentation")}}
					{{else}}
						{{$headHref = HTMLFormat `<span class="tw-line-through" data-tooltip-content="%s">%s</span>` (ctx.Locale.Tr "form.target_branch_not_exist") $headHref}}
					{{end}}
				{{end}}
				{{$baseHref := .BaseTarget}}
				{{if .BaseBranchLink}}
					{{if .BaseBranchNotExist}}
						{{$baseHref = HTMLFormat `<span class="tw-line-through" data-tooltip-content="%s">%s</span>` (ctx.Locale.Tr "form.target_branch_not_exist") $baseHref}}
					{{else}}
						{{$baseHref = HTMLFormat `<a href="%s">%s</a>` .BaseBranchLink $baseHref}}
					{{end}}
				{{end}}
				{{if .Issue.PullRequest.HasMerged}}
					{{$mergedStr:= DateUtils.TimeSince .Issue.PullRequest.MergedUnix}}
					{{if .Issue.OriginalAuthor}}
						{{.Issue.OriginalAuthor}}
						<span class="pull-desc">{{ctx.Locale.Tr "repo.pulls.merged_title_desc" .NumCommits $headHref $baseHref $mergedStr}}</span>
					{{else}}
						<a {{if gt .Issue.PullRequest.Merger.ID 0}}href="{{.Issue.PullRequest.Merger.HomeLink}}"{{end}}>{{.Issue.PullRequest.Merger.GetDisplayName}}</a>
						<span class="pull-desc">{{ctx.Locale.Tr "repo.pulls.merged_title_desc" .NumCommits $headHref $baseHref $mergedStr}}</span>
					{{end}}
				{{else}}
					{{if .Issue.OriginalAuthor}}
						<span id="pull-desc-display" class="pull-desc">{{.Issue.OriginalAuthor}} {{ctx.Locale.Tr "repo.pulls.title_desc" .NumCommits $headHref $baseHref}}</span>
					{{else}}
						<span id="pull-desc-display" class="pull-desc">
							<a {{if gt .Issue.Poster.ID 0}}href="{{.Issue.Poster.HomeLink}}"{{end}}>{{.Issue.Poster.GetDisplayName}}</a>
							{{ctx.Locale.Tr "repo.pulls.title_desc" .NumCommits $headHref $baseHref}}
						</span>
					{{end}}
					<span id="pull-desc-editor" class="tw-hidden flex-text-block" data-target-update-url="{{$.RepoLink}}/pull/{{.Issue.Index}}/target_branch">
						<div class="ui floating filter dropdown">
							<div class="ui basic small button tw-mr-0">
								<span class="text">{{ctx.Locale.Tr "repo.pulls.compare_compare"}}: {{$.HeadTarget}}</span>
							</div>
						</div>
						{{svg "octicon-arrow-right"}}
						<div class="ui floating filter dropdown" data-no-results="{{ctx.Locale.Tr "no_results_found"}}">
							<div class="ui basic small button">
								<span class="text" id="pull-target-branch" data-basename="{{$.BaseName}}" data-branch="{{$.BaseBranch}}">{{ctx.Locale.Tr "repo.pulls.compare_base"}}: {{$.BaseName}}:{{$.BaseBranch}}</span>
								{{svg "octicon-triangle-down" 14 "dropdown icon"}}
							</div>
							<div class="menu">
								<div class="ui icon search input">
									<i class="icon">{{svg "octicon-filter" 16}}</i>
									<input name="search" placeholder="{{ctx.Locale.Tr "repo.pulls.filter_branch"}}...">
								</div>
								<div class="scrolling menu" id="branch-select">
									{{range .Branches}}
										{{$sameBase := ne $.BaseName $.HeadUserName}}
										{{$differentBranch := ne . $.HeadBranch}}
										{{if or $sameBase $differentBranch}}
											<div class="item {{if eq $.BaseBranch .}}selected{{end}}" data-branch="{{.}}">{{$.BaseName}}:{{.}}</div>
										{{end}}
									{{end}}
								</div>
							</div>
						</div>
					</span>
				{{end}}
			{{else}}
				{{$createdStr:= DateUtils.TimeSince .Issue.CreatedUnix}}
				<span class="time-desc">
					{{if .Issue.OriginalAuthor}}
						{{ctx.Locale.Tr "repo.issues.opened_by_fake" $createdStr .Issue.OriginalAuthor}}
					{{else if gt .Issue.Poster.ID 0}}
						{{ctx.Locale.Tr "repo.issues.opened_by" $createdStr .Issue.Poster.HomeLink .Issue.Poster.GetDisplayName}}
					{{else}}
						{{ctx.Locale.Tr "repo.issues.opened_by_fake" $createdStr .Issue.Poster.GetDisplayName}}
					{{end}}
					·
					{{ctx.Locale.TrN .Issue.NumComments "repo.issues.num_comments_1" "repo.issues.num_comments" .Issue.NumComments}}
				</span>
			{{end}}
		</div>
	</div>
</div>
