{{template "repo/settings/layout_head" (dict "ctxData" . "pageClass" "repository settings edit")}}
	<div class="repo-setting-content">
		{{if .Repository.IsArchived}}
			<div class="ui warning message tw-text-center">
				{{ctx.Locale.Tr "repo.settings.archive.branchsettings_unavailable"}}
			</div>
		{{else}}
			<h4 class="ui top attached header">
				{{ctx.Locale.Tr "repo.default_branch"}}
			</h4>
			<div class="ui attached segment">
				<p>
					{{ctx.Locale.Tr "repo.settings.default_branch_desc"}}
				</p>
				<form class="tw-flex" action="{{.Link}}" method="post">
					{{.CsrfTokenHtml}}
					<input type="hidden" name="action" value="default_branch">
					<div class="ui dropdown selection search tw-flex-1 tw-mr-2 tw-max-w-96">
						{{svg "octicon-triangle-down" 14 "dropdown icon"}}
						<input type="hidden" name="branch" value="{{.Repository.DefaultBranch}}">
						<div class="default text">{{.Repository.DefaultBranch}}</div>
						<div class="menu">
							{{range .Branches}}
								<div class="item" data-value="{{.}}">{{.}}</div>
							{{end}}
						</div>
					</div>
					<button class="ui primary button"{{if .Repository.IsEmpty}} disabled{{end}}>{{ctx.Locale.Tr "repo.settings.branches.update_default_branch"}}</button>
				</form>
			</div>

			<h4 class="ui top attached header">
				{{ctx.Locale.Tr "repo.settings.protected_branch"}}
				<div class="ui right">
					<a class="ui primary tiny button" href="{{$.Repository.Link}}/settings/branches/edit">{{ctx.Locale.Tr "repo.settings.branches.add_new_rule"}}</a>
				</div>
			</h4>

			<div class="ui attached segment">
				<div class="flex-list" id="protected-branches-list" data-update-priority-url="{{$.Repository.Link}}/settings/branches/priority">
					{{range .ProtectedBranches}}
						<div class="flex-item tw-items-center item" data-id="{{.ID}}" >
							<div class="drag-handle tw-cursor-grab">
								{{svg "octicon-grabber" 16}}
							</div>
							<div class="flex-item-main">
								<div class="flex-item-title">
									<div class="ui basic primary label">{{.RuleName}}</div>
								</div>
							</div>
							<div class="flex-item-trailing">
								<a class="rm ui tiny button" href="{{$.Repository.Link}}/settings/branches/edit?rule_name={{.RuleName}}">{{ctx.Locale.Tr "repo.settings.edit_protected_branch"}}</a>
								<button class="ui red tiny button delete-button" data-url="{{$.Repository.Link}}/settings/branches/{{.ID}}/delete" data-id="{{.ID}}">
									{{ctx.Locale.Tr "repo.settings.protected_branch.delete_rule"}}
								</button>
							</div>
						</div>
					{{else}}
						<div class="flex-item center aligned">
							{{ctx.Locale.Tr "repo.settings.no_protected_branch"}}
						</div>
					{{end}}
				</div>
			</div>
		{{end}}
	</div>

<div class="ui g-modal-confirm delete modal">
	<div class="header">
		{{svg "octicon-trash"}}
		{{ctx.Locale.Tr "repo.settings.protected_branch_deletion"}}
	</div>
	<div class="content">
		<p>{{ctx.Locale.Tr "repo.settings.protected_branch_deletion_desc"}}</p>
	</div>
	{{template "base/modal_actions_confirm" .}}
</div>

{{template "repo/settings/layout_footer" .}}